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

    ....