เนื้อหา

• ขั้นตอน
• แท็ก h2
• เคล็ดลับ

HTML ทำให้ข้อความเป็นตัวหนาได้ง่ายและมีแท็กมากมายที่สามารถใช้ได้หากคุณต้องการตัวเลือกเพิ่มเติม ยังดีกว่าเรียนรู้ CSS และเพิ่มลงในเอกสาร HTML ของคุณโดยตรง ซึ่งเร็วกว่าการเพิ่มสไตล์ชีต CSS และจะช่วยให้คุณสามารถควบคุมความหนาที่คุณต้องการในข้อความตัวหนาได้

ขั้นตอน

วิธีที่ 1 จาก 2: การสร้าง Bold Text ด้วย HTML

1. 

   ใช้แท็ก "strong". ใน HTML5 ขอแนะนำให้ใช้มาตรฐานที่ต้องการแท็ก "strong" สำหรับข้อความที่สำคัญ มักจะแสดงเป็นข้อความตัวหนาในเบราว์เซอร์
   • พิมพ์ข้อความที่คุณต้องการเป็นตัวหนาระหว่างแท็กเหล่านี้: ข้อความตัวหนาที่นี่.

2. 

   
   
   ใช้แท็กหัวเรื่องตามความเหมาะสม ซึ่งจะอยู่ที่ด้านบนสุดของเว็บไซต์หรือที่จุดเริ่มต้นของส่วนใหม่ โดยปกติชื่อเรื่องจะแสดงเป็นแบบอักษรที่ใหญ่และหนา แต่อาจแตกต่างกันไป มีแท็กหกแท็กที่แตกต่างกันสำหรับชื่อเรื่องจาก

   . ปฏิบัติตามคำแนะนำเหล่านี้เมื่อใช้

   • แท็ก h1 เขียนเป็น

     ชื่อของคุณที่นี่

     เป็นชื่อเรื่องที่สำคัญที่สุดโดยปกติจะเป็นข้อความที่ยาวที่สุดในตอนต้นของหน้า

   • แท็ก h2

     เป็นชื่อที่สำคัญที่สุดเป็นอันดับสองและอื่น ๆ แม้กระทั่งแท็ก

     h6 ต่ำสุด

     .
   • ใช้เท่าที่จำเป็นเพื่อจัดระเบียบเพจของคุณ ผู้ใช้ควรจะสามารถเลื่อนดูชื่อเรื่องได้อย่างรวดเร็วและค้นหาสิ่งที่ต้องการได้
   • เมื่อสร้างคำบรรยายให้ลดลงทีละระดับ กล่าวอีกนัยหนึ่งคืออย่ากระโดดจาก

     สำหรับ

     . ซึ่งจะช่วยให้หน้า HTML สามารถรักษาการจัดรูปแบบเมื่อโอนไปยังรูปแบบอื่น

3. 

   
   
   ใช้แท็ก "b" เป็นทางเลือกสุดท้าย. แท็ก ยังคงได้รับการสนับสนุนใน HTML5 แต่ไฟล์ เป็นที่นิยมมากที่สุดในกรณีส่วนใหญ่ ใช้แท็ก เฉพาะเมื่อใช้ข้อความตัวหนาเพื่อเหตุผลด้านสไตล์เท่านั้นไม่ใช่เพื่อเน้น ตัวอย่างเช่นคำหลักหรือคำศัพท์ในข้อความหรือชื่อผลิตภัณฑ์สำหรับการวิเคราะห์
   • เช่นเดียวกับแท็กส่วนใหญ่ พิมพ์ข้อความระหว่างจุดเริ่มต้นและจุดสิ้นสุดของแท็ก.

วิธีที่ 2 จาก 2: การสร้างข้อความตัวหนาด้วย Inline CSS

1. 

   
   
   ทำความเข้าใจว่าเมื่อใดควรใช้ CSS ซึ่งเป็นวิธีที่มีประสิทธิภาพและสม่ำเสมอกว่าในการเปลี่ยนรูปแบบเว็บไซต์ของคุณ ภาษานี้เหมาะอย่างยิ่งสำหรับการกำหนดรูปลักษณ์ของเว็บไซต์ของคุณในขณะที่ HTML กำหนดความหมายของเว็บไซต์ของคุณ คุณสามารถใช้ HTML เพื่อเน้นข้อความที่สำคัญได้ แต่ CSS จะช่วยให้คุณสามารถควบคุมลักษณะที่เป็นภาพของข้อความตัวหนาได้มากขึ้น
   • ลองเปิดหน้า HTML เดียวกันในเบราว์เซอร์ต่างๆและคุณอาจสังเกตเห็นความแตกต่างในการแสดงผล CSS“ บอก” เบราว์เซอร์อย่างชัดเจนว่าจะแสดงข้อความที่แท็กเปลี่ยนแปลงอย่างไรเพื่อลดรูปแบบต่างๆ

