| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- 기업경기실사지수
- HTML
- 경정청구서류
- CD금리
- 신용점수확인
- 코픽스
- 연말정산
- 신용카드공제 계산법
- 경기지표
- html독학
- 재고순환지표
- paragraphs
- 국민연금수령 나이
- 간소화서비스
- 미성년자카드
- 청소년체크카드
- 월세공제
- 경기동행지수
- CP금리
- 경기선행지수
- html요소
- 세율
- html공부
- br
- #미국경제지표 #미국주식시장 #미국주식투자
- 신용등급단계
- 코리보
- 잠재GDP
- pre
- 연금저축공제
- Today
- Total
유키의 티스토리
[HTML 독학 #2] HTML 기본형식 공부하기 본문
HTML은 기본적으로 시작 할땐 <!DOCTYPE html>을 선언해주어야합니다. 이렇게 선언해주는 이유는 브라우저에게 해당 웹페이지가 어떤 버전의 HTML 언어인지 설명해주기 위해서입니다. 브라우저에게 선언을 해주면, 문서간 호환성이 올라가는데요. HTML도 버전에 따라 삭제된 태그가 있고, 적용 되지 않는 태그들도 있기에 꼭 <!DOCTYPE html>을 선언을 해주어야합니다.
<h1>~<h6>태그
HTML은 제목 글씨를 쓸땐 꼭 <h1>~<h6>태그를 쓰는데요. 해당 태그는 중요한 제목이나 헤드라인을 쓸때 사용됩니다. <h1>~<h6>처럼 뒷 숫자가 커질수록 글씨의 크기는 줄어듭니다.
<p> 태그
그 다음으로는 단락인데요. 문장은 단락으로 구성되어있죠. HTML은 단락을 쓸때 <p>태그를 사용합니다.
사용방법은 아래와 같이 <p>contentes</p> 형식으로 쓰면 됩니다.
<a> 태그
HTML은 다른 페이지로 링크를 걸수도 있는데요. 링크를 걸땐 <a>태그를 써야합니다. 그런데 <a>태그는 특별한 속성을 쓸 수 있는데요. 바로 href라는 속성입니다. href 속성은 Hypertext reference의 줄임말으로써, href 뒤에 이동하고 싶은 URL 주소를 넣을 수 있습니다.
<img>태그
그 다음으로 소개해드릴 태그는 바로 image를 넣을 수 있는 태그인데요. 사용 형식은 <img> 입니다. <img>태그는 다양한 속성을 사용할 수 있는데요. (src),(alt),(width),(height) 등이 있습니다. 먼저 (src) 속성을 사용하면 아래 이미지처럼 이미지 경로를 넣어서 웹페이지에 이미지를 띄울 수 있습니다. alt 속성은 이미지가 엑스박스가 뜰때 이미지를 설명하기 위한 문구를 넣어주시면 됩니다. 또한 width와 Height의 속성을 통해 이미지의 가로 세로 크기를 조정할 수도 있습니다!
이처럼 html은 다양한 태그를 통해 웹문서를 만들고, 이를 디자인할 수 있습니다. 오늘은 html에서 사용하는 기본적인 태그들에 대해서 알아봤는데요. 오늘 알아본 <h1>,<a>,<img>,<p> 태그 등은 html 태그 중에서 가장 많이 사용되는 태그들이기 때문에 꼭 알아두시면 좋을것 같습니다~
'Learn HTML' 카테고리의 다른 글
| [HTML 독학 #6] Paragraphs 관련 태그 정리 (0) | 2021.12.21 |
|---|---|
| [HTML 독학 #5] HTML Headings 태그 정리 (0) | 2021.12.17 |
| [HTML 독학 #4] HTML 속성(Attribute)란? (0) | 2021.12.16 |
| [HTML 독학 #3] HTML 요소(element)란? (0) | 2021.12.13 |
| [HTML 독학 #1] HTML 태그 구성 (0) | 2021.12.10 |
