# [WEB] HTML 기초 - Author: @mildsalmon - Published: 2021-09-26 - Updated: 2021-09-27 - Source: http://blex.me/@mildsalmon/html-%EA%B8%B0%EC%B4%88 - Tags: 생활코딩, html, web --- # 1. 기본문법 ### A. 관용적으로 사용 - 이 문서는 html이다라는 뜻 ```html ``` ### B. HTML 태그 - head 태그와 body 태그를 감싸는 태그 ```html ``` ### C. head 태그 - head - 본문(body)을 설명하는 태그를 묶음 ```html ``` - 타이틀 - 웹 페이지의 제목을 사용자에게 명시적으로 알려줌 - 검색엔진은 타이틀 정보를 책 표지처럼 사용한다. ```html WEB1 - html ``` - 한글이 깨진다면 - meta 태그를 사용한다. ```html ``` ### D. body 태그 - 태그 - 문법을 설명하는 것. - strong은 **진하게** 표시하는 것을 설명하는 것. - body - 본문을 묶음 ```html ``` ##### a. 기초 - 강조 ```html ``` - 언더라인 ```html ``` - 제목 ```html

``` - 줄바꿈 ```html
``` - 문단 바꿈 - 정해져있는 여백만큼만 줄이 바뀜 ```html

``` - CSS - 시각적으로 부족한 부분은 css로 채울 수 있기 때문에 의미에 맞는 태그를 사용하는 것이 좋다. ```html

``` - 이미지 ```html ``` - 링크 (anchor) ```html Markup ``` - 속성 - 새탭으로 열기 ```html target="_blank" ``` - 속성 - 힌트 ```html title="naver로 이동" ``` ##### b. 속성 - 속성 (Attribute) - 태그가 태그의 이름만으로는 정보가 부족할 때 속성을 통해서 더 많은 의미를 표현함. - `` 태그 안에 있는 `width="100%"`, `src="coding.jpg"`를 속성이라고 한다. - 속성의 순서는 상관이 없다. ##### c. 부모, 자식 태그 - ol - li (Ordered List - List Item) ```html
  1. HTML
  2. CSS
  3. JavaScript
td ``` - ul - li (Unordered List - List Item) ```html ``` - table - tr - td (Table - Table Row - Table Cell) ```html
head 92.1%
body 98.9%
html 87.2%
``` # 참고 문헌 [1] [HTML5 (w3.org)](https://www.w3.org/TR/2011/WD-html5-20110405/). (accessed Sep 26, 2021) [2] 이고잉. [WEB1 - HTML & Internet - 생활코딩 (opentutorials.org)](https://opentutorials.org/course/3084). opentutorials. (accessed Sep 26, 2021)