(예시)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>웹 페이지의 제목(브라우저 탭에 명시)</title>
</head>
<body>
<p>웹 페이지 화면에 표시할 콘텐츠</p>
</body>
</html>
---------------------------------
<!DOCTYPE html> : html 버전을 웹 브라우저에 알려주는 선언문
<html></html> : html 문서의 시작과 끝
<head></head> : 문서에 대한 정보 정의
<meta> : html 문서에 대한 메타데이터 (데이터에 관한 구조화 된 데이터=다른 데이터를 설명해주는 데이터)
ㄴ 추후 추가 정리
<meta charset="utf-8"> : 문자 코드 (meta charset) 의 값은 utf-8 (유니코드를 위한 문자 셋)
<title></title> : (브라우저 탭에 명시 될) 페이지의 제목
<body></body> : html 문서의 모든 콘텐츠를 포함하는 영역
<p></p> : 단락을 나타내는 텍스트 태그 (연달아 사용 시, 문단이 한 줄 띄어서 생성)
+)
<hn></hn> : 제목을 표시하는 태그 (굵은 폰트로 강조되어 나타남)
n자리에 1-6중의 숫자가 들어감, 숫자가 작을수록 크게 표시
<br> : 줄 바꿈 태그
: 공백 기호, p태그 내에서 띄어쓰기가 필요할 때 사용 가능
<pre></pre> : 텍스트 태그, 미리 정의된 형식의 텍스를 정의할 때 사용(space, enter 등이 모두 그대로 페이지에 적용)
<hr> : 수평선 태그. 콘텐츠의 내용을 구분할 때 주로 사용
---------------------------------
텍스트 강조용 태그(인라인 요소)
<strong></strong> : 글자를 두껍게 표시
<em></em> : 기본적으로 이텔릭체로 표시 (기울여짐),
ㄴ 중첩 가능. 중첩할수록 강조 의미가 강해짐, 정보통신보조기기 등에서 구두 강조로 발음
<mark></mark> : 기본적으로 형광펜을 칠 한 듯이 배경을 노랗게 표시
'개념,기능 정리' 카테고리의 다른 글
| [JS]연산자 / 형 반환 (0) | 2024.02.23 |
|---|---|
| javaScript 복습 전 개념정리 (0) | 2024.02.20 |
| 기능 추가 제공 사이트 (disqus, tawk.to) (0) | 2024.02.20 |
| [HTML] <a></a>, <iframe></iframe> (1) | 2024.02.20 |
| [HTML+CSS+JS] 3D-Cube banner(preserve-3d) (1) | 2024.02.14 |