HTML 기본 태그

반응형
반응형

-태그(TAG)

<>  로 만들면 다 태그다

<head>, <title>, <body> 

다 태그다

 

그렇지만 앞글에서 본 것처럼 구조적인 태그로는

웹페이지를 구현할수가 없다

인터넷 들어가서 보면 알겠지만 웹페이지가

단순히 글만 써있는게 아니라는 걸 금방 알 수 있다 

글을 쓰면, 문단도 나눠야 하고

그림이 필요하면 그림도 넣어야 하는데,

그 정도는 태그를 이용하면 구현이 가능하다.

 

-기본 태그

자주 쓰는 것들이 유독 있는데,

줄바꿈이나 링크를 건다거나,

글자크기를 바꾼다던가

이런것들이 있다.

 

태그 기능 작성 표시
<a>

하이퍼링크를 추가한다.

a href 로 시작하면 된다.

여기서 a는 anchor의 약자이고,
href는 HyperText Reference 의 약자.

<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>

  • aa
  • bb
  • cc
<ol>

번호가 붙은 항목 쓰기

<li>로 항목을 정한다

<ol>

<li>aa</li>

<li>bb</li>

<li>cc</li>

 

</ol>

  1. aa
  2. bb
  3. cc
<img>

이미지를 표시한다

이미지형식은 png, gif, jpeg를 사용한다

<img src = "이미지경로">

<img src="cafe.jpg">

 

 

 

더 많은 태그의 사용법을 알고 싶으면,

https://www.w3schools.com/html/

 

HTML Tutorial

HTML Tutorial HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn - You will enjoy it! Examples in Every Chapter This HTML tutorial contains hundreds of HTML examples. With our online HTML ed

www.w3schools.com

이 사이트에서 보면 된다. 사이트내에서 연습도 할 수 있다~! 물론 영어로 되어있지만 ㅜ

' > 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

Designed by JB FACTORY