HTML 기본 태그
- 웹/HTML
- 2020. 2. 4.
반응형
반응형
-태그(TAG)
<> 로 만들면 다 태그다
<head>, <title>, <body>
다 태그다
그렇지만 앞글에서 본 것처럼 구조적인 태그로는
웹페이지를 구현할수가 없다
인터넷 들어가서 보면 알겠지만 웹페이지가
단순히 글만 써있는게 아니라는 걸 금방 알 수 있다
글을 쓰면, 문단도 나눠야 하고
그림이 필요하면 그림도 넣어야 하는데,
그 정도는 태그를 이용하면 구현이 가능하다.
-기본 태그
자주 쓰는 것들이 유독 있는데,
줄바꿈이나 링크를 건다거나,
글자크기를 바꾼다던가
이런것들이 있다.
태그 | 기능 | 작성 | 표시 |
<a> |
하이퍼링크를 추가한다. a href 로 시작하면 된다. 여기서 a는 anchor의 약자이고, |
<a href="url">여기</a>를 클릭 | 여기를 클릭 |
<h1>~<h6> |
글자크기를 다르게 할 수 있다. 숫자가 작을수록 글자크기가 크다. |
<h1>제목넣기</h1> |
제목넣기 |
<p> | 단락을 나눈다. | a<p>b</p>c | a
b c |
<br> |
줄바꿈 </br>은 필요없다 |
a<br>b<br>c | a b c |
<ul> |
번호 없는 항목 쓰기 <li>로 항목을 정한다 |
<ul> <li>aa</li> <li>bb</li> <li>cc</li>
</ul> |
|
<ol> |
번호가 붙은 항목 쓰기 <li>로 항목을 정한다 |
<ol> <li>aa</li> <li>bb</li> <li>cc</li>
</ol> |
|
<img> |
이미지를 표시한다 이미지형식은 png, gif, jpeg를 사용한다 <img src = "이미지경로"> |
<img src="cafe.jpg"> |
더 많은 태그의 사용법을 알고 싶으면,
https://www.w3schools.com/html/
이 사이트에서 보면 된다. 사이트내에서 연습도 할 수 있다~! 물론 영어로 되어있지만 ㅜ
'웹 > HTML' 카테고리의 다른 글
CSS란? (0) | 2020.02.13 |
---|---|
메타요소(meta) (0) | 2020.02.12 |
HTML 폼(form)요소(2) (select, button, textarea, label, fieldset,legend) (0) | 2020.02.08 |
HTML 폼(form) (0) | 2020.02.07 |
HTML 시작 (0) | 2020.02.02 |