[HTML/CSS] HTML의 기본구조
HTML의 기본구조
|
우리는 의견을 표현하고 싶을때 "대화"를 하죠? 하지만 사람들 우리나라 사람들 끼리만 얘기가 통하고 외국인과 소통을 하기 위해서는 그 나라의 "언어"를 배워야 해요. 마찬가지로 우리가 표현하고 싶은것을 컴퓨터가 이해하도록 하려면 컴퓨터의 언어인 "C언어"를 알아야 하죠. 서두가 길었는데 마찬가지로 웹페이지에 원하는 대로 표현 하기 위해서는 "웹언어"를 배워야 해요. HTML은 Hypertext Markup Language의 약자로 가장 보편적인 웹언어에요. |
|
* HTML은 요소와 속성, 속성값등의 태그로 구성되어 있는데 이러한 요소들은 '<'과 '>'(부등호)로 묶여요. ex) <h1>옹봉이의 비밀의화원</h1> 여기서 <h1>은 시작태그이며 </h1>은 종료태그에요. 종료태그에는 항상 '/'(슬러시)가 들어가야해요. |
|
* 예외로 종료태그가 없이 끝나는 태그들도 있어요. ex) <img src="이미지경로"/> |
|
* 태그에서 요소와 속성과 속성값의 관계는 일정한 형식을 따라가요. <요소 태그속성1="속성값1" 속성2="속성값2"> ex) <a href="http://secretgd.tistory.com">비밀의화원</a> <a>는 요소(Anchor), href는 속성(hypertext reference), ""안의 내용은 속성값이 되요. 요소와 속성은 한칸 띄워줘야 하며 속성과 다른 속성사이도 한칸 띄워야해요. |
|
|
|
|
HTML태그 양식
|
<html> ---- html문서의 시작
<head> ---- 문서의 머릿말
<title>웹 문서 제목</title>
</head> ---- 머릿말 종료
<body> ---- 문서의 내용
문서 내용
</body> ---- 내용 종료
</html> ---- html문서의 종료 |
양식 해석<html></html> html문서임을 표현하며,
문서의 시작과 끝을 나타내요.
<head></head> 헤드 안에는 메타태그,
타이틀, 언어선언 등 기본정보가 들어가요.
<body></body> 실제로 표현하려는 내용,
웹 문서의 본문에 해당되요. |