2. 

   เพิ่มแท็ก กับข้อความของคุณ หากคุณยังไม่รู้อะไรเกี่ยวกับ CSS การใช้“ CSS inline” เป็นวิธีที่ดีในการเริ่มต้น แม้ว่าคุณจะสามารถเปลี่ยนแท็กเช่น

   หรือ

   บางครั้งคุณจะต้องแก้ไขข้อความที่ยังไม่อยู่ระหว่างแท็ก ในกรณีนี้ให้ใส่ข้อความในแท็ก . มันไม่มีผลกับตัวมันเอง แต่มันทำให้เรามีอะไรที่ต้องทำ นี่คือตัวอย่างที่เราจะใช้:

   • ฉันเรียนรู้ที่จะทำให้ข้อความนี้เป็นตัวหนาด้วย CSS แบบอินไลน์

3. 

   เพิ่มแอตทริบิวต์สไตล์ แอตทริบิวต์ HTML เขียนโดยตรงในแท็กภายในวงเล็บ <> ฟีเจอร์สไตล์จำเป็นในการแทรก CSS ภายในแท็ก HTML ดังนั้นเราจะแทรก สไตล์ = ในแท็กช่วง:
   • ฉันเรียนรู้ที่จะทำให้ข้อความนี้เป็นตัวหนาด้วย CSS แบบอินไลน์
   • ไม่มีเหตุผลที่จะเพิ่มแอตทริบิวต์สไตล์โดยไม่ต้องระบุอะไรเลย เราแค่เรียนรู้ทีละเรื่อง

4. 

   เพิ่มคุณสมบัติ "font-weight" คุณสมบัติ CSS ถูกเพิ่มเป็นแอตทริบิวต์สไตล์ ในกรณีของเราเราจะใช้คุณสมบัติที่กล่าวถึงซึ่งกำหนดความหนาของตัวอักษร สามารถใช้เพื่อแสดงข้อความที่เป็นตัวหนาทินเนอร์หรือแม้แต่ความหนาปกติ เพิ่ม "font-weight:" หลังเครื่องหมาย = ดังที่แสดงด้านล่าง:
   • ฉันเรียนรู้ที่จะทำให้ข้อความนี้เป็นตัวหนาด้วย CSS แบบอินไลน์
   • อีกครั้งเรายังไม่เสร็จสิ้นกระบวนการ
   • อย่าลืมคำพูดก่อนและหลัง font-weight:.

5. 

   เพิ่มค่าเป็นตัวหนา สิ่งเดียวที่เราต้องทำคือสร้างมูลค่าระหว่างไฟล์ font-weight: และคำพูดสุดท้าย มีบางตัวเลือกที่ใช้ได้ แต่ค่า กล้า ใช้ง่ายที่สุด:
   • ฉันเรียนรู้ที่จะทำให้ข้อความนี้เป็นตัวหนาด้วย CSS แบบอินไลน์

6. 

   ทดลองกับค่าอื่น ๆ CSS ช่วยให้คุณมีตัวเลือกมากมายนอกเหนือจาก HTML ดังนั้นอย่าถูก จำกัด ทางเลือกอื่น ๆ สำหรับค่า "ตัวหนา" มีดังนี้
   • ข้อความ "ตัวหนา" จะถูกเปิดเผยมากกว่าข้อความที่คล้ายกับเขา ตัวอย่างเช่นถ้าคุณสร้างทั้งย่อหน้าด้วย "ตัวหนา" จากนั้นใช้ "ตัวหนา" ในแต่ละประโยคภายในย่อหน้านั้นจะโดดเด่น
   • ตัวเลือก "ปกติ" จะเก็บข้อความไว้โดยไม่มีตัวหนาแม้ว่าจะอยู่ระหว่างแท็กที่ทำให้เป็นตัวหนาก็ตาม
   • คุณสามารถใช้ค่าตัวเลขตั้งแต่ 100 ถึง 900 เพื่อระบุความหนา 400 เป็นเรื่องปกติในขณะที่ข้อความตัวหนาใช้ 700

เคล็ดลับ

• เมื่อใช้คุณสมบัติ font-weight ใน CSS ให้ใช้เฉพาะค่าตัวเลขหลาย ๆ 100 เนื่องจากตัวเลขระหว่างค่าเหล่านี้จะถูกปัดเศษ
• แผ่นงาน CSS แบบฝังหรือภายนอกเป็นวิธีที่ดีกว่าในการทำให้ข้อความเป็นตัวหนาเนื่องจากช่วยให้สามารถเปลี่ยนแปลงเอกสารที่สมบูรณ์ได้ในครั้งเดียว
• แบบอักษรแต่ละแบบมีคุณลักษณะเพียงเล็กน้อยเท่านั้น เมื่อใช้ CSS รูปแบบที่ใช้สำหรับแบบอักษรจะใกล้เคียงกับคำขอมากที่สุด ซึ่งหมายความว่าในบางครั้งจะไม่สามารถแยกความแตกต่างของตัวหนาในแบบอักษรได้เช่น