작성일자 : 2023-09-27
Ver 0.1.1
HTML 소개 및 특징
HTML(하이퍼텍스트 마크업 언어)은 웹 페이지를 만들고 구조화하는 데 사용되는 표준 마크업 언어이다.
HTML은 웹 브라우저에서 표시되는 웹 콘텐츠의 구조를 정의하고, 하이퍼링크를 생성하며, 웹 페이지의 기본 레이아웃을 제공하는 데 사용된다.
1. 하이퍼텍스트와 하이퍼링크: HTML은 하이퍼텍스트를 표현하는 데 사용된다. 하이퍼텍스트는 다른 웹 페이지로 연결되는 텍스트나 요소를 의미하며, 이를 생성하기 위해 `<a>` 태그를 사용한다.
2. 구조화된 문서: HTML은 웹 페이지의 구조를 정의하는 데 사용된다. 제목, 단락, 목록, 표, 이미지 등의 다양한 요소를 사용하여 웹 페이지의 구조를 설계하고 구성한다.
3. 태그와 요소: HTML 문서는 다양한 HTML 태그와 요소의 조합으로 이루어진다. 각 태그는 `<`와 `>` 기호로 둘러싸인 이름을 가지며, 대부분의 태그에는 시작 태그와 종료 태그가 있다.
4. 속성: HTML 태그에는 속성(attribute)을 추가하여 요소의 특성을 정의할 수 있다. 예를 들어, 이미지의 경로를 지정하는 `src` 속성을 사용할 수 있다.
5. 버전: 현재 사용되는 HTML 버전은 HTML5이다. HTML5는 새로운 요소와 API를 도입하여 웹 애플리케이션 개발과 멀티미디어 콘텐츠 표시를 개선했다.
6. 크로스 플랫폼 호환성: HTML은 모든 주요 웹 브라우저에서 지원되며, 크로스 플랫폼 호환성을 제공한다. 즉, 동일한 HTML 코드가 모든 웹 브라우저에서 동일한 방식으로 렌더링된다.
7. 웹 표준 준수: HTML은 웹 표준을 따르는 중요한 요소이다. 웹 표준을 준수하면 웹 페이지가 다양한 디바이스 및 브라우저에서 더 잘 작동하고 접근성을 향상시킨다.
8. CSS와 조합: HTML은 웹 페이지의 구조를 정의하고, CSS(Cascading Style Sheets)를 사용하여 스타일을 지정하고 레이아웃을 제어한다. HTML과 CSS는 웹 디자인의 핵심 요소이다.
HTML은 웹 개발의 핵심이며, 웹 페이지를 만들고 표시하는 데 필수적인 언어이다. HTML을 사용하여 웹 콘텐츠를 구성하고 디자인할 수 있으며, 웹 개발자들은 HTML을 익히고 사용하여 다양한 웹 애플리케이션과 웹 사이트를 개발한.
태그 종류
1. <!DOCTYPE>: 이 태그는 HTML 문서의 버전을 정의한다. 일반적으로 `<!DOCTYPE html>`로 시작하여 HTML5 문서임을 선언한다.
2. <html>: HTML 문서의 시작과 끝을 감싸는 최상위 요소이다.
3. <head>: 문서에 대한 메타 정보를 포함하는 부분이다. 제목, 문자 인코딩, 스타일 시트 링크 등을 여기에 포함할 수 있다.
4. <title>: 웹 페이지의 제목을 정의한다. 브라우저 탭에 표시되는 텍스트다.
5. <meta>: 웹 페이지의 메타 데이터를 정의한다. 문자 인코딩, 뷰포트 설정 및 검색 엔진 최적화에 사용된다.
6. <link>: 외부 스타일 시트 파일을 연결하거나, 파비콘을 정의하는 데 사용된다.
7. <script>: JavaScript 코드를 포함하는 데 사용된다. 페이지의 동적 동작을 제어하는 데 주로 활용된다.
8. <body>: 실제 웹 페이지의 내용을 정의한다. 텍스트, 이미지, 링크, 테이블 등의 요소가 여기에 포함된다.
9. <h1>, <h2>, ..., <h6>: 제목을 나타내는 태그로,`<h1>`이 가장 중요한 제목이며, `<h6>`이 가장 낮은 수준의 제목이다.
10. <p>: 단락을 나타내는 태그로, 텍스트를 단락 단위로 그룹화한다.
11. <a>: 하이퍼링크를 생성하는 태그로, 다른 웹 페이지로 이동하거나 문서 내에서 다른 부분으로 이동하는 데 사용된다.
12. <img>: 이미지를 삽입하는 태그로, `src` 속성을 통해 이미지 파일의 경로를 지정한다.
13. <ul>, <ol>: 목록을 생성하는 태그로, `<ul>`은 순서 없는 목록(글머리 기호), `<ol>`은 순서 있는 목록(번호)을 만든다.
14. <li>: 목록의 항목을 나타내는 태그로, `<ul>` 또는 `<ol>` 내부에서 사용된다.
15. <table>: 표를 생성하는 태그로, 행과 열을 나타내는 다른 태그와 함께 사용된다.
16. <tr>: 표의 행을 나타내는 태그다.
17. <td>: 표의 데이터 셀을 나타내는 태그다.
18. <th>: 표의 헤더 셀(제목 셀)을 나타내는 태그다.
19. <div>: 구획을 나타내는 데 사용되며, 스타일링과 레이아웃을 위해 주로 활용된다.
20. <span>: 텍스트 스타일링을 위해 특정 부분을 감싸는 데 사용되며, 블록 요소와 함께 사용된다.
이것은 HTML의 일부 태그이며, HTML은 더 많은 다양한 태그와 속성을 제공한다. 태그와 속성은 웹 페이지의 구조와 스타일을 제어하는 데 중요한 역할을 한다.
