반응형
HTML(HyperText MarkUp Language)
웹 페이지의 내용을 서술하고 정의하는데 사용
더보기
- html언어에서는 태그라는 문법적 특성으로 웹 화면의 element를 표현
<HTML의 문법>
- 마크업 언어
- 여는 태그와 닫는 태그의 한 쌍
- 태그는 중첩될 수 있다
<html>내용</html>
<html의 기본 구조>
- html, head, body 태그
- <html> : 문서의 시작과 끝
- <head> : 문서의 메타 정보(문서정보)를 정의
- <body> : 실제 사용자에게 보여질 화면을 구현
<글의 내용을 정의하는 태그들>
- heading 태그 : h1, h2, h3 ... (주제)
- paragraph 태그 : p (문단)
- break 태그 : br (줄 바꿈)
- italic 태그 : i (기울임)
- strong, bold 태그 : strong, b (강조)
- horizontal rule 태그 : hr
1. Heading 태그
제목을 구성하는 태그로 제목의 단계에 따라 h1(최상위 주제)부터 h6태그(하위 주제)로 나뉨
2. Paragraph 태그
하나의 문단을 지정할 때 사용되는 태그. 하나의 문단으로 묶여서 화면에 보여짐
3. Break 태그
줄 바꿈을 하려면 break태그를 사용하여 지정해야 함. 닫는 태그 없이 사용 가능하며, 홀태그라고 함
4. Italic 태그
특정 글자에 기울임체를 적용
5. Strong, bold 태그
특정 글자들을 강조
6. Horizontal rule 태그
문서 내 가로 선을 넣고 싶을 때 사용. 홀태그 형태
<리스트를 나열하는 태그들>
- Ordered list 태그 : OL
- Unordered list 태그 : ul
- List item 태그 : li
1. Ordered list 태그
순서가 있는 항목들을 나열 (알아서 순번을 매겨줌)
2. Unordered list 태그
순서가 정해지지 않은 항목들을 나열할 때 사용
3. List item 태그
<li>사과</li>
<li>메론</li>
반응형
'Language > HTML, CSS, SCSS' 카테고리의 다른 글
| [CSS] CSS Postition (static, relative, absolute, fixed) (0) | 2024.02.15 |
|---|---|
| [CSS] 영문 자동 줄바꿈이 안될 때 (0) | 2023.10.13 |
| [HTML] iOS Safari에서 Input 태그 자동 줌 기능 비활성화하는 방법 (0) | 2023.10.11 |
| HTML 기초 문법(3) (0) | 2022.09.01 |
| HTML 기초 문법(2) (0) | 2022.09.01 |
