HTML กำหนด <h1> </h1> ถึง <h6> </h6> แท็ก <H> หกแท็กซึ่งใช้สำหรับชื่อ (หัวเรื่อง) ของแบบอักษรขนาดที่แตกต่างกันตามลำดับ แบบอักษรนั้นตั้งแต่ขนาดใหญ่ถึงเล็ก <H1> ที่ใหญ่ที่สุดและ <H6> ขนาดเล็กที่สุด
หัวเรื่องต้องทราบ: เบราว์เซอร์จะเพิ่มบรรทัดที่ว่างเปล่าก่อนและหลังชื่อ เนื่องจากฉลากหัวเรื่องเป็นองค์ประกอบระดับบล็อกโดยค่าเริ่มต้น HTML จะเพิ่มบรรทัดว่างเพิ่มเติม (<br/>) โดยอัตโนมัติก่อนและหลังองค์ประกอบระดับบล็อก b ชื่อเรื่องมีความสำคัญมากสำหรับทั้งหน้า เนื่องจากแท็กหัวเรื่องนั้นเป็นมิตรกับ SEO มากเครื่องมือค้นหาใช้ดัชนีชื่อและเนื้อหาโดยใช้ชื่อเรื่องของเว็บไซต์ของคุณและผู้ใช้สามารถเรียกดูหน้าเว็บของคุณผ่านชื่อเรื่องได้อย่างรวดเร็วดังนั้นจึงเป็นเรื่องสำคัญที่จะต้องนำเสนอโครงสร้างเอกสารด้วยชื่อเรื่อง . ควรใช้ <H1> เป็นชื่อหลัก (สำคัญที่สุด) ตามด้วย <H2> (รอง) และจากนั้น <H3> และอื่น ๆ
<!-<h> แท็กคือการตั้งค่า </h3> <h4> China Four </h4> <h5> China Five </h5> <h6> China 6 </h6>
เอฟเฟกต์ดังแสดงด้านล่างขนาดตัวอักษรนั้นมีขนาดใหญ่ถึงขนาดเล็ก:
2. เปลี่ยน <br/> อย่าเปลี่ยน <nobr> </nobr> และเซ็กเมนต์ <p> </p>เกี่ยวกับความแตกต่างระหว่างการเปลี่ยนฉลากใน HTML <br/> และฉลากแบ่งส่วน <p> </p> คือฉลากการซื้อขาย <br/> เป็นเพียงการป้อน <p> </p> เป็นเซ็กเมนต์ เนื่องจากฉลาก <p> เป็นองค์ประกอบระดับบล็อกมันจะมีช่องว่างที่ค่อนข้างใหญ่ก่อนและหลัง (การเพิ่มอัตโนมัติ <br/>) และฉลากเป็นองค์ประกอบแถว และหลังจาก. มีฉลาก <br/> ฉลาก <NOBR> </nBR> ซึ่งหมายความว่ามันไม่เปลี่ยนแปลงและมักจะใช้เพื่อป้องกันไม่ให้เบราว์เซอร์เปลี่ยนบรรทัดโดยอัตโนมัติซึ่งรหัสโปรแกรมไม่จำเป็นต้องเปลี่ยนแปลง
<!-การเปลี่ยนแปลงและเซ็กเมนต์:-> <p> นี่เป็นครั้งแรก <br /> <! /p> <p> นี่คือย่อหน้าที่สอง </p> <!-หาร-การเปลี่ยนแปลงระดับ-> int i = 0, j = 10;3. แท็กแนวนอน <HR/>
<HR /> สร้างเส้นแนวนอนในหน้า HTML มันเป็นวิธีการใช้บรรทัดแนวนอน (แท็ก <HR>) เพื่อแยกส่วนต่าง ๆ ในบทความ แท็ก <HR/> สามารถตั้งค่าความกว้างและความสูงสูงและแอตทริบิวต์ทั้งสองนี้มีพิกเซลและเปอร์เซ็นต์เลขชี้กำลังตามลำดับ นอกจากนี้แท็ก <HR/> รวมถึงคุณลักษณะของขนาด (ความหนา), สี (สี) และ noshade (shadowless)
<html public- // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtdddddml1-transitational /1999/xhtml> <head> <title> </title> </head> <body> <hr size = 5 color =#ff0000/> <! -width แอตทริบิวต์คือ 60px-> <hr width = 60% /> <!-ความกว้างคือ 60%-> <hr size = 10 /<!-ขนาดคือ 10px-> <hr size = 10% /> <!-ขนาด คือ 10%-> <!-การจัดตำแหน่งแอตทริบิวต์กับค่าของซ้ายขวาและตรงกลาง --- ตามลำดับ> <hr width = 20% allign = ซ้าย /> <hr width = 20% allign = ขวา / > <hr width = 20% allign = center/> <hr color =#ff0000/> <!-แอตทริบิวต์ noshade, การตั้งค่าไม่มี Shadow Effect-> <hr noshade = noshade/> </body> </html>4. แท็กการจัดรูปแบบข้อความ
<!-ป้ายกำกับรูปแบบข้อความทั่วไป-> <enter> บล็อกพาร์ค </enter> แสดง <b> สวัสดีโลก! </b> ร่างกายหนาแนะนำ <strong> แท็ก <i> แคลมป์ </i> ร่างกายที่ตรงไปตรงมา <u> ฉันเป็นฉลากบรรทัดล่าง </u> ด้วยบรรทัด <em> เน้นว่าร่างกายเอียง </em> <ub> 2 </EB> ถูกตัดสินเช่น: H <ub> 2 </EB> O <P> 2 </EB> 2 </EB> </Sub> </sub> !-ตั้งขนาดของตัวอักษรสามารถแบ่งออกเป็นขนาดตัวอักษรสัมบูรณ์และขนาดตัวอักษรสัมพัทธ์ <!-ค่าของตัวอักษรสัมบูรณ์คือค่าของขนาด 1-7-> <!-สี (ตั้งค่าสี) (1-7) -> <!-คุณลักษณะของใบหน้าใช้ในการตั้งค่าตัวอักษร-> <font> </font> ตัวอักษรฉลาก <font color = ขนาดสีแดง = 7 หน้า = lishu> สีแดง </font>5. ฉลาก pre -format <Sfer>
<pre> ฉลากที่จัดรูปแบบล่วงหน้าเก็บเนื้อหาของหน้าจอหน้าเว็บ มันสามารถใช้สำหรับการแสดงเนื้อหาพิเศษบางอย่างหรือสามารถใช้เพื่อแสดงซอร์สโค้ดของการเขียนโปรแกรมคอมพิวเตอร์ (เช่นซอร์สโค้ดของ Blog Garden จะแสดงด้วยแท็ก <Pre>)
<p> Pre Label แสดงความหวังพิเศษบางอย่างเกี่ยวกับการแสดงผลต้นฉบับ: </p> <pre> ฉันเป็นเด็กดีฉันชอบมันอาอาอาอานี่เป็นแท็ก pre -format ____ (. / / / / / / / / / / / / | ___ (/-/) __/ (.. ).6. <Marquee> </marquee> ฉลาก
<marquee> </marquee> แท็กเพื่อบอกเบราว์เซอร์เพื่อแสดงข้อความและรูปภาพของพวกเขา
<div> <!-Marquee Label บางเบราว์เซอร์รองรับ: เช่น, ff-> <!-แอตทริบิวต์ทิศทาง: ทิศทางการเคลื่อนไหวของเนื้อหาที่ระบุค่าของค่าจะถูกทิ้งไว้ขวาขึ้นและลง-> <!-!-! -Behavior Attribute: ระบุพฤติกรรมของฉลากค่าของค่าคือการเลื่อนสลับและสไลด์-> <ทิศทาง Marquee = scrollay ซ้าย = พฤติกรรม = ทางเลือก> สวัสดีทุกคนโปรดมาที่หน้าแรกของฉัน! ...... </marquee> </div>7. ฉลากรูปแบบอื่น ๆ
<html public- // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtdddddml1-transitational /1999/xhtml> <head> <title> </title> </head> <body> <!-<Abbr> แสดงตัวย่อ!-<Sronym> แสดงตัวย่อของวลี:-> <ceronym <!-<<! blockquote> กำหนดการอ้างอิงของข้อความยาว:-> <plockquote> <p> เกินกว่าสองหรือสามวันการคาดการณ์ที่ดีที่สุดของโลกนั้นมีความพิเศษและเกินกว่าหกหรือเจ็ดคน !-<ที่อยู่> ที่อยู่, ลายเซ็น, ข้อมูลผู้เขียนเอกสาร ฯลฯ ลำดับของการแสดงข้อความโดยฉลากผ่านแอตทริบิวต์ DIR:-> <bdo dir = ltr> โหนดพลังงาน </bdo> <!-ltr: ซ้าย ไปทางขวาจากซ้ายไปขวา-> <bdo dirr = rtl> โหนดพลังงาน </bdo> <br/> <!-rtl: ขวาไปซ้ายจากขวาไปซ้าย-> </body> </html>2. รายการ html
<html public- // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtdddddml1-transitational /xhtml> <head> <title> </title> </head> <body> <b> รายการ html: </b> <br/> <hr size = 5 color =#ff0000;/> <br/> <!-ก่อนอื่นรายการลำดับ (UL: รายการที่ไม่ได้เรียงลำดับ)-> <font size =+ color =#ff face = chinese kaita> i Banana </li> <li> Apple </li> <li> สีส้ม </li> </ul> > -> <ul type = circle> <li> Banana </li> <li> Apple </li> <li> สีส้ม </li></ul>< ul type = square> <li> Banana </li > <li> Apple </li> <li> สีส้ม </li> </ul> 3. การใช้ค่าแอตทริบิวต์ผสมโดยเน้นบทบาท: <br/> <ul type = circle> <li> กล้วย </li > <li type = disc> apple </li> <li> สีส้ม </li></ul> <!-ที่สองรายการที่เป็นระเบียบ (ol, รายการที่สั่งซื้อ)-> <font size = +1 color =#00ff00 FACE = KAITA> II </ol> 2. ใช้แอตทริบิวต์ประเภท: <la/> <ol type = 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> <li value = 15> วอลเลย์บอล </li> <li> ฟุตบอล </li> </lo> </lonesquote> <font size =+1 color =# 00ff00 face = patterns '> iii </font> <br /> 1. ในรายการลำดับรายการ Nationless: <br /> <ul> <li> เครื่องดื่ม </li </li </li </li> <li> ผลไม้ <ul> <ul> <ul> <ul> <ul> <ul> <ul> <ul> <ul> <ul> Li> Banana </li> <li> Apple </li> <li> สีส้ม </li> </li> <li> ผัก </li> <li> ชา </li> </ul> 2. ฝังตัว รายการอนุกรมในรายการที่ไม่ได้อยู่ในรายการ: <br/> <ul> <li> เครื่องดื่ม </li> <li> ผลไม้ <ol> <li> Banana </li> <li> Apple </li> <li> สีส้ม </li> </lo> </li> <li> ผัก </li> <li> ชา </li> </ul> 3. คำสั่งซื้อในรายการรายการลำดับถูกตั้งค่า: <br/> <ol> <li> เครื่องดื่ม </li> <li> ผลไม้ <ol> <li> Banana </li> <li> Apple </li> <li> สีส้ม </li> </ol> </li> <li> ผัก </li> <li> ชา </li> </ol> 4 .. ol> <li> เครื่องดื่ม </li> <li> ผลไม้ <ul> <li> Banana </li> <li > Apple </li> <li> สีส้ม </li></ul> </li> <li> ผัก </li> <li> ชา </li> </ol> 5. รังหลายระดับของ รายการ: <la/> <li> เครื่องดื่ม </li> <li> ผลไม้ <ul> <li> Banana </li> <li> Apple <ul> <li> ผลิตในบราซิล </li> <Li > มันผลิตในประเทศจีน </li></ul> </li> <li> สีส้ม </li </li> </ul> </li> <li> ผัก </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> เพื่อระบุจุดเริ่มต้นของรายการ ของรายการนิยาม; <DD> เพื่อระบุข้อความการตีความของรายการตารางในรายการ -> <Dl> <!-DT: คำจำกัดความ (คำนิยาม) กำหนดชื่อของปักกิ่ง-> <Dt> ปักกิ่ง </dt> <!-DD: คำอธิบายที่ชัดเจนของชื่อเรื่องของปักกิ่ง-> <DD> ศูนย์การเมืองในประเทศจีนในประเทศจีน </dd> <dt> เซี่ยงไฮ้ </dt> <d> ศูนย์เศรษฐกิจจีน </dd> <dt> เซินเจิ้น </dt> <dd> ระดับแนวหน้าของการปฏิรูปของจีนและเปิดตัว </dd> </dl> </dl> /body> </html>
ฉลากจำนวนมากสามารถใช้เพื่อเปลี่ยนลักษณะที่ปรากฏของข้อความและเชื่อมโยงความหมายที่ซ่อนอยู่สำหรับข้อความ โดยทั่วไปแท็กเหล่านี้สามารถแบ่งออกเป็นสองประเภท: สไตล์ที่อิงตามเนื้อหาและสไตล์กายภาพ
1. สไตล์ตามเนื้อหา
แท็กสไตล์ที่ใช้เนื้อหาบอกเบราว์เซอร์ว่าข้อความที่มีอยู่มีความหมายเฉพาะบริบทหรือการใช้งาน จากนั้นเบราว์เซอร์จะใช้รูปแบบของความหมายบริบทหรือการใช้งานกับข้อความ โปรดทราบว่าเนื้อหาของฉลากที่ใช้เนื้อหานั้นให้ความหมายไม่ใช่การจัดรูปแบบ ดังนั้นพวกเขาจึงมีความสำคัญมากสำหรับการประมวลผลอัตโนมัติ
เนื่องจากรูปแบบตัวอักษรถูกระบุโดยเบาะแสความหมายเบราว์เซอร์จึงสามารถเลือกรูปแบบการแสดงผลที่เหมาะสมสำหรับผู้ใช้ เนื่องจากรูปแบบที่หลากหลายของสถานที่ต่าง ๆ การใช้สไตล์ที่ใช้เนื้อหาสามารถช่วยให้คุณมั่นใจได้ว่าเอกสารของคุณมีความหมายต่อผู้อ่านในวงกว้าง สิ่งนี้มีความสำคัญอย่างยิ่งในเบราว์เซอร์ที่คนตาบอดและคนพิการใช้เพราะตัวเลือกการแสดงผลของพวกเขาอาจแตกต่างจากข้อความดั้งเดิมของเราโดยพื้นฐานหรือมีข้อ จำกัด ที่มีขนาดใหญ่มากในบางแง่มุม
มาตรฐาน HTML และ XHTML ปัจจุบันไม่ได้กำหนดรูปแบบสำหรับฉลากที่ใช้เนื้อหาแต่ละรายการเท่านั้น มาตรฐานไม่จำเป็นต้องมีรูปแบบที่ใช้เนื้อหาเหล่านี้เพื่อแสดงในรูปแบบที่แตกต่างกัน ในการใช้งานจริงคุณอาจพบว่าป้ายกำกับดังกล่าวมีความสัมพันธ์ที่ชัดเจนมากกับการพิมพ์แบบดั้งเดิม
เมื่อใช้แท็กสไตล์ HTML/XHTML คุณต้องทำตามกฎบางอย่างเพราะเพียงแค่คิดว่าควรแสดงข้อความอย่างไรและมันง่ายมากที่จะรู้ว่าความหมายของข้อความเหล่านี้คืออะไร เมื่อคุณเริ่มใช้สไตล์ที่ใช้เนื้อหาแล้วเอกสารจะสอดคล้องกันมากขึ้นและสามารถช่วยดำเนินการค้นหาการค้นหาและการแก้ไขเนื้อหาอัตโนมัติได้ดีขึ้น แท็กเหล่านี้คือ:
<Abbr> <cronym> <cite> <code> <DFN> <em> <KBD> <SAMP> <strong> <var>
2. สไตล์กายภาพ
เมื่อพูดถึงฉลากสไตล์ตามเนื้อหาเรามักจะใช้ความตั้งใจคำ นี่เป็นเพราะความหมายที่ถ่ายทอดโดยฉลากมีความสำคัญมากกว่าเบราว์เซอร์ที่แสดงข้อความ อย่างไรก็ตามในบางกรณีอาจได้รับการพิจารณาด้วยเหตุผลสำหรับความถูกต้องตามกฎหมายหรือลิขสิทธิ์ ในกรณีนี้คุณสามารถใช้รูปแบบทางกายภาพสำหรับข้อความ
แม้ว่าแนวโน้มของระบบประมวลผลข้อความอื่น ๆ คือการควบคุมรูปแบบและลักษณะที่ปรากฏอย่างแม่นยำเมื่อใช้ HTML หรือ XHTML ควรหลีกเลี่ยงฉลากทางกายภาพเว้นแต่จะมีกรณีน้อยมาก เราควรให้ข้อมูลบริบทแก่เบราว์เซอร์ให้มากที่สุดและใช้สไตล์ที่ใช้เนื้อหา แม้ว่าเบราว์เซอร์จะแสดงข้อความเหล่านี้ด้วยตัวละครแบบเอียงหรือตัวหนา แต่เบราว์เซอร์ในอนาคตและเครื่องมือสร้างเอกสารต่าง ๆ อาจใช้สไตล์ที่ใช้เนื้อหาเหล่านี้ด้วยวิธีที่สร้างสรรค์มาก
มาตรฐาน HTML/XHTML ปัจจุบันมีรูปแบบทางกายภาพทั้งหมด 9 รูปแบบรวมถึงตัวหนาอิตาลี, monospaced, ขีดเส้นใต้, strikethrough, ใหญ่ขึ้น) และแคบลง แท็กเหล่านี้คือ:
<b> <pig> <i> <s> <small>
ข้างต้นเป็นฉลากรูปแบบทั่วไปที่แนะนำโดยบรรณาธิการให้คุณ ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!