การทำงานในเอกสาร HTML อย่างแรกคือการทำงานกับแท็ก HTML คุณต้องเข้าใจวัตถุประสงค์ของแท็กต่างๆ และสามารถจัดการได้ โดยสร้างเนื้อหาและการออกแบบหน้าเว็บที่จำเป็น
มันจำเป็น
คอมพิวเตอร์ที่มีการเชื่อมต่ออินเทอร์เน็ต
คำแนะนำ
ขั้นตอนที่ 1
อ่านเกี่ยวกับรูปแบบ HTML ทั้งหมดเกี่ยวกับ ดังที่คุณทราบ เอกสารทั้งหมดที่เป็นหน้าของอินเทอร์เน็ตมีรูปแบบของหน้า HTML ที่มีภาษามาร์กอัปไฮเปอร์เท็กซ์ เนื้อหาทั้งหมดของเอกสาร HTML แบ่งออกเป็นพื้นที่เฉพาะ แต่ละพื้นที่คั่นด้วยแท็กบางส่วน ขึ้นอยู่กับเนื้อหาที่จะใช้ แท็กเฉพาะจะถูกนำไปใช้ แท็กถูกคั่นด้วย และใช้เพื่อบอกเบราว์เซอร์ถึงวิธีตีความเนื้อหาของหน้า
ขั้นตอนที่ 2
เปิดตัวแก้ไขข้อความใดๆ เพื่อเริ่มต้นกับ HTML เอกสาร HTML ใดๆ ต้องขึ้นต้นด้วยแท็ก html เพื่อแสดงให้เห็นว่าเนื้อหาทั้งหมดบนหน้าเป็นมาร์กอัป HTML แท็กเกือบทั้งหมดควรมีแท็กปิดท้าย ดังนั้นจึงเป็นไปได้ที่จะจำกัดขอบเขตของแท็กนี้ แท็กปิดแตกต่างจากแท็กเปิดที่มี "/" นำหน้าชื่อแท็ก แต่ละแท็กมีคุณสมบัติของตัวเอง ตัวอย่างเช่น หากคุณเขียนวลี "Hello, World!" โดยคั่นด้วยแท็ก b จะปรากฏเป็นตัวหนาในหน้าต่างเบราว์เซอร์
ขั้นตอนที่ 3
สังเกตการใช้แท็กเช่น h1, h2, h3, h4 มีไว้สำหรับการเขียนข้อมูลข้อความขนาดใหญ่ ขนาดที่ใหญ่ที่สุดจะเป็นข้อความที่ล้อมรอบด้วยแท็ก h1 แท็กที่เหลือในชุดนี้ช่วยให้คุณสามารถจัดรูปแบบข้อความโดยใช้ขนาดที่เล็กกว่าได้ แท็กเหล่านี้มีชื่อหัวเรื่องระดับหนึ่ง
ขั้นตอนที่ 4
พยายามวางแท็กเพื่อให้คุณเห็นการซ้อนของแท็กหนึ่งในอีกแท็กหนึ่ง ซึ่งหมายความว่าเมื่อจัดรูปแบบเอกสาร HTML ขอแนะนำให้เยื้องช่องว่างสองช่องเมื่อเขียนแท็กที่ซ้อนกัน
ขั้นตอนที่ 5
หากคุณต้องการใช้รูปภาพบนหน้าของคุณ แท็กก็ทำหน้าที่เพื่อจุดประสงค์เหล่านี้
ซึ่งประกอบด้วยข้อมูลเกี่ยวกับตำแหน่งของไฟล์ภาพ แท็ก img เช่นเดียวกับแท็กอื่นๆ สามารถมีชุดพารามิเตอร์เพื่อปรับแต่งลักษณะของรูปภาพได้ ตัวอย่างเช่น คุณสามารถกำหนดขนาดที่แน่นอนของรูปภาพ ทำให้สามารถคลิกได้ ตั้งค่าความสว่าง ความโปร่งใส และคุณลักษณะอื่นๆ ที่คล้ายคลึงกัน
ขั้นตอนที่ 6
โปรดทราบว่าหน้า HTML ส่วนใหญ่ไม่มีคำอธิบายของวัตถุที่อยู่ในแท็ก ทำได้โดยใช้สไตล์ชีตแบบเรียงซ้อน เทคโนโลยีนี้ช่วยให้คุณระบุคำอธิบายของแท็กที่ใช้ทั้งหมดไม่ว่าจะอยู่ที่จุดเริ่มต้นของเอกสารภายในแท็กพิเศษที่แยกจากกัน หรือในไฟล์แยกต่างหาก วิธีนี้ช่วยให้คุณไม่เพียงแค่ทำให้หน้า HTML อ่านง่ายขึ้น แต่ยังสร้างแท็กของคุณเองด้วย ซึ่งคำอธิบายจะถูกเก็บไว้ต่างหาก
