여기서 x는 태그 이름을 나타냅니다. <x>와 </x>는 동일한 스위치 세트와 같습니다. 시작 마크 <x>는 켜지는 함수이며, 끝 마크 </x> (일반적으로 시작 마크 + 슬래시/)는 오프 함수이며 제어 된 텍스트 정보는 두 마크 사이에 배치됩니다. 예를 들어 : <i> 이것은 이탤릭체입니다.
특정 특수 효과 또는 기능을 완료하기 위해 일부 속성을 표시에 첨부 할 수도 있습니다. 예 : <x a1 = v1, a2 = v2, ..., an = vn> 제어 텍스트 </x>
그중 A1, A2, ..., an은 속성 이름이고 v1, v2, ..., vn은 해당 속성 값입니다. 속성 값은 인용 또는 인용되지 않습니다. 현재 사용되는 브라우저는 허용되지만 새로운 W3C 표준에 따라 속성 값을 인용해야하므로 인용 된 습관을 개발하는 것이 가장 좋습니다.
1.2 빈 마크
대부분의 마크는 쌍으로 나타나지만 일부는 단독으로 존재합니다. 이 개별 태그를 빈 태그라고합니다. 방법은 다음과 같습니다. <x>
마찬가지로, 빈 태그는 특정 특수 효과 또는 기능을 완료하기 위해 일부 속성으로 첨부 할 수도 있습니다. 예 : <x a1 = v1, a2 = v2, ..., an = vn>, 예 : <hr>, <br> 등.
W3C (xhtml1.0 /html4.0)에 의해 정의 된 새로운 표준은 빈 태그가 /, 즉 : <x />로 끝나야 함을 시사합니다.
속성이 첨부되면 <x a1 = v1, a2 = v2, ..., an = vn />입니다.
현재 사용되는 브라우저는 빈 태그를 추가로 추가 할 필요가 없습니다. 즉, 빈 태그가 그 기능에 영향을 미치지 않습니다. 그러나 파일이 최신 표준을 충족시키기를 원한다면 /추가하는 것이 가장 좋습니다.
2. HTML 태그 분류
2.1 파일 구조 태그
이 유형의 태그의 목적은 주로 파일의 구조를 나타내는 것입니다.
<html> ... </html> : html 파일의 시작과 끝을 나타냅니다.
<head> ... </head> : 파일 제목 영역을 나타냅니다.
<body> ... </body> : 파일의 기본 영역을 표시합니다
2.2 블록 서식 태그
이 유형의 태그의 주요 목적은 파일의 가시성을 높이기 위해 HTML 파일의 특정 텍스트 세그먼트를 특정 형식으로 표시하는 것입니다. 주요 것은 다음과 같습니다.
<title> ... </title> : 파일 제목입니다.
<hi> ... </hi> : i = 1,2, ..., 6, 웹 페이지 제목.
<HR> : 수평선을 생성합니다.
<br> : 강제 라인 파손.
<p> ... </p> : 파일 단락.
<pre> ... </pre> : 원래 형식으로 표시됩니다.
<stendrice> ... </addrenge> : 연락 담당자의 이름, 전화 번호, 주소 및 기타 정보를 표시하십시오.
<blockquote> ... </blockquote> : 세그먼트 참조 태그.
2.3 문자 형식 태그
HTML 파일 텍스트의 모양을 변경하고 파일의 미학을 높이는 데 사용됩니다. 주로:
<b> ... </b> : 대담한 문자.
<i> ... </i> : 이탤릭체.
<tt> ... </tt> : 글꼴.
<font> ... </font> : 글꼴 설정을 변경합니다.
<center> ... </center> : 센터 정렬.
<blink> ... </blink> : 텍스트가 깜박입니다.
<빅> ... </big> : 글꼴 크기를 늘리십시오.
<Small> ... </small> : 글꼴 크기를 줄입니다.
<cite> ... </cite> : 참조.
2.4 목록 태그
<ul> ... </ul> : 번호가 매겨진 목록이 없습니다.
<ol> ... </ol : 번호가 매겨진 목록이 있습니다.
<li> ... </li> : 목록 항목.
<dl> ... </dl> : 정의 목록.
<dd> ... </dd> : 프로젝트 정의.
<dt> ... </dt> : 프로젝트 정의.
<lir> ... </dir> : 카탈로그 목록.
<메뉴> ... </메뉴> : 메뉴 스타일 목록.
2.5 링크 태그 (앵커 태그)
링크는 HTML 하이퍼 텍스트 파일의 생명체라고 할 수 있습니다. HTML은 링크 태그를 통해 전 세계에 흩어져있는 사진, 텍스트, 영화, 오디오 및 기타 정보를 통합합니다. 이 유형의 태그의 주요 목적은 주로 하이퍼 텍스트 링크를 표시하는 것입니다.
<a> ... </a> : 하이퍼 링크를 만듭니다.
2.6 멀티미디어 태그
이러한 마커는 이미지 데이터를 표시하는 데 사용됩니다. 주로:
<Img> : 이미지에 포함됩니다.
<embed> : 멀티미디어 객체에 포함됩니다.
<bgsound> : 배경 음악.
2.7 표 태그
이러한 마크는 테이블을 만들어 만들어집니다. 주로:
<table> ... </table> : 테이블 세그먼트를 정의합니다.
<캡션> ... </caption> : 테이블 제목입니다.
<th> ... </th> : 테이블 헤더.
<tr> ... </tr> : 테이블 열.
<td> ... </td> : 테이블 셀.
2.8 태그 양식
이 유형의 태그는 주로 대화식 양식을 만드는 데 사용됩니다.
<form> ... </form> : 양식 섹션의 시작과 끝을 나타냅니다.
<입력> : 단일 라인 텍스트 상자, 라디오 버튼, 확인란 등을 생성합니다.
<TextRea> ... </textRea> : 입력 텍스트 상자의 여러 줄을 생성합니다.
<select> ... </select> : 드롭 다운 목록의 시작과 끝을 나타냅니다.
<옵션> ... </옵션> : 드롭 다운 목록에서 선택 항목을 생성합니다.
HTML 태그에서 상류와 소문자 사이에는 차이가 없습니다. 다음은 마크입니다.
3. 파일 구조 표시
HTML 파일의 구조는 기본적으로 두 부분으로 나눌 수 있으며, 하나는 제목 섹션이라고합니다. 다른 하나는 신체 섹션이라고합니다. 파일 구조 태그는 제목이 주제에 속하는 위치를 나타내는 데 사용됩니다.
3.1 <html> : 전체 파일에 라벨을 붙입니다
목적 : 전체 HTML 파일에 레이블을 지정하십시오
참고 : 표준 HTML 파일은 <html>로 시작하여 </html>로 끝나는 파일입니다. 지금 바로:
<html>
... HTML 파일 전문
</html>
3.2 <Head> : 파일 제목 영역에 라벨을 붙입니다
참고 : HTML 파일에서 <head>와 </head>가 샌드위치 한 영역을 파일의 제목 영역이라고합니다. 일반적으로 헤드 섹션은 HTML 섹션에 포함되어 있습니다.
<html>
<헤드>
...... HTML 파일 제목 영역
</head>
..... .....
</html>
3.3 <title> : 웹 페이지 제목
<title> ..... </title>은 HTML 파일의 제목 영역에서 가장 중요하고 가장 일반적으로 사용되는 태그입니다. 다른 제목 영역에는 <base>, <isindex>, <link>, <nextid>, <meta> 등이 있습니다.
<title> 태그의 목적은 웹 페이지 제목을 설정하는 것입니다. 이 제목은 브라우저 창의 제목 표시 줄에 표시되며 브라우저 페이지 (페이지) 텍스트에 표시되지 않습니다. 대부분의 브라우저 컬렉션 (내 즐겨 찾기), 북마크 (책갈피) 또는 히스토리 목록 기능은이 파일의 제목의 이름을 따서 명명되었습니다.
<title> ... </title>으로 표시된 텍스트의 길이 제한은 없지만 너무 길어지는 제목은 때때로 차단되어 기억하기 쉽지 않습니다.
3.4 <body> : 파일 기본 영역에 라벨을 붙입니다
참고 : html 파일에서 <body> ... </body>가 샌드위치 한 영역을 일반적으로 <head> 섹션 다음에 파일의 주요 영역이라고합니다.
<body> 태그의 3.5 속성
Backgroud 속성 :
이 속성은 그래픽 파일 (일반적으로 GIF 또는 JPEG)을 배경 패턴으로 지정할 수 있습니다. 그래픽은 전체 웹 페이지의 기본 이미지를 세라믹 타일 조각처럼 놓습니다.