วิธีสร้างเว็บเพจแบบคงที่

...

อินเทอร์เน็ต: เป็นที่ที่ต้องไป

หากสิ่งประดิษฐ์ชิ้นหนึ่งได้เปลี่ยนแปลงโลกไปอย่างสิ้นเชิงในช่วงชีวิตของเรา นั่นคืออินเทอร์เน็ต ผู้คนจำนวนมากขึ้นเรื่อยๆ ต้องการมีตัวตนบนเว็บนอกเหนือจากที่เครือข่ายสังคมเสนอให้ พวกเขาต้องการให้พื้นที่เว็บเป็นของตัวเอง เว็บไซต์หลักๆ มีความซับซ้อนมากขึ้นเรื่อยๆ และใช้ศัพท์แสงที่คุกคามมือใหม่ เช่น Flash, CSS, Perl และ JavaScript แต่อย่ากลัวไปเลย ตัวอักษรธรรมดาสี่ตัวช่วยให้ทุกคนเข้าถึงเว็บได้ในเวลาไม่นาน: HTML ตัวอักษรย่อมาจากภาษามาร์กอัปไฮเปอร์เท็กซ์ ซึ่งเป็นภาษาโปรแกรมที่ใช้ชุดแท็กเพื่อสร้างหน้าเว็บแบบคงที่ ยิ่งคุณรู้จักแท็กมากเท่าไร คุณก็ยิ่งทำเว็บเพจแบบสแตติกได้มากเท่านั้น

ขั้นตอนที่ 1

สร้างโครงร่างพื้นฐานของเว็บเพจแบบสแตติกโดยคัดลอกโค้ดต่อไปนี้ลงในโปรแกรมแก้ไขข้อความอย่างง่าย เช่น Notepad:

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

จากนั้นบันทึกไฟล์เป็น index.html (ชื่อหน้าหลักเริ่มต้น) แล้วเปิดในเบราว์เซอร์ของคุณ คุณควรไม่เห็นอะไรเนื่องจากคุณสร้างเว็บเพจเปล่า

แท็กเหล่านั้นทั้งหมดมีความหมาย แท็กบอกเบราว์เซอร์ว่าหน้าเว็บกำลังจะขึ้น เป็นที่ที่ข้อมูลทุกประเภทสามารถไปสำหรับเครื่องมือค้นหา หมายความว่าส่วนที่คนเห็นกำลังจะเริ่มต้นขึ้น

ขั้นตอนที่ 2

คิดว่า HTML เป็นแท็กหลักสองประเภท (บิตของโค้ดอยู่ในวงเล็บ) คนหนึ่งบอกให้เบราว์เซอร์เริ่มทำบางอย่าง และอีกอันบอกให้หยุด

ทำให้ข้อความนี้เป็นตัวหนา

ทุกอย่างหลังจากนั้น -- แท็กเปิด -- จะเป็นตัวหนาจนกว่าจะถึง --แท็กปิด "/" บอกให้เบราว์เซอร์หยุดทำงาน

ขั้นตอนที่ 3

เพิ่มข้อความในเว็บเพจของคุณ พิมพ์ "This is my Web page" ในเนื้อหาของเว็บเพจ ระหว่าง และ บันทึกหน้าและดูในเบราว์เซอร์ ผลลัพธ์ก็ดีแต่ไม่น่าตื่นเต้นจนเกินไป ลองแท็กอื่นๆ สักสองสามแท็กเพื่อเพิ่มรสชาติ ตัวอย่างเช่น ทำให้ข้อความเป็นตัวหนา ทำให้ข้อความเป็นตัวเอียง ให้คุณเปลี่ยนขนาดของฟอนต์ จาก 1 (เล็กที่สุด) เป็น 6 (ใหญ่สุด); ทำให้ข้อความเป็นสีแดง (หรือสีอื่นที่คุณป้อน);

จัดกึ่งกลางข้อความ (หรือรูปภาพ) บนหน้า

ลองใช้แท็กเหล่านี้หลายๆ แท็กในบล็อกข้อความเดียวกัน คุณสามารถทำชุดค่าผสมใดก็ได้ที่คุณต้องการ

คุณยังสามารถเพิ่มช่องว่างระหว่างองค์ประกอบในหน้าของคุณโดยใส่สิ่งต่อไปนี้ระหว่างองค์ประกอบเหล่านี้:

สำหรับตัวแบ่งย่อหน้า;
สำหรับการขึ้นบรรทัดใหม่


เพื่อสร้างตัวแบ่งด้วยเส้นข้ามหน้าเว็บ

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

เคล็ดลับ

ด้วยการใช้โค้ด HTML เหล่านี้ร่วมกัน คุณสามารถสร้างเว็บเพจแบบสแตติกที่มีความซับซ้อนตามที่คุณต้องการได้

คิดว่าแท็ก HTML เป็นกล่องภายในกล่องหรือตุ๊กตารัสเซียเหล่านั้น สิ่งนี้เรียกว่าการซ้อนและทำให้ทุกอย่างเรียบร้อยและอ่านง่าย ตัวอย่างเช่น ข้อความที่วางอยู่ระหว่าง

และ
จะเป็นตัวหนา ตัวเอียง และศูนย์กลาง NS
กล่องอยู่ใน กล่องซึ่งอยู่ภายใน กล่อง.

หมวดหมู่

ล่าสุด

วิธีการเปลี่ยนที่อยู่ระยะไกลของจาน

วิธีการเปลี่ยนที่อยู่ระยะไกลของจาน

รีโมทที่ควบคุมเครื่องรับ Dish Network Satellite...

วิธีตั้งค่ารูปแบบการป้อนข้อมูลสำหรับอีเมลใน Microsoft Access

วิธีตั้งค่ารูปแบบการป้อนข้อมูลสำหรับอีเมลใน Microsoft Access

กฎการตรวจสอบมีประโยชน์สำหรับการป้อนข้อมูลอีเมล...

วิธีการเปลี่ยน SD Card ID

วิธีการเปลี่ยน SD Card ID

เครดิตรูปภาพ: ภาพการ์ด SD โดย berg_bcn จาก Foto...