HTML은 <h1> </h1> ~ <h6> </h6> Six <h> 태그를 각각 다른 크기 글꼴의 제목 (제목)에 사용합니다. 글꼴은 크지 않고 작은 것, <h1> 가장 크고 <h6>이 가장 작습니다.
제목 레이블에 주어야합니다. a. 브라우저는 제목 전후에 빈 줄을 추가합니다. 제목 레이블은 블록 레벨 요소이므로 기본적으로 HTML은 블록 레벨 요소 전후의 빈 줄 (<br/>)을 자동으로 추가합니다. b. 제목은 전체 페이지에 매우 중요합니다. 제목 태그는 SEO에 매우 친숙하기 때문에 검색 엔진은 웹 사이트 제목을 사용하여 제목 및 콘텐츠 컴파일 인덱스를 사용하며 사용자는 제목을 통해 웹 페이지를 빠르게 찾아 볼 수 있으므로 제목으로 문서 구조를 제시하는 것이 중요합니다. . <H1>은 기본 제목 (가장 중요한)으로 사용하고 <H2> (2 차) 등을 사용하여 <H3> 등을 사용해야합니다.
<!-<h> 태그는 <H1>에 중요한 정보를 설정하는 것입니다. 검색 엔진은 검색에 우선 순위를 부여합니다. </h3> <h4> 중국 4 </h4> <h5> 중국 5 </h5> <h6> 중국 6 </h6>
효과는 아래와 같이, 글꼴 크기는 크고 작은 것입니다.
2. Change <br/>, <bobr> </nobr> 및 세그먼트를 변경하지 마십시오 <p> </p>html <br/>에서 레이블을 변경하는 것의 차이와 세그먼트 라벨 <p> </p>는 거래 레이블 <br/>가 입력된다는 것입니다. <p> </p>는 세그먼트입니다. <p> 레이블은 블록 레벨 요소이기 때문에 (자동 추가 <br/>) 전후에 비교적 큰 공백이 있으며 레이블은 행 요소입니다 그리고 후. 레이블 <br/> 레이블 <BOBR> </noBR> 라벨이 있습니다. 즉, 변경되지 않으며 일반적으로 브라우저가 프로그램 코드를 변경할 필요가없는 선을 자동으로 변경하지 못하게하는 데 사용됩니다.
<!-변경 및 세그먼트 :-> <p> 이것은 첫 번째 <br /> <! /p> <p> 이것은 두 번째 단락입니다 </p> <!-Divide-Stidal Change-> int i = 0, j = 10;3. 수평 태그 <hr/>
<hr /> HTML 페이지에서 수평선을 만듭니다. 수평선 (<HR> 태그)을 사용하여 기사의 섹션을 분리하는 방법입니다. <hr/> 태그는 너비 너비와 높이가 높을 수 있으며이 두 속성에는 각각 픽셀과 백분율 지수가 있습니다. 또한 <hr/> 태그에는 크기 (두께), 색상 (색) 및 Noshade (Shadowless)의 속성이 포함됩니다.
<! /1999/xhtml> <head> <title> </title> </head> <body> <hr color =#ff0000/> <! -width 속성은 60px-> <hr 너비 = 60% /> <!-너비는 60%-> <hr size = 10 /<!-크기는 10px-> <hr size = 10% /> <!-크기입니다. 10%-> <!-왼쪽, 오른쪽 및 중심의 값과 함께 정렬 된 속성입니다. 각각> <hr 너비 = 20% 정렬 = 왼쪽 /> <hr 너비 = 20% Align = Right / > <hr width = 20% align = center/> <hr color =#ff0000/> <!-Noshade 속성, 설정 없음, 그림자 효과 없음-> <hr noshade = noshade/> </body> </html>4. 텍스트 서식 태그
<!-일반적인 텍스트 형식 레이블-> <center> 블로그 파크 </center> 디스플레이 <b> 안녕하세요, 세계! </b> 두꺼운 몸, 권장 <strong> 태그. <클램프 </i> 솔직한 몸. <u> 나는 라인이있는 하향 라인 레이블입니다. <em> h <sub> 2 </sub> o <sp> 2 </sub> <와 같은 비스듬한 몸체 </em> <bub> 2 </sub>가 정착된다는 것을 강조합니다. !-글꼴의 크기는 절대 글꼴 크기와 상대 글꼴 크기로 나눌 수 있습니다. <!-절대 글꼴의 값은 1-7-> <!-색상 (색상 세트) 크기 (1-7)의 값입니다. -> <!-얼굴 속성은 글꼴을 설정하는 데 사용됩니다-> <font> </font> font 레이블, <font color = 빨간색 크기 = 7 face = lishu> 빨간색 </font>5. 프리 포름 레이블 <pre>
<fre> 사전 형식 레이블, 웹 페이지 디스플레이의 내용을 유지하십시오. 일부 특수 콘텐츠 디스플레이에 사용할 수 있거나 컴퓨터 프로그래밍의 소스 코드를 표시하는 데 사용될 수도 있습니다 (예 : 블로그 가든의 소스 코드는 <fre> 태그로 표시).
<p> 프리 레이블 디스플레이 원본 디스플레이의 특별한 희망 : < / p> <fre> 나는 좋은 소년입니다. 나는 그것을 좋아합니다 아 아 아 아, 이것은 사전 형식 태그 ____ (. / / | / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / |. __/) __/ (..).6. <marquee> </marquee> 라벨
<marquee> </marquee> 태그는 브라우저에 텍스트와 이미지를 표시하도록 지시합니다.
<div> <!-Marquee 레이블 일부 브라우저 지원 : IE, FF-> <!-방향 속성 : 지정된 내용의 움직임 방향, 값의 값은 왼쪽, 오른쪽, UP 및 다운-> <!- -행동 속성 : 레이블의 동작을 지정하고, 값의 값은 스크롤, 대체 및 슬라이드-> <marquee direction = left scrollay = cabition> 안녕하세요, 내 홈페이지로 오세요! ...... </marquee> </div>7. 다른 형식 레이블.
<! /1999/xhtml> <head> <title> </title> </head> <body> <!-<abbr> 약어 표시!-<cronym> 문구의 약어 표시 :-> <ceronym <!-< Blockquote> 긴 텍스트의 참조를 정의하십시오 !-<duddrenge> 주소, 서명, 문서 저자 정보 등. DIR 속성을 통해 레이블 별 텍스트 표시 순서 :-> <BDO DIR = LTR> POWER NODE < /bdo> <!-LTR : LEFT : 왼쪽에서 오른쪽으로 오른쪽으로-> <bdo dirr = rtl> 전원 노드 </bdo> <br/> <!-rtl : 오른쪽에서 왼쪽에서 왼쪽에서 왼쪽에서 왼쪽에서 </body> </html>2. HTML 목록
<! /xhtml> <head> <title> </title> </head> <body> <b> html 목록 : </b> <br/> <hr size = 5 color =#ff0000;/> <br/> <!-시퀀스 목록 (ul : unordered list)-> <font size =#ff face = <br/> 바나나 </li> <li> Apple </li> <li> 오렌지 </li> </ul>-ul 유형 속성 값 : 디스크, 원, 원 : 중공 : square/1 > -> <ul type = circle> <li> 바나나 </li> <li> 사과 </li> <li> 오렌지 </li> </ul> <ul type = square> <li> 바나나 </li > <li> Apple </li> <li> Orange </li> </ul> 3. 속성 값의 혼합 사용, 역할 강조 : <br/> <ul type = circle> <li> 바나나 </li > <li type = disc> Apple </li> <li> Orange </li> </ul> <!-두 번째, 순서 목록 (ol, 주문 목록)-> <font size = +1 color =#00ff00 Face = Chinese Kaita> II. < /font> <br />. </ol> 2. 유형 속성 사용 : <la/> <ol 유형 = i> <li> 농구 </li> <li> 배구 </li> <li> 축구 </li> </ol> <ol type = a> <li> 농구 </li> <li> 배구 </li> <li> 축구 </li> </ol> 3. 목록 항목의 전면 번호 : <br/> <blockquote> a . <font color =#ffff> start < /font> 대출 사용 : <br /> <ol start = 3> <li> 농구 < /li> << /li> <li> 배구 < /li> <li> 축구 </li> </ol> B. <font color =#ffff> vlaue </font> 별도로 연습 : <br/> <om> <li> 농구 </li> <li value = 5> 배구 </li> <li> 축구 </li> </ol> C. <font color =#ffff> 시작, 가치 </font> 공동 사용 : <br/> <ol start = 8> <li> 농구 < /li> <li value = 15> 배구 </li> <li> Football </li> </ol> </blockquote> <font size =+1 color =# 00ff00 face = patterns '> iii. < /font> <br /> 1. 시퀀스 목록에서 Nationless List : <br /> <ul> <li> 음료 < /li < /li < /li> <li> 과일 <ul> < li> Banana </li> <li> 사과 </li> <li> 오렌지 </li> </li> <li> 야채 </li> <li> 차 </li> </ul> 2. 내장 비 시리얼 목록의 일련 목록 : <br/> <ul> <li> 음료 </li> <li> 과일 <ol> <li> 바나나 </li> <li> 사과 </li> <li> Orange </li> </ol> </li> <li> 야채 </li> <li> Tea </li> </ul> 3. 목록에서 순서로 설정되어 있습니다. 시퀀스 목록은 다음과 같습니다. <br/> <ol> <li> 음료 </li> <li> 과일 <ol> <li> 바나나 </li> <li> 사과 </li> <li> 오렌지 </li> </ol> </li> <li> 야채 </li> <li> 차 </li> </ol> 4 .. Ol> <li> 음료 </li> <li> 과일 <ul> <li> 바나나 </li> <li > 사과 </li> <li> 오렌지 </li> </ul> </li> <li> 야채 </li> <li> 차 </li> </ol> 5. 목록 : <la/> <li> 음료 </li> <li> 과일 <ul> <li> 바나나 </li> <li> 사과 <ul> <li> 브라질에서 생산됩니다 </li> <li > 중국에서 생산됩니다. /li> < /ol> <!-셋째, 목록을 정의합니다 (dl, definitin list)-> <font size =+1 color =#00ff00> IV : <br /> <!- <dl> <d> 첫 번째 제목 항목 < /dt> < /dt> < /dt> < /dt> < /dt> dd> 첫 번째 제목 항목의 해석 < /dd> <dt> 두 번째 타이틀 항목 </dt> <dd> 두 번째 제목 항목의 해석 </dd> </dl> <dl> 목록의 시작을 식별하려면; 정의 목록; 목록 항목에서 테이블 항목의 해석 텍스트를 식별하려면. -> <dl> <!-dt : 정의 용어 (정의 용어) 베이징 제목 정의-> <dt> 베이징 </dt> <!-DD : 베이징의 제목에 대한 정의 설명-> <dd> 중국의 정치 센터 </dd> <dt> 상하이 </dt> <d> 중국 경제 센터 </dd> <dt> Shenzhen </dt> <dd> 중국의 개혁과 개방의 최전선 </dd> </dl> < /body> </html>
많은 레이블을 사용하여 텍스트의 모양을 변경하고 텍스트에 대한 숨겨진 의미를 연관시킬 수 있습니다. 일반적 으로이 태그는 콘텐츠 기반 스타일과 물리적 스타일의 두 가지 범주로 나눌 수 있습니다.
1. 컨텐츠 기반 스타일
컨텐츠 기반 스타일 태그는 브라우저에 포함 된 텍스트에 특정 의미, 컨텍스트 또는 사용법이 있다고 말합니다. 그런 다음 브라우저는 의미, 컨텍스트 또는 사용의 형식을 텍스트에 적용합니다. 컨텐츠 기반 레이블의 내용은 형식이 아닌 의미를 제공합니다. 따라서 자동 처리에 매우 중요합니다.
글꼴 스타일은 시맨틱 단서로 지정되므로 브라우저는 사용자에게 적합한 디스플레이 스타일을 선택할 수 있습니다. 다양한 위치의 다양한 스타일로 인해 컨텐츠 기반 스타일을 사용하면 문서가 독자에게 광범위한 독자에게 의미가 있는지 확인할 수 있습니다. 디스플레이 옵션은 기존 텍스트와 근본적으로 다를 수 있거나 일부 측면에서는 매우 큰 제한이 있기 때문에 블라인드 및 장애인이 사용하는 브라우저에서 특히 중요합니다.
현재 HTML 및 XHTML 표준은 각 컨텐츠 기반 레이블에 대한 형식을 정의하지 않습니다. 표준은 이러한 컨텐츠 기반 스타일을 다른 방식으로 표시 할 필요조차 없습니다. 실제 응용 분야에서는 이러한 레이블이 전통적인 인쇄와 매우 명백한 관계가 있으며 비슷한 의미와 디스플레이 스타일이 있으며 대부분의 브라우저에서 동일한 스타일과 글꼴로 표시됩니다.
HTML/XHTML 기반 스타일 태그를 사용할 때는 텍스트가 표시되는 방법에 대해 생각하기 때문에 몇 가지 규칙을 따라야하며 이러한 텍스트의 의미가 무엇인지 알기가 매우 쉽습니다. 컨텐츠 기반 스타일을 사용하기 시작하면 문서가 더 일관되며 자동 검색 및 컨텐츠 편집을 실행하는 데 도움이 될 수 있습니다. 이 태그는 다음과 같습니다.
<Abbr> <Cronym> <cite> <code> <dfn> <em> <kbd> <Samp> <strong> <var>
2. 물리적 스타일
컨텐츠 기반 스타일 레이블을 논의 할 때 종종 단어의 의도를 사용합니다. 레이블로 전달 된 의미가 텍스트를 표시하는 브라우저보다 더 중요하기 때문입니다. 그러나 경우에 따라 정당성이나 저작권의 이유로 고려 될 수 있습니다. 이 경우 텍스트에 물리적 스타일을 사용할 수 있습니다.
다른 텍스트 처리 시스템의 추세는 스타일과 외관을 정확하게 제어하는 것이지만 HTML 또는 XHTML을 사용할 때는 사례가 거의없는 한 물리적 레이블을 피해야합니다. 가능한 한 브라우저에 컨텍스트 정보를 제공하고 콘텐츠 기반 스타일을 사용해야합니다. 브라우저는 이제 이러한 텍스트를 비스듬하거나 두꺼운 -Body 캐릭터로 표시하고 있지만 미래 브라우저와 다양한 문서 생성 도구는 이러한 컨텐츠 기반 스타일을 매우 창의적으로 사용할 수 있습니다.
현재의 HTML/XHTML 표준은 대담한, 이탤릭체, 단일 장애, 밑줄, 스트라이크 로우, 더 큰)를 포함하여 총 9 가지 물리적 스타일을 제공합니다). 이 태그는 다음과 같습니다.
<b> <big> <i> <s> <small>
위는 편집자가 소개 한 일반적인 형식입니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!