ไซต์เกือบทั้งหมดในปัจจุบันสร้างขึ้นโดยใช้ระบบจัดการเนื้อหา - CMS แต่ยังมีโปรแกรมเมอร์ที่สร้างหน้าเว็บด้วยมือโดยตรงในภาษามาร์กอัป HTML คุณต้องการที่จะเป็นหนึ่งในนั้นหรือไม่?
คำแนะนำ
ขั้นตอนที่ 1
ใช้โปรแกรมแก้ไขข้อความแบบข้อความเท่านั้นเพื่อแก้ไขไฟล์ html บันทึกผลลัพธ์ในการเข้ารหัส Unicode - จากนั้นคุณจะไม่มีปัญหาในการวางอักษรซีริลลิก ตัวอักษรละตินที่มีเครื่องหมาย umlauts รวมถึงสัญลักษณ์ของสัญลักษณ์ทางคณิตศาสตร์และทางกายภาพ และตัวอักษรกรีกในหน้าเดียวกันในเวลาเดียวกัน
ขั้นตอนที่ 2
ตั้งชื่อไฟล์ทั้งหมดที่มีนามสกุล ".html" (ไม่มีเครื่องหมายคำพูด) ในชื่อเหล่านี้ สามารถใช้ได้เฉพาะตัวอักษรละติน ตัวเลข ขีดล่าง และขีดกลางเท่านั้น แต่ห้ามใช้เครื่องหมายวรรคตอนอื่นๆ (ยกเว้นช่วงเวลาที่แยกชื่อและนามสกุล) และช่องว่าง
ขั้นตอนที่ 3
อย่าลืมบันทึกหน้าแรกของเว็บไซต์ลงในไฟล์ชื่อ "index.html" (โดยไม่ใส่เครื่องหมายคำพูด) วางไฟล์นี้ในโฟลเดอร์รูทโฮสต์ของคุณ เป็นเนื้อหาที่ผู้เยี่ยมชมไซต์จะเห็นโดยการป้อน URL ลงในแถบที่อยู่ของเบราว์เซอร์โดยไม่มีพารามิเตอร์เพิ่มเติม วางส่วนที่เหลือของเพจและไฟล์รูปภาพไว้ในโฟลเดอร์เดียวกัน
ขั้นตอนที่ 4
ในแต่ละไฟล์ ให้จัดเรียงบล็อกเริ่มต้นและสิ้นสุดล่วงหน้า จัดเรียงตามที่แสดงในรูป ในบรรทัดสุดท้ายของบล็อก QC เริ่มต้น - ค่าเลขฐานสิบหกของความสว่างขององค์ประกอบสีแดงของสีพื้นหลังจาก 00 ถึง FF, ЗЗ - เหมือนกันสำหรับองค์ประกอบสีเขียว, CC - เหมือนกัน สำหรับองค์ประกอบสีน้ำเงิน
ขั้นตอนที่ 5
วางเนื้อหาของหน้าระหว่างบล็อกเริ่มต้นและสิ้นสุด
ขั้นตอนที่ 6
จำป้ายถนนที่มีการตั้งถิ่นฐาน ถ้าป้ายมีชื่อเขียนไว้ก็หมายความว่าตั้งอยู่ที่ทางเข้านิคมด้วยชื่อนั้น หากมีการขีดฆ่าชื่อ แสดงว่าป้ายนั้นอยู่ที่ทางออก ในแท็ก เครื่องหมายเศษส่วนหน้าคำสั่งทำหน้าที่เป็นเส้นข้ามป้ายถนน การทำงานของแท็ก "เปิด" จะสิ้นสุดลงเมื่อพบแท็ก "ปิด" ที่มีคำสั่งเดียวกันในภายหลังในข้อความ
ขั้นตอนที่ 7
ในการเริ่มต้นย่อหน้า ให้ใช้แท็กที่แสดงในรูปภาพทางด้านซ้าย หากต้องการเว้นวรรคหนึ่งบรรทัดก่อนย่อหน้า ให้ใช้แท็กที่แสดงในรูปทางด้านขวา
ขั้นตอนที่ 8
หากต้องการเน้นข้อความเป็นตัวเอียงและตัวหนา ให้ใช้แท็กและชุดค่าผสมที่แสดงในรูป
ขั้นตอนที่ 9
หากต้องการเปลี่ยนขนาดและสีของแบบอักษร ให้ใช้คำสั่งที่แสดงในรูปด้านบน โดยที่ค่า CC, ZZ และ SS ถูกกำหนดในลักษณะเดียวกับสีพื้นหลัง HIGH คือความสูงของแบบอักษรเป็นจุด แท็กสีหรือแบบอักษรสามารถละเว้นได้หากมีการเปลี่ยนแปลงเฉพาะขนาดหรือสีของแบบอักษร หากต้องการยกเลิกคำสั่งนี้ ให้ใช้แท็กที่แสดงในภาพด้านล่าง
ขั้นตอนที่ 10
ในการแทรกรูปภาพที่จัดเก็บไว้ในโฟลเดอร์รูทลงในเพจ ให้ใช้โครงสร้างที่แสดงในรูปด้านบน หากต้องการแทรกรูปภาพที่จัดเก็บไว้ในเซิร์ฟเวอร์อื่น ให้ใช้การออกแบบที่แตกต่างออกไปเล็กน้อย ดังแสดงในรูปด้านล่าง ห้ามแทรกรูปภาพจากเว็บไซต์บุคคลที่สามโดยไม่ได้รับความยินยอมจากผู้เขียน บางไซต์ได้รับการคุ้มครองจากการใช้รูปภาพนี้
ขั้นตอนที่ 11
ในการแทรกลิงก์ไปยังหน้าอื่นที่จัดเก็บไว้ในโฟลเดอร์รูท ให้ใช้โครงสร้างที่แสดงในรูปด้านบน หากต้องการเชื่อมโยงไปยังหน้าที่อยู่บนไซต์ของบุคคลที่สาม ให้แก้ไขโครงสร้างนี้ดังแสดงในรูปด้านล่าง
ขั้นตอนที่ 12
ค้นหาเว็บสำหรับบทช่วยสอนเกี่ยวกับภาษามาร์กอัป HTML และคุณจะได้เรียนรู้วิธีการใช้แท็กที่เหลือซึ่งมีอยู่มากมายในภาษานั้น
