> For the complete documentation index, see [llms.txt](https://minhee0327.gitbook.io/mini-til/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://minhee0327.gitbook.io/mini-til/frontend/html-and-css/02_basic.md).
# 02 HTML Basic
1. 태그
1. 요소(element): 열리고 닫히는 태그 구조(한 쌍)
2. 닫히는 태그 이름 앞에 슬래시
3. 빈태그(empty tag): 닫히는 태그가 없음
예: `![]()
`
4. 원하는 형태로 사용하되, 혼용하지 말고 사용.
2. 속성(Attribute)과 값(Value)
1. 태그(요소) 의 기능을 확장하기 위해 '속성' 사용
```
```
2. 태그 A 가 태그 B의 콘텐츠로 사용되면
* 태그 B는 태그 A의 부모요소
* 태그 A는 태그 B의 자식요소
```
```
* 부모와 자식 요소는 상대적인 개념
* 조상요소: 부모의 상위 요소
* 부모요소
* 자식요소
* 후손요소: 자식의 하위 요소
3. HTML 문서의 범위
```
문서의 정보
문서의 구조
```
1. html: 전체 범위, 웹프라우저가 해석할 시작과 끝을 알려준다.
2. head: 문서 정보 범위, 화면을 구성하기 위한 기본설정
* title(문서제목)
* meta(웹 페이지 정보)
* charset: 문자 인코딩 방식(UTF-8)
* name: 검색엔진 등에 제공하기 위한 정보 종류 (author, description 등)
* content: name이나 http-equiv 속성의 값을 제공
* link: 외부 css 파일 연결 시 사용, 빈태그
* rel: 현재 문서와 외부문서간의 관계(stylesheet, icon..)
* href: 외부문서의 위치
* style: html 내부에 css 작성할 때 사용
* script: JS 외부 파일을 불러오거나, 내부에 작성할 때 사용
3. body: 브라우저가 해석해야할 html 문서 구조범위, (사용자가 보는 내용, 레이아웃등)
* div(division): 문서의 부분이나 섹션 정의, 단순히 wrap 용도
* img : html삽입 & css (background) 삽입 가능
4. DOCTYPE(DTD): 마크업 언어 문서 형식
4. 웹 표준 검사하기
* [W3C validator](https://validator.w3.org/#validate_by_upload)
* 테스트 통과가 웹표준/접근성 준수 여부를 최정 결정하지 않는다.
기본 문법 검사에 가깝다.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://minhee0327.gitbook.io/mini-til/frontend/html-and-css/02_basic.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.