วิธีสร้างบล็อกใน HTML

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

ขั้นตอนที่ 1

เปิดตัวแก้ไขข้อความและสร้างไฟล์ใหม่โดยคลิกที่ "ไฟล์" และ "ใหม่" คอมพิวเตอร์ทุกเครื่องมาพร้อมกับโปรแกรมแก้ไขข้อความ พีซีที่ใช้ Windows ใช้ Notepad ซึ่งอยู่ภายใต้ "แอปพลิเคชัน" ในเมนูเริ่ม พีซี Mac มีการแก้ไขข้อความ หากต้องการเปิด Text Edit ให้เปิด Finder แล้วคลิก "Applications" เลื่อนลงไปที่ไอคอน Text Edit และดับเบิลคลิกเพื่อเปิด

วิดีโอประจำวันนี้

ขั้นตอนที่ 2

สร้างหน้าเว็บโดยการพิมพ์แท็ก HTML พื้นฐานสำหรับหน้านั้น ตัวอย่างเช่น:

บล็อคของฉัน

ขั้นตอนที่ 3

ใช้แท็กหัวเรื่องที่ใหญ่ที่สุดเพื่อตั้งชื่อหน้า แท็กหัวเรื่องขึ้นต้นด้วย h และลงท้ายด้วยตัวเลขโดยที่ 1 คือจำนวนที่มากที่สุด ตัวอย่างเช่น:

องค์ประกอบสไตล์ใช้องค์ประกอบ CSS เพื่อจัดตำแหน่งหัวเรื่องบนหน้า ส่วนหัวยังเว้นช่องว่างสองช่องไว้ข้างหลังด้วย

ขั้นตอนที่ 4

สร้างรหัสโพสต์ของบล็อกโดยใช้แท็กส่วนหัวและแท็กย่อหน้าที่มีขนาดเล็กลง ตัวอย่างเช่น:

โพสต์แรกของฉัน

1 มิถุนายน 2553

นี่คือโพสต์


แท็ก EM ทำให้ข้อความเป็นตัวเอียง ตัวแบ่งหรือแท็ก BR วางตัวแบ่งบรรทัดหลังวันที่ แท็ก P หรือย่อหน้าวางตัวแบ่งบรรทัดคู่หลังกลุ่มข้อความ แท็ก HR วางบรรทัดข้ามหน้าหลังย่อหน้า

ขั้นตอนที่ 5

คัดลอกโค้ดสำหรับโพสต์ในบล็อกและวางไว้ก่อนโพสต์แรก วางรหัสในแท็กความคิดเห็น แท็กความคิดเห็นคือ หน้าในตัวอย่างจะมีลักษณะดังนี้:

บล็อคของฉัน

โพสต์แรกของฉัน

1 มิถุนายน 2553

นี่คือโพสต์


แท็กความคิดเห็นทำให้เบราว์เซอร์มองไม่เห็นรหัสที่ไม่ได้ใช้ หากต้องการใช้สำหรับโพสต์ในบล็อก เพียงคัดลอกโค้ดและนำแท็กความคิดเห็นออก

ขั้นตอนที่ 6

บันทึกไฟล์เป็น index.html โดยคลิกที่ "ไฟล์" และ "บันทึก"

หมวดหมู่

ล่าสุด

วิธีรีเซ็ตกล่องเคเบิล Comcast จากโรงงาน

วิธีรีเซ็ตกล่องเคเบิล Comcast จากโรงงาน

Comcast เป็นผู้ให้บริการเคเบิลทีวีรายใหญ่ที่สุด...

วิธีการตั้งโปรแกรมรีโมทคอนโทรล DirecTV ให้กับ Zenith TV

วิธีการตั้งโปรแกรมรีโมทคอนโทรล DirecTV ให้กับ Zenith TV

ตั้งโปรแกรม Zenith TV ของคุณให้เป็นรีโมทคอนโทร...

ปัญหาการปิดเสียงทีวีของ Samsung ขณะดูทีวี

ปัญหาการปิดเสียงทีวีของ Samsung ขณะดูทีวี

เมื่อปิดเสียง ไม่ว่าจะผ่านรีโมทหรือผ่านปุ่มบนที...