도드넷
[1화] HTML 에디터, HTML 기본구조 본문
HTML5 & Javacript 공부
[1화]
1. HTML 에디터 구하기
- www.activestate.com/komodo-edit
2. DOCTYPE
- HTML 버전명시하는 것.
<!DOCTYPE html>
3. HTML 요소 (element)
- 태그
- <> 꺽쇠로 둘러쌈.
- 형식 : <요소명> </요소명>
예 : <div></div>
- 단독요소 (빈요소) : <br>, <img>
4. 요소 속성
- HTML 요소의 필수 혹은 부가적 설정값
- 형식 : <요소명 속성명="속성값">
- 여러개의 속성을 가질 수도 있음.
예 : <img scr="img/logo.jpg" alt="company logo">
- 속성값은 따옴표 또는 큰 따옴표를 이용함.
5. HTML 기본구조
<head></head> : 보디가 처리되기전 처리되야할 부분. 메타데이터 스크립트, CSS등이 위치.
웹브라우저에 나타나는 컨텐츠를 넣지않아야 함.
<body></body> : 웹 브라우저에 나타나는 컨텐츠가 담기는 곳
<html></html> : 시작과 끝, 전체 코드를 감쌈
6. head에 넣어야할 요소
- 1) 타이틀 요소, 문서이름 페이지 이름 <title></title>
- 2) 메타 데이터 : 일종의 추가정보
문자 인코딩 : <meta charset="UTF-8">
<meta name="description" content="설명">
<meta name="keywords" content="키워드">
<meta name="author" content="저자">
<meta name="copyright" content="저작권">
<meta name="reply-to" content="메일주소">
<meta name="date" content="2015-10-26M11:00:00+09:00>
- 3) 외부 파일연결
<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>
'창고 > HTML5 & JavaScript' 카테고리의 다른 글
| 홈페이지 만드는 법 - XE 설치법, 사이트 제작하기! (2) | 2015.10.30 |
|---|---|
| [2화] 문서구조화 1부 (0) | 2015.10.27 |