HTML 기본 구조
<html>
<head></head>
<body></body>
</html>
HTML 저장
- 확장자는 .html을 사용한다.
- 파일 이름은
한글은 쓰지 않는다. | (x) 기초태그.html | ---> (o) basic.html |
앞,뒤, 사이에 공백을 넣는 대신에 _(언더바)를 사용한다. | (x) basic 1.html | ---> (o) basic_1.html |
HTML 용어
태그
HTML(Hyper Text Markup Language)은 웹 문서에서 마크업하는 언어이며, 어디가 이미지이고 어디가 텍스트인지 표시하는 것을 마크업이라고 하는데 마크업할 때 사용하는 약속된 표기법을 ‘태그(tag)’라고 한다.
태그는 웹 문서에 표시하려는 내용을 전달하는 언어이기 때문에 정확히 사용해야 한다.
- 태그는 시작 태그와 종료 태그로 나눌 수 있으며 "<" 와 ">"로 둘러싸여 있다.
- 기본 형식은 시작 태그의 경우 <tag>의 형태를 가지며, 종료 태그의 경우에는 </tag> 형태를 가진다.
- 태그는 텍스트나 다른 요소를 담을 수 있는 태그(비어 있지 않은 태그)와
다른 요소를 담을 수 없는 빈 태그 두가지로 표현된다.
[비어 있지 않은 태그]
비어 있지 않은 태그는 시작 태그와 종료 태그를 가지며 그 사이에 텍스트나 다른 요소를 담는다.
<p><strong>HTML은</strong> HyperText Markup Language의 약자이다.</p>
[빈 태그]
빈 태그는 시작 태그만 가지므로 텍스트나 다른 요소를 담을 수 없다.
<img>
속성
- 태그는 속성을 가질 수 있으며 속성은 태그에 대한 추가 정보를 담고 있다.
- 속성은 시작 태그 안에 작성한다.
<p class="introduction"><strong>HTML은</strong> HyperText Markup Language의 약자이다.</p>
<img src="images/food1.jpg" alt="키위샐러드" />
HTML 주석
- 주석은 브라우저에서는 표시되지 않는 내용이며 작성자가 표시를 넣거나 메모하는데 이용한다.
<!--주석내용-->