✔️ HTML 문서 기본 구조
<!DOCTYPE> // HTML 형식 문서
<html>
<head>
// 문서의 기본 정보, 필요한 파일(css, js) 링크
</head>
<body>
// 실제 브라우저에서 보여질 내용
</body>
</html>✔️ 텍스트 관련 태그
hn : 제목 표시
br : 줄 바꾸기
hr : 수평 줄 생성
p : 텍스트 단락
blockquote, q : 인용구
lorem100 : 임의의 단어 100개 생성
strong, b : 굵게 표시
mark : 형광펜
span : 줄 안(인라인)에서 묶기
div : 줄 바꿔(블록) 단락으로 묶기
✔️ 목록만들기 태그
ol : 목록의 종류를 정하는 태그, 순서 O
ul : 목록의 종류를 정하는 태그, 순서 X
li : 태그의 항목
table : 표 전체를 감싸는 태그
thead : 표의 제목
tbody : 표의 본문
tfoot : 요약
th : 제목 셀
td : 셀
colspan 속성 : 행 합치기
rowspan 속성 : 열 합치기
✔️ 이미지 태그
src 속성 : 이미지 경로
width 속성 : 이미지 가로 조정
height 속성 : 이미지 세로 조정
auto 속성 : 비율에 맞게 자동 조정
figure, figcaption : 이미지 설명
✔️ 링크 관련 태그
href 속성 : 링크한 문서나 사이트 주소 입력
download 속성 : 링크한 내용 다운로드
rel 속성 : 현재 문서와 링크한 문서의 관계
hreflang 속성 : 링크한 문서의 언어 지정
type 속성 : 링크한 문서의 파일 유형
target 속성 : 링크한 내용 표시될 위치(현재 창 또는 새 창) 지정
- _blank : 링크 내용이 새 창이나 새 탭에서 열림
- _self : target 속성의 기본값인 링크 내용이 열림
- _parent : 프레임 사용했을 때, 링크 내용을 부모 프레임에 표시
- _top : 프레임 사용했을 때, 프레임을 벗어나 링크 내용 전체 화면에 표시
2023.09 ~ 티스토리 이전 / 2024.04 ~ 깃허브 블로그 이전