- HTML: 웹 페이지를 구성하는 마크업 언어
- 마크업 언어: 태그를 사용하여 데이터 구성
즉, html은 태그들의 집합으로 이루어진 언어.
- <시작태그>-내용-</종료태그>
ex)<HTML>...</HTML>
html 태그 사용 규칙
- 여러 tag를 혼용할 때에는 짝을 맞춰서 사용해야함
HTML 문서를 구성하는 기본 태그
<HTML> ... </HTML>
- html 문서임을 나타냄
- html 문서의 모든 내용은 html 태그 내에 존재
<head>...</head>
- html의 머리 부분에 해당
- 문서의 제목, 스타일 등을 정의
<body>...</body>
- html 내용이 들어가는 부분
HTML 기본 태그
링크 삽입: <a>
- <a href="주소">링크할 대상</a>
- 주소: URL 입력
그림 삽입: <img>
- <imag src="주소"width="가로크기"height="세로크기">
폰트 스타일 지정
- <u>텍스트</u> : 밑줄
- <i>텍스트</i> : 기울임 꼴
- <b>텍스트</b> : 진하게
- <font size="크기">텍스트</font> : 텍스트 크기 변경
- <font colot="RGB값">텍스트</font> : 텍스트 색깔 변경
- <font face="글씨체">텍스트</font> : 텍스트 글씨체 변경
ex) <font size="크기" color="RGB값"face="글씨체>텍스트</font>
텍스트 형식
- <br> : 줄 바꿈
- <p> : 문단 바꿈, <br>보다 한 줄 더 건너뜀
- <pre> : 모든 문장 요소를 그대로 반영, 작성한 그래로를 텍스트로 반영
배경 변경
<body bgcolor="RGB값"> : 배경색 변경
<body backgroud="경로"> : 배경에 그림 삽입
리스트(list)
- <li> : 목록 요소
- <ol><li>텍스트</li></ol> : 순차 리스트(ordered list)
- <ul><li>텍스트</li></ul> : 비순차 리스트(unordered list)
기타
- 텍스트 텍스트 : 텍스트 사이에 한 칸 띄어쓰기
- <blockquote>텍스트</blockquote> : 문단 들여쓰기
- <hr width="크기"align="정렬"size="두께" : 수평선 긋기
- <!--텍스트--> : 주석 넣기
'러닝커뮤니티 > 웹프로그래밍' 카테고리의 다른 글
| HTML Form 태그 (0) | 2025.11.17 |
|---|---|
| HTML5 table, iframe, layer (0) | 2025.11.13 |
| HTML5 기초 구조 (0) | 2025.11.10 |
| 1회차 오답 노트 (0) | 2025.11.10 |
| 리눅스쉘 명령 (0) | 2025.11.10 |
