웹개발 | Notion

html은 여는 태그와 닫는 태그, 콘텐츠로 구분된다.

기본구조

<!DOCTYPE html>
<html>
<head>
    <title> </title>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html> : html5를 사용하고 있음을 브라우저에 알림
<html> : html 태그는 문서의 시작과 끝을 표시
<head> : 문서에 대한 다양한 정보를 포함한다. <title>, <meta>, <link>, <script>, <style>, <base>, <noscript> 태그를 포함한다.
<title> : title 바에 입력될 제목을 정한다.
<body> : 브라우저에 표현되는 영역. 알고 있는 많은 태그들이 body에 위치한다.

P 태그 : <p>
- 단락을 나눌 때 사용한다.
h 태그 : <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
- 제목을 작성할 때 사용한다.
- 1이 가장 큰 크기이며 6으로 갈수록 작아진다.
B 태그 : <b>
- 굵은 글씨
I 태그 : <i>
- 기울어진 글씨
<ul>, <ol>, <li>
- 목록을 작성할 때 사용한
- ul : 순서가 없는 리스트
- ol : 순서가 있는 리스트
- li : 리스트의 항목, ol 또는 ul 태그 안쪽에 사용한다.
<br>
- 줄바꿈
<hr>
- 직선을 그린다.
<a>
- 하이퍼링크를 걸어줄 때 사용한다.
- href : 클릭 시 이동할 링크
- title : 마우스를 올렸을 때 나타날 문자열 지정
- target : 링크를 여는 방법
  - _self : 현재페이지(기본값)
  - _blank : 새 탭
  - _parent : 부모 페이지
  - _top : 최상위 페이지
<img>
- 이미지를 가져온다
- src : 가져올 이미지의 주소
- alt : 이미지를 불러오지 못했을 때 표시할 텍스트
- width : 이미지 가로의 길이를 정한다.
- height : 이미지 세로의 길이를 정한다.