생활코딩

22.07.22

2022. 7. 25. 19:23

<strong> </strong> 

굵은글씨

 

<u> </u>

underline. 밑줄

 

<h1> </h1>

heading. 제목. 중요도에 따라 1~6. 제목처럼 글씨 굵어지고 줄바꿈. 구글 검색노출 용이.

 

<br>

new line. 줄바꿈. 단독사용.

 

<p> </p>

paragraph. 하나의 문단 구분. 시각적으로는 <br>두번 사용한 것과 비슷. 그러나 html 정보로서의 문단 의미 내포.

 

<img src="~~~.jpg" width="~~">

image. source. 이미지 삽입. 불러올때 필요한 관련 속성들.

 

<li> </li>

 

List. 목록. 줄바꿈 되어 목록처럼 표시됨.

 

<ul> </ul>

ordered List. 여러 주제의 항목들(<li> </li>)을 묶어주는 항목 문단 역할.

 

<ol> </ol>

ordered List. 하위 항목들(<li> </li>)에 자동 넘버링.

 

 

 

<title> </title>

사용자에게 보여주는 웹페이지의 제목. 검색엔진에서 책표지의 제목 역할. 탭에 보이는 제목.

 

<meta charset="utf-8">

character set. 문자 규칙. utf-8 방식으로 문서를 읽고 열어라. 

 

 

 

<!doctype html> 이문서는 html이다

<html>

  | <head>

  |    | <title> </title>

  |    | <meta charset="utf-8">

  | </head>

  |

  | <body>

  | </body>

</html>

 

 

'생활코딩' 카테고리의 다른 글

@media(){} 미디어 쿼리  (0) 2022.09.06
CSS 선택자 언급 방법  (0) 2022.09.06
CSS 적용과 선택자 우선순위  (0) 2022.09.06
22.07.24  (0) 2022.07.26