[HTML] HTML Tag

Gammi·2022년 9월 11일
0

HTML

목록 보기
1/5

💻 HTML

(Hyper Text Markup Language)


  • 하이퍼텍스트 문서를 작성할 수 있는 언어

  • 웹브라우저에 표시되는 기본적인 요소를 나타내도록 페이지를 제작할 수 있음
    (텍스트, 이미지, 영상, 음성 등의 다양한 요소 및 테이블 등의 요소)

  • 명령어(Tag)로 구성





📁 HTML Tag


  • 각괄호 안에 들어가며, 시작Tag와 종료Tag 한 쌍으로 구성

  • Tag는 한 쌍으로 작성할 것

  • Tag는 대소문자 구별이 없으나 일반적으로 소문자로 작성

  • 주석은 <!-- 주석 처리할 문장 -->을 사용





📂 HTML 필수 태그


<html>
  <head> <!-- head 안: 머릿말 -->
    <title> </title>
  </head>
  <body>
  <!-- 본문 -->
  </body>
</html>




📂 HTML 본문 구성 태그


<br> : 줄바꿈 태그

  • html에서 엔터키는 줄바꿈X

<hn> </hn> : 제목 태그

  • bold체로 작성됨
  • n: 1(최대) ~ 6(최소) 사이의 값 지정
  • 위아래 한 줄씩 공백 생김
  • <b> 태그와 <p> 태그 적용 가능
  • alingn 속성으로 정렬 가능(CENTER, LEFT, RIGHT)

<p> </p> : 문단 태그

  • 태그 사이 내용을 하나의 문단 취급
  • align 속성으로 정렬 방식 지정 가능

<hr> : 수평선 태그


<pre> </pre> : 입력한 그대로 출력(공백, 줄바꿈 그대로 수행)





📂 HTML 폰트 구성 태그


<b> </b> : 글자 진하게

<strong> </strong> : 글자 진하게

  • <b> </b> 태그와 동일한 효과

<i> </i> : 이탤릭체

<em> </em> : 글자 기울임꼴

  • <i> </i> 태그와 동일한 효과

<u> </u> : 밑줄

<strike> </strike> : 가운데줄


<sup> </sup> : 윗첨자

<sub> </sub> : 아랫첨자


<mark> </mark> : 형광펜 효과


<small> </small> : 글자 크기 작게





📂 HTML 특수 문자 태그


  • HTML 내에서 몇몇 특수 문자들은
    예약어로 설정되어 있기 때문에 태그로 인식된다

  • 특수문자 태그는 &로 시작하고 ;로 끝남


nbsp; : 한 칸 공백

  • html에서 입력하는 공백은 한 칸만 적용됨

lt; : <

gt; : >


&amp; : &


&copy; : ©

&reg; : ®

&trade; : ™

&#9786; : ☺


그 외 HTML 태그들

profile
개발자가 되었어요⭐️

0개의 댓글