Day1_VSCODE_HTML 태그
2023. 3. 23. 14:35ㆍHTML
1) 특수 태그
| < | < |
| > | > |
| 띄어쓰기 | |
| 줄바꿈 | <br> or </br> |
| 주석 | <!-- --> |
2) 문단 태그
<p> ~ </p>
3) 제목 태그
<h1> ~ </h1>
1. h1 > h2 ..... > h6 순서로 글씨크기
2. 검섹엔진에 제목으로 표현된다.
3.블록 태그 (가로 한줄을 모두 가져감)
4.중요한 키워드를 적을 때 사용함
cf) 검색엔진 head부분을 bot이 검색한다. (port = 80)
4) 서식 태그
| <b></b> | 텍스트를 굵게 (단순히 중요하다는 의미) |
| <strong></storng> | 텍스트를 굵게 (매우 중요,긴급,경고를 의미 / 리더기에서 거센 발음으로 읽어줌) |
| <i></i> | 텍스트를 이텔릭체 (기술용어, 외국어 구절, 등장인물 생각 등 특정 이유로 주위와 구분) |
| <em></em> | 텍스트를 이텔릭체 (주위 텍스트에서 강조 / 리더기에서 거센 발음으로 읽어줌) |
5) 목록 태그
팁 ) ul 안에 li를 3개 만들고 싶다 = ul>li*3
| <ul></ul> | 순서가 없는 목록 태그 (블록태그 속성) |
| <ol></ol> | 순서가 있는 목록 태그(블록 태그 속성) |
| <dl></dl> | 정의 목록 태그 (블록태그 속성) |
6) 메타 태그
HTML 문서에 대한 정보를 정의할 때 사용함
<head></head>사이에 사용
name,content,http-equiv,author,viewpoint,keyword,description .. 등이 있다.
728x90
'HTML' 카테고리의 다른 글
| Day2_VSCODE_HTML 폼 태그 + 라벨 태그 + 버튼 태그 + 선택 상자 태그 (2) | 2023.03.27 |
|---|---|
| Day2_VSCODE_HTML input 태그 (0) | 2023.03.27 |
| Day2_VSCODE_HTML 하이퍼 링크 + 책갈피 + 테이블 태그 (0) | 2023.03.27 |
| Day1_VSCODE_HTML 이미지 확장자 + 이미지 태그 (0) | 2023.03.23 |
| Day 1_VSCODE_HTML 기초 (0) | 2023.03.23 |