วิธีสร้างข้อความตัวเอียงใน HTML

ภาษามาร์กอัปไฮเปอร์เท็กซ์ (HTML) เป็นภาษาส่วนหน้าที่ใช้ในการออกแบบและพัฒนาเว็บไซต์ HTML เป็นภาษาพื้นฐานของทุกภาษาที่ใช้ในการออกแบบหน้าเว็บแบบสแตติกหรือไดนามิก Html มีฟังก์ชันมากมายที่จำเป็นในการออกแบบ ด้วยความช่วยเหลือของแท็ก คำสั่งที่เขียนในวงเล็บเหลี่ยม หน้าเว็บจึงได้รับการออกแบบ HTML อนุญาตให้ผู้ใช้สร้างหรือแก้ไขข้อความ รูปภาพ หรือองค์ประกอบอื่นๆ เช่น โปรแกรมแก้ไขข้อความ เช่น Microsoft Word เนื้อหาของ HTML ได้แก่ ข้อความ รูปภาพ สี การออกแบบ ฯลฯ การออกแบบเป็นส่วนที่สำคัญมากเนื่องจากมีหน้าที่ในการตกแต่งข้อความ การทำให้ข้อความเป็นตัวเอียงเป็นตัวอย่างหนึ่งของการออกแบบข้อความ องค์ประกอบนี้มีความสำคัญในการเน้นหรือดึงดูดความสนใจของผู้ใช้ ตัวอย่างบางส่วนจะเน้นในบทช่วยสอนนี้

สิ่งจำเป็นที่จำเป็น

HTML ต้องการเครื่องมือสองอย่างสำหรับการออกแบบและพัฒนาเว็บไซต์ หนึ่งคือโปรแกรมแก้ไขข้อความที่จำเป็นสำหรับการเขียนโค้ด html ในนั้น มันสามารถเป็น text editor ใดก็ได้ในการเข้าถึงของคุณ เช่น notepad, notepad++, sublime, visual studio เป็นต้น อันที่สองคือเบราว์เซอร์บนคอมพิวเตอร์ของคุณ, Google Chrome, internet explorer ฯลฯ ในบทความนี้ เราได้ใช้ notepad และ Google Chrome. สำหรับการออกแบบหน้าสแตติก คุณต้องใช้ HTML และจัดสไตล์ชีต CSS แต่ละรายการใช้ในคู่มือนี้พร้อมตัวอย่าง

รูปแบบ HTML

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

ภาพด้านล่างเป็นตัวอย่างโค้ดของ HTML คุณจะเห็นว่าชื่อเรื่องเขียนอยู่ในส่วนหัว ในขณะเดียวกัน เราได้เพิ่มย่อหน้าในส่วนของ html โดยใช้ tag

. จากนั้นแท็ก body และแท็ก html จะปิดลง

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

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

นี่คือพื้นหลังของการออกแบบใน html ตอนนี้เราจะใช้ตัวอย่างง่ายๆ เพื่อทำให้ข้อความเป็นตัวเอียง

ตัวอย่างที่ 1

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