HTML은 웹 페이지를 만드는 데 사용되는 언어인 Hyper Text Markup Language의 약자입니다. HTML에는 단순한 기존 웹 페이지부터 복잡한 웹 사이트 및 애플리케이션에 이르기까지 매우 광범위한 애플리케이션 시나리오가 있으며 모두 HTML로 개발할 수 있습니다. 이 글은 초보자가 빨리 시작할 수 있도록 HTML의 기본 사용법과 몇 가지 실용적인 기술을 소개하는 것을 목표로 합니다.
HTML에서는 .html 또는 .htm으로 끝나는 파일 이름이 일반적으로 웹 페이지 파일로 사용됩니다. HTML 페이지를 열면 브라우저는 HTML 문서의 구조를 구문 분석하여 시각적 인터페이스에 표시합니다.
HTML 문서는 머리글, 본문, 바닥글의 세 가지 주요 부분으로 구성됩니다. 이 부분은 HTML 태그로 구성됩니다. 다음 코드는 간단한 HTML 문서 예를 보여줍니다.
<html>
<head>
<title>这里是标题</title>
</head>
<body>
<h1>欢迎使用HTML</h1>
<p>这里是文本内容。</p>
</body>
</html>위 예에서 "" 및 "" 태그는 전체 HTML 문서를 나타내는 데 사용되며, "
" 및 "" 태그는 문서의 헤드를 나타내는 데 사용되며, "" 및 "
" 태그는 텍스트 섹션을 정의합니다.HTML 태그는 블록 수준 태그와 인라인 태그의 두 가지 유형으로 나뉩니다.
,
다음은 일반적으로 사용되는 HTML 태그입니다.
태그 설명
단락 정의
| 헤더 셀 정의 | 테이블 데이터 셀 정의
는 문서의 섹션이나 단락을 정의합니다.
은 문서의 섹션을 정의합니다.
강조 텍스트 정의
강조 텍스트 정의
3. HTML 주석
주석은 코드의 의도를 설명하는 코드의 한 방법입니다. HTML에서 "" 태그를 사용하여 주석 내용을 포함할 수 있으며, 브라우저는 이러한 내용을 자동으로 무시합니다. 다음은 HTML 주석의 예입니다.
`
텍스트는 다음과 같습니다 `
위의 예에서 "" 태그는 단락 기호 의 내용을 주석 처리하는 데 사용됩니다. 이는 브라우저의 출력에 영향을 미치지 않습니다. 코드 가독성과 유지 관리성을 향상시킬 수 있습니다.
4. HTML 속성
HTML 태그에는 태그의 동작과 특성을 제어하는 데 사용되는 속성이 있을 수 있습니다. 속성에는 일반적으로 속성 이름과 속성 값이 포함되며, 이를 따옴표로 묶어야 합니다. 다음은 속성이 포함된 HTML 하이퍼링크 태그입니다.
여기에는 글꼴 크기가 16px인 빨간색 텍스트가 있습니다. |
|---|