[HTML] 태그 정리

김영환·2023년 8월 14일

HTML

목록 보기
1/1

p태그 : <p>

  • 단락을 나눌 때 사용
  • HTML에서는 엔터를 쳐서 여러 문장을 입력하더라도 줄바꿈이 적용되지 않음
  • P태그 안에서는 하나의 문장이 되고 P태그가 종료되면 단락이 된다.

br태그 : </br>

  • 줄바꿈

b태그 : <b>

  • Bold = 굵은 글씨

h태그 : <h1>,<h2>,<h3>,<h4>,<h5>

  • 제목에 해당
  • 숫자가 낮을수록 글씨가 큼

hr태그 : <hr>

  • 직선을 그림

title 태그 : <title>

  • 웹페이지의 제목을 나타내는 태그

div태그 : <div>

  • HTML을 하나로 묶어서 css로 한번에 스타일을 변경하거나, 자바스크립트로 특정 작업을 하기 위한 덩어리

a태그 : <a>

  • 웹 페이지나 외부사이트를 연결하는 태그
    예시
<a href="naver.com"> 네이버 바로가기</a> 

link태그 : <link>

  • 해당 문서와 외부 소수 사이의 관계를 정의할 때 사용

  • head 안에서만 위치

    span태그 : <span>

  • div와 비슷하지만 span은 필요한 만큼의 공간을 차지

  • 반대로 div는 한줄 전체를 차지

    span

    div

p태그 : <p>

  • 문단을 뜻하며 문단을 나눌 때 사용한다.

li태그 : <li>

  • list, 리스트에 포함되는 아이템들을 정의할 때 사용

ul태그 : <ul>

  • 순서가 없는 리스트를 뜻함
<ul>
  <li>종강</li>
  <li>퇴근</li>
  <li>퇴사</li>
</ul>  

form태그 : <form>

  • 사용자로부터 입력받을 수 있는 html입력 양식을 정의할 때 사용
  • input보다 큰 개념으로 input, label, button, select등이 들어감

nav태그 : <nav>

  • navigation link 줄여서 nav 태그로 다른페이지 또는 현재 페이지의 다른 부분과 연결시켜준다.
  • 일반적으로 메뉴, 목차, 인덱스가 있음.
profile
개발

1개의 댓글

comment-user-thumbnail
2023년 8월 14일

유익한 글이었습니다.

답글 달기