<!DOCTYPE html>이 파일은 html5 파일임을 선언하는 태그 (document type)
<html lang="en">html 언어코드 - en:영어, ko:한국어
html 태그 - 웹 문서의 시작과 끝
<meta charset="UTF-8">pycharm의 기본 태그 - 없으면 글씨가 외계어처럼 오류가 나옴
<!-- --> : 주석(메모) 태그
ol: ordered list 순서가 있는 목록 태그 - type = "a", "A", "1" 등으로 목록번호의 속성을 정할 수 있음
li: ol 태그 내에서 하위 목록
col, colgroup 태그는 반드시 caption 태그 다음에 써야함.
colgroup, col: 표에 기본설정외에 추가 사고 싶을 때 사용 colgroup 먼저 입력하고 하위 단계로 각 열마다 col을 적용하여 적용
img src: 이미지 파일 경로
img alt: 이미지 대체 텍스트
| <h> | 제목 | <p> | 문단 |
| <br> (</br>은 존재X) | 문단 내에서 줄 바꿈 | <blockquote> | 인용문(들여 쓰기) |
| <strong> | 글자 굵게 표시(중요) | <b> | 글자 굵게 표시(중요X) |
| <em> | 글자 기울게(중요) | <i> | 글자 기울게(중요X) |
| <u> | 글자 밑줄 | <s> | 글자 취소선 |
| <header> | 페이지 윗부분 | <main> | 페이지 본문 |
| <footer> | 페이지 아랫부분 | <nav> | 링크 연결 |
| <section> | 본문 태그(나눔) | <aside> | 사이드바 영역 |
| <ins> | 추가한 내용 표시 | <del> | 삭제한 내용 표시 |
| <sup> | 위 첨자 | <sub> | 아래 첨자 |
| <ol> | 순서 있는 목록 설정 | <ul> | 순서 없는 목록 설정 |
| <li> | 목록 | <dl> | 설명 목록 설정 |
| <dt> | 설명 제목 | <dd> | 설명 내용 |
| <table> | 표 만들기 | <caption> | 표 제목 |
| <th> | 첫 번째 줄 설정 | <tr> | 행 설정 |
| <td> | 열 설정 | <thead> | 표 첫줄 |
| <tbody> | 표 본문 | <tfoot> | 표 요약 |
| rowspan | 행 합치기 | colspan | 열 합치기 |
| <col> | 열 지정(1개) | <colgroup> | <col> 2개 이상 지정 |
| <object> | 멀티미디어 파일 삽입 | <embed> | 멀티미디어 파일 삽입 |
| <img> | 이미지 삽입 | <audio> | 오디오 파일 삽입 |
| <video> | 비디오 파일 삽입 | <a> | 하이퍼링크 삽입 |
practice1.html
0.00MB
practice2.html
0.00MB
training1.html
0.00MB
training2.html
0.00MB
'프론트엔드 독학' 카테고리의 다른 글
| CSS 독학 (0) | 2022.05.01 |
|---|---|
| 코딩 기본 용어 정리 (0) | 2022.04.30 |
댓글