[HTML] Tag & Attribute

💻 Programming/HTML, CSS

Jiwon() 2023. 2. 18. 11:19

Tag란 HTML을 작성하기 위해 사용하는 명령어의 집합을 말한다. HTML 문서의 뼈대를 구성한다.

Attribute란 HTML 문서에서 elements에 추가적인 정보를 넣을 때 사용되는 부가적인 요소를 말한다.

· a: anchor, 웹 페이지나 사이트로 이동

· href(HTTP or hypertext reference): anchor 태그의 attribute

· target: 기본값은 "_self"(현재 탭에서 링크 열림), "_blank"(새 탭에서 링크 열림)

<a href="http://google.com" target="_blank">

· img: 다른 태그와 다르게 <img></img>로 닫지 않음. 자체 닫기 태그 self-closing tag

· src: source, img 태그에 이미지 주소를 지정

<img src="사진 주소" />
<img src="파일이름.확장자" />

· id: body안의 어떤 태그에든 넣을 수 있는 attribute. 어떤 태그에도 넣을 수 있는 이유는 id가 unique identifier(고유식별자)이기 때문이다.

element당 하나의 id만 가질 수 있고, id의 값은 고유의 값이어야 함. with for. CSS에서 태그를 지정해 꾸미기 위해 id가 필요 (ex. website라는 id를 가진 input을 빨간색으로 보여줘 라고 입력하게 됨)

모든 HTML 문서의 첫 번째 라인, 브라우저에게 텍스트가 아닌 html 문서라고 알려주는 것

1. head: 보이지 않는 태그들로 웹사이트의 환경을 설정하고 부가적인 요소들을 담는 것

· meta: 부가적인 정보를 나타내는 태그. title, base, link, style 그리고 script 요소를 사용하여 표현할 수 없는 다양한 종류의 메타데이터를 나타냄

- content

- name

- charset

<meta charset="utf-8" />

2. body: 사용자가 보는 컨텐츠

<tagname attrname="attrvalue">content</tagname>