HTML 페이지 생성

HTML 기본 구조  <html>   <head></head>   <body></body></html> <hr data-ke-style="style6"> HTML 저장  - 확장자는 .html을 사용한다.- 파일 이름은 <div class="table-wrap"><table data-ke-type="table" data-ke-align="alignLeft" style="width: 100%;" border="1" data-ke-style="style16"><tbody><tr><td style="width: 56.6372%;">한글은 쓰지 않는다.</td><td style="width: 20.1011%;">(x) 기초태그.html </td><td style="width: 23.1353%;">---> (o) basic.html </td></tr><tr><td style="width: 56.6372%;">앞,뒤, 사이에 공백을 넣는 대신에 _(언더바)를 사용한다.</td><td style="width: 20.1011%;">(x) basic 1.html</td><td style="width: 23.1353%;">---> (o) basic_1.html</td></tr></tbody></table></div><hr data-ke-style="style6"> HTML 용어  태그  HTML(Hyper Text Markup Language)은 웹 문서에서 마크업하는 언어이며, 어디가 이미지이고 어디가 텍스트인지 표시하는 것을 마크업이라고 하는데 마크업할 때 사용하는 약속된 표기법을 ‘태그(tag)’라고 한다.  태그는 웹 문서에 표시하려는 내용을 전달하는 언어이기 때문에 정확히 사용해야 한다. - 태그는 시작 태그와 종료 태그로 나눌 수 있으며 "<" 와 ">"로 둘러싸여 있다.- 기본 형식은 시작 태그의 경우 <tag>의 형태를 가지며, 종료 태그의 경우에는 </tag> 형태를 가진다.- 태그는 텍스트나 다른 요소를 담을 수 있는 태그(비어 있지 않은 태그)와  다른 요소를 담을 수 없는 빈 태그 두가지로 표현된다.  [비어 있지 않은 태그] 비어 있지 않은 태그는 시작 태그와 종료 태그를 가지며 그 사이에 텍스트나 다른 요소를 담는다. HTML은 HyperText Markup Language의 약자이다.  [빈 태그] 빈 태그는 시작 태그만 가지므로 텍스트나 다른 요소를 담을 수 없다.<img>  속성 - 태그는 속성을 가질 수 있으며 속성은 태그에 대한 추가 정보를 담고 있다.- 속성은 시작 태그 안에 작성한다.<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1QoDq/9ab04f5eedec60d643d627f4a4e96373975ac65d" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1QoDq/9ab04f5eedec60d643d627f4a4e96373975ac65d" data-origin-width="796" data-origin-height="232"></div> HTML은 HyperText Markup Language의 약자이다.<img src="images/food1.jpg" alt="키위샐러드" />   <hr data-ke-style="style6"> HTML 주석    - 주석은 브라우저에서는 표시되지 않는 내용이며 작성자가 표시를 넣거나 메모하는데 이용한다.