잇뉴얼 (IT_Manual)

[HTML] HTML 태그 정리 본문

Coding/HTML

[HTML] HTML 태그 정리

잇뉴얼 2022. 6. 3. 12:51
728x90
반응형

[HTML] HTML 태그 정리

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 홈페이지 제목 작성 (홈페이지 상단 탭에 보여줍니다.) </title>
</head>

<body>
    <!-- 구역을 나누는 태그들 -->
    <div>구역을 나누는 태그</div>
    <p>문단 태그</p>
    <ul>
        <li> 리스트 목록(동그라미) </li>
        <li> 리스트 목록(동그라미) </li>
    </ul>

    <!-- 구역 내 콘텐츠 태그들 -->
    <h1> 제목을 나타내는 태그 </h1>
    <h2> 소제목 태그 </h2>
    <h3> 글자 크기 h3 </h3>
    <h4> 글자 크기 h4 </h4>
    <h5> 글자 크기 h5 </h5>
    <h6> 글자 크기 h6 </h6>
    <hr>
    span 태그 : 특정 <span style="color:red">글자</span>를 꾸밀 때 써요
    <hr>
    a 태그 : <a href="http://naver.com/"> 하이퍼링크(각종 링크) </a>
    <hr>
    img 태그 : <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
    <hr>
    input 태그: <input type="text" />
    <hr>
    button 태그 : <button> 버튼입니다</button>
    <hr>
    textarea 태그 : <textarea>한줄이 아닌 여러줄을 작성할때 사용되는 태그</textarea>
</body>

</html>

 

구역을 나누는 태그

문단 태그

  • 리스트 목록(동그라미)
  • 리스트 목록(동그라미)

제목을 나타내는 태그

소제목 태그

글자 크기 h3

글자 크기 h4

글자 크기 h5
글자 크기 h6

span 태그 : 특정 글자를 꾸밀 때 써요

a 태그 : 하이퍼링크(각종 링크)

img 태그 :

input 태그:

button 태그 :

textarea 태그 :

반응형

'Coding > HTML' 카테고리의 다른 글

[HTML] - 장고 템플릿 태그 기본 사용법 (with 파이썬)  (0) 2022.06.24
'Coding/HTML' Related Articles more
Comments