HTML(Hypertext Markup Language)
1. 마크업 언어 : 테그를 이용해서 프로그램의 구조를 짜는데 사용되는 스크립트
HTML의 기본 구조
- HTML 문서는 기본적으로 <!DOCTYPE html> 로 시작
- 실질적인 문서는 2번쨰 행부터 시작되며, <html> 과 </html> 사이에 작성됨
- <head>와 </head> 사이에는 HTML 문서 정보를 정의하는 코드가 포함됨(제목, 저장방식, 브라우저의 크기)
- 웹 브라우저의 출력 요소는 몸통을 뜻하는 <body> 바로 아래에 위치한다.
- HTML 요소(Element)는 시작 테그(Open)과 종료(Closing) 그리고 테그 사이의 내용으로 이루어짐
<Head> 태그
- HTML 문서의 메타 데이터와 문서를 정의하는 사용되는 테그들이 위치하는 곳
- 메타 데이터 : 데이터에 대한 기본적인 출저 정보를 제공하는 데이터
- 화면에 표시되는 요소는 아니지만, 그 요소를 도와주거나 사용한 이미지에 대한 출저 등을 제공해주는 곳
대표적인 <Head>에 위치하는 테그
| <title></title> | HTML 문서의 제목(브라우저의 Tab에 들어가는 제목) |
| <style></style> | HTML 문서의 Style 정보 정의 |
| <link> | 외부 리소스와의 연결 정보를 정의(CSS 파일 연계에 사용 |
| <script></script> | JavaScript를 내부에 정의 |
| <meta> | 페이지 설명, 키워드, 저자, 화면 크기 등의 정보. 주로 브라우저 또는 검색 엔진에 서 사용 |
<body> 태그
HTML 문서의 화면상에 보여지는 구조를 정의하는데 사용되는 태그
<p>, <hr> <div>, <span> 등의 테그를 이용
HTML 기본 문법 - 태그의 정의
1. HTML 요소(Element)는 시작 태그(Opening )와 종료 태그(Closing) 그리고 태그 사이 내용(Content)로 구성
2. 테그와 테그 사이에는 테그가 들어갈 수 있고, 바깥 테그와 안 테그 간의 관계를 부모자식, 동일 선상의 테그를 형제 테그라고 한다.
3. <meta> 테그와 <br>, <hr>, <img> <input>, <link>와 같은테그는 내용을 가질 수 없거나, 가질 필요가 없음.
HTML 기본 문법 - 속성
1. 속성(Attribute)란 요소의 성질, 특징을 정의하며, 요소의 크기, 유형, 값(input의 경우) 등을 나타낸다.
HTML 기본 문법 - 주석(Comments)
1. 주석(comment)는 협업하는 개발자에게 코드를 설명하기 위해 사용하는 테그
2. 브라우저는 주석 부분을 제외한 나머지 정보 만을 해석한다.
※ 이미지 출저 : KDT 국비교육 PPT에서 발췌하였습니다.
'국비지원 공부 정리 > HTML,CSS' 카테고리의 다른 글
| CSS 선택자 정리 - 기본 선택자, 복합 선택자 (0) | 2025.03.17 |
|---|---|
| CSS의 참조 방식 (0) | 2025.03.17 |
| HTML - Table, Select (0) | 2025.03.16 |
| HTML - 이미지, 하이퍼링크, input (0) | 2025.03.16 |
| HTML - 문자 구조, 디자인과 관련된 태그 (0) | 2025.03.16 |