ฉันจะทำให้ข้อความหนาใน HTML ได้อย่างไร

ฉันพยายามทำให้ข้อความเป็นตัวหนาโดยใช้ HTML แต่ฉันพยายามดิ้นรนเพื่อให้ทำงานได้

นี่คือสิ่งที่ฉันพยายาม:

Some <bold>text</bold> that I want emboldened.

มีคนบอกฉันว่าฉันทำอะไรผิดหรือเปล่า?

ใช้<strong>หรือ<b>แท็ก

นอกจากนี้คุณสามารถลองกับ CSS <span style="font-weight:bold">text</span>

HTML ไม่ได้แท็กแทนคุณจะต้องใช้<bold> <b>แต่ทราบว่าใช้<b>เป็นกำลังใจในความโปรดปรานของ CSS สำหรับขณะนี้ คุณควรใช้ CSS เพื่อให้บรรลุเป้าหมายนั้นดีกว่า

<strong>แท็กเป็นองค์ประกอบความหมายสำหรับการเน้นที่แข็งแกร่งซึ่งเป็นค่าเริ่มต้นที่จะเป็นตัวหนา

วิธีการมาร์กอัป:

<strong>I'm Bold!</strong> and <b>I'm Bold Too!</b>

วิธีจัดแต่งทรงผม:

.bold {
  font-weight:bold;
}

<span class="bold">I'm Bold!</span>

จาก: http://www.december.com/html/x1/

<b>

องค์ประกอบนี้ใส่ข้อความที่เบราว์เซอร์ควรแสดงเป็นตัวหนา เนื่องจากความหมายขององค์ประกอบ B กำหนดลักษณะที่ปรากฏของเนื้อหาที่ล้อมรอบองค์ประกอบนี้จึงถือเป็นองค์ประกอบมาร์กอัป "ทางกายภาพ" ดังนั้นมันจึงไม่ถ่ายทอดความหมายขององค์ประกอบมาร์กอัปความหมายเช่น strong

<strong>

คำอธิบายองค์ประกอบนี้วงเล็บข้อความที่ควรเน้นอย่างยิ่ง แข็งแกร่งกว่าองค์ประกอบ em

ในการใช้ Html:

• <b>ข้อความบางอย่าง</b>ที่ฉันต้องการให้มีความกล้า
• <strong>ข้อความบางอย่าง</strong>ที่ฉันต้องการให้มีความกล้า

ในการใช้ CSS:

• <span style="font-weight:bold">ข้อความบางอย่าง</span>ที่ฉันต้องการให้มีความกล้า

มีคนบอกฉันว่าฉันทำอะไรผิดหรือเปล่า? "

"ตัวหนา" ไม่เคยเป็นองค์ประกอบ HTML ("b" คือการจับคู่ที่ใกล้เคียงที่สุด)

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

• ต้องการแยกความแตกต่างของส่วนหัวกับข้อความอื่น ๆ หรือไม่? ใช้องค์ประกอบหัวเรื่อง ("h1" ถึง "h6") และแนะนำสไตล์ตัวหนาสำหรับพวกเขาใน CSS ของคุณ ("h1, h2, h3, h4, h5, h6 {font-weight: bold;}"

• ต้องการทำให้ป้ายชื่อหนาสำหรับเขตข้อมูลฟอร์มหรือไม่ ใช้องค์ประกอบ "label" เชื่อมโยงโดยทางโปรแกรมกับองค์ประกอบ "select", "input" หรือ "textarea" ที่เกี่ยวข้องโดยให้แอตทริบิวต์ "for" ตรงกับแอตทริบิวต์ "id" บนเป้าหมายและแนะนำสไตล์ตัวหนาสำหรับ ภายใน CSS ของคุณ ("label {font-weight: bold;"})

• ต้องการสร้างหัวเรื่องสำหรับกลุ่มของเขตข้อมูลที่เกี่ยวข้องในรูปแบบเช่นกลุ่มตัวเลือกวิทยุหรือไม่ ล้อมรอบพวกเขาด้วยองค์ประกอบ "fieldset" ให้องค์ประกอบ "คำอธิบายแผนภูมิ" และแนะนำสไตล์ตัวหนาสำหรับมันใน CSS ของคุณ ("คำอธิบาย {font-weight: bold;}")

• ต้องการแยกคำอธิบายภาพออกจากตารางจากคำบรรยายภาพใช่ไหม ใช้องค์ประกอบ "คำบรรยายภาพ" และแนะนำสไตล์ตัวหนาสำหรับมันใน CSS ของคุณ ("คำบรรยายภาพ {font-weight: bold;}")

• ต้องการแยกแยะส่วนหัวของตารางออกจากเซลล์ข้อมูลของตารางหรือไม่ ใช้องค์ประกอบ "th" และแนะนำสไตล์ที่เป็นตัวหนาใน CSS ของคุณ ("th {font-weight: bold;}")

• ต้องการแยกชื่อของภาพยนตร์หรืออัลบั้มที่อ้างอิงจากข้อความรอบ ๆ หรือไม่? ใช้องค์ประกอบ "อ้างอิง" กับคลาส ("cite class =" movie-title ") และแนะนำสไตล์ที่เป็นตัวหนาใน CSS ของคุณ (" .movie-title {font-weight: bold;} ")

• ต้องการแยกแยะคำสำคัญที่กำหนดจากข้อความรอบ ๆ เพื่อกำหนดหรืออธิบายมัน ใช้องค์ประกอบ "dfn" และแนะนำสไตล์ที่เป็นตัวหนาใน CSS ของคุณ ("dfn {font-weight: bold;}")

• ต้องการแยกรหัสคอมพิวเตอร์บางส่วนออกจากข้อความโดยรอบหรือไม่ ใช้องค์ประกอบ "code" และแนะนำสไตล์ที่เป็นตัวหนาใน CSS ของคุณ ("code {font-weight: bold;}")

• ต้องการแยกชื่อตัวแปรจากข้อความที่อยู่โดยรอบหรือไม่? ใช้องค์ประกอบ "var" และแนะนำสไตล์ตัวหนาภายใน CSS ของคุณ ("var {font-weight: bold;}")

• ต้องการระบุว่ามีการเพิ่มข้อความบางส่วนเป็นการอัปเดตหรือไม่ ใช้องค์ประกอบ "ins" และแนะนำสไตล์ตัวหนาภายใน CSS ของคุณ ("ins {font-weight: bold;}")

• ต้องการเน้นข้อความเบา ๆ ("ฉันชอบลูกแมว!")? ใช้องค์ประกอบ "em" และแนะนำสไตล์ที่เป็นตัวหนาใน CSS ของคุณ (เช่น "em {font-weight: bold;}")

• ต้องการเน้นข้อความอย่างหนักบางทีอาจเป็นการเตือน (" ระวังสุนัข! ")? ใช้องค์ประกอบ "strong" และแนะนำสไตล์ที่เป็นตัวหนาใน CSS ของคุณ (เช่น "strong {font-weight: bold;}")

…คุณได้รับแนวคิด (หวังว่า)

ไม่สามารถหาองค์ประกอบ HTML ที่มีความหมายที่ถูกต้องในการแสดง / ทำไม / คุณต้องการทำให้ข้อความนี้เป็นตัวหนา? ล้อมรอบด้วยองค์ประกอบ "span" ทั่วไปให้ชื่อคลาสที่มีความหมายซึ่งแสดงเหตุผลของคุณสำหรับการแยกข้อความนั้น ("<span class =" lede "> ให้ฉันเริ่มบทความข่าวนี้ด้วยประโยคที่สรุปไว้ </ span >) และแนะนำสไตล์ที่เป็นตัวหนาสำหรับ CSS ของคุณ (".lede {font-weight: bold;"}. ก่อนที่จะสร้างชื่อคลาสของคุณเองคุณอาจต้องการตรวจสอบว่ามีไมโครฟอร์แมต (microformats.org) หรือ การประชุมสามัญสำหรับสิ่งที่คุณต้องการแสดง

องค์ประกอบ HTML กำหนดข้อความตัวหนาโดยไม่มีความสำคัญเป็นพิเศษ

<b>This text is bold</b>

องค์ประกอบ HTML กำหนดข้อความที่แข็งแกร่งด้วยความสำคัญเพิ่ม "ความแข็งแกร่ง" ความหมาย

<strong>This text is strong</strong>

ตัวเลือกอื่นคือทำผ่าน CSS ...

เช่น 1

<span style="font-weight: bold;">Hello stackoverflow!</span>

เช่น 2

<style type="text/css">
    #text
    {
        font-weight: bold;
    }
</style>

<div id="text">
    Hello again!
</div>

คุณเกือบจะอยู่ที่นั่นแล้ว!

สำหรับข้อความที่เป็นตัวหนาคุณควรมีสิ่งนี้<b> bold text</b>หรือ <strong>bold text</strong>พวกเขามีผลลัพธ์เหมือนกัน

ตัวอย่างการทำงาน - JSfiddle

มันเป็นเพียงแค่<b>แทน<bold>:

Some <b>text</b> that I want bolded.

สังเกตได้ว่า <b>เพียงแค่เปลี่ยนลักษณะที่ปรากฏของข้อความ หากคุณต้องการที่จะทำให้มันเป็นตัวหนาเพราะคุณต้องการที่จะแสดงความสำคัญอย่างมากคุณดีขึ้นควรใช้องค์ประกอบ<strong>

ผมคิดว่าคำตอบที่แท้จริงคือhttp://www.w3schools.com/HTML/default.asp