태그 작성법

CODEDRAGON Development/Web, WWW

반응형

   

   

기본 태그 작성법

  • 태그는 연 순서대로 닫아야 한다
  • <태그명></태그명>과 같이 열린 태그와 닫힌 태그가 쌍으로 사용됩니다.
  • 닫을 때는 태그명으로만 닫습니다.

   

   

<태그>내용</태그>

   

   

정상 태그 작성

<태그1>내용1</태그1>

<태그2><태그3>내용2</태그3></태그2>

   

   

틀린 태그 작성

<태그2><태그3>내용2</태그2></태그3>

   

   

   

닫는 태그가 없는 태그(빈 태그)

일부 태그는 </태그> 처럼 닫는 태그를 사용하지 않습니다.

  • <br>,
  • <img>,
  • <meta>,
  • <input> 등

   

표기법 (XHTML 규격)

XHTML 에서는 닫는 태그가 없는 태그를 작성할때 <태그 /> 처럼 사용하는 것을 표준으로 정의

   

표기법 (HTML5 규격)

<태그>처럼 사용하는 것을 표준으로 정의

   

   

   

   

태그 사용 규칙

  • 태그명과 속성명, 속성명과 속성명 사이는 한 칸씩 띄웁니다. 그 외 공백을 두어서는 안 됩니다.
    • 속성명과 값은 = 부호를 사용하여 표시합니다.
    • 값이 두 단어 이상일 경우는 ""로 묶어서 표시합니다.
  • 속성이 있는 태그가 있고 없는 태그가 있습니다.
  • 속성을 반드시 하나 이상 사용해야 하는 태그도 있고 생략해도 되는 태그도 있습니다.
  • 태그를 중첩해서 사용할 경우 먼저 열어준 태그를 나중에 닫아줍니다.

   

태그 사용 예

<font size=color=blue>환영합니다!</font><p>

<b>하늘은 <u>높고</u> 웹 강의 시작합니다 ^^ </b><br>

<p align=center>알찬 내용들로 조금씩 조금씩 배워가요 ^^</p>

 

'Development > Web, WWW' 카테고리의 다른 글

HTML 요소(Elements), Element vs Tag, 엘리먼트의 구분(분류)  (0) 2015.12.22
<BODY> 태그  (0) 2015.12.22
HTML5 변경된 태그  (0) 2015.12.21
HTML4.01  (0) 2015.12.21
웹 개발 도구 (IDE), HTML을 작성 도구  (0) 2015.12.21