HTML태그 (Tags) 와 속성 (attribute)

태그(Tag)는 <> 기호로 구성된다.

 

작성 규칙은, 텍스트(Content)의 앞 뒤에 모두 작성하여 마치 해당 텍스트를 감싸는 것처럼 작성한다,

 

<tag name> content </tag name> 

 

태그와 content까지 다 합쳐 우리는 요소라고 한다.

 

HTML 태그는 100여개 이상 존재, 그 중에서 자주 사용되는 태그는 아래와 같다.

 

링크 : https://www.advancedwebranking.com/seo/html-study

HTML Study - AWR SEO Guide

 

태그는 속성을 가진다.

 

각각의 태그들은 속성(attribute)을 가지는데, 속성은 Tag별로 고유할 수도 있고, 공통 될 수도 있다.

 

이러한 속성들은 각 Tag별 기능이나 부가 옵션을 제공하기 위한 용도로 사용된다.

 

 

<tag name attribute = "value"> content </tag name>

 

href 속성

ex)

<a href = "www.naver.com"> go to Never web </a>

 

 

 

태그 종류와 기능 그리고 속성

 

 

<<기능을 가진 태그(Functional Tags):>>

 

<h1> -- <h6> 태그

6 단계로 구획 제목을 표시합니다. 각각 크기가 다릅니다. 주로 제목에 이용되며, 한 페이지당 h1 하나만 사용되는 것을 권장하고 있다.

 

<a> 태그

-> 

속성 :

href : <a href = "www.naver.com"> go to Never web </a>

 

<img> 태그

속성:

src :

 

<form> 태그

-> 폼(Form)이란 보통 사용자와의 상호작용을 위해 사용자의 입력을 받는 태그이자 종류를 가르킨다.

주로 <input> 태그와 같이 쓰인다.

 

<form>

    <label for="fname">First name:</label><br>

    <input type="text" id="fname" name="fname"><br>

    <label for="lname">Last name:</label><br>

    <input type="text" id="lname" name="lname">

</form>

 

* 여기서 <br> 태그는 줄 바꿈 태그이다. 줄을 바꿀 수 있다. 없이 작성시 나란히 적히는 상황이 나온다.

 

<Input> 태그

-> 입력을 받는 태그 종료 태그가 없다.

 

<button> 태그

-> 

 

 

<<의미만 가지고 있는 태그(Semantic Tags):>>

 

<div> 태그

 

<p> 태그

 

<header> 태그

 

<nav> 태그

 

<main> 태그

 

<section> 태그

 

<footer> 태그