อินเทอร์เน็ต: เป็นที่ที่ต้องไป
หากสิ่งประดิษฐ์ชิ้นหนึ่งได้เปลี่ยนแปลงโลกไปอย่างสิ้นเชิงในช่วงชีวิตของเรา นั่นคืออินเทอร์เน็ต ผู้คนจำนวนมากขึ้นเรื่อยๆ ต้องการมีตัวตนบนเว็บนอกเหนือจากที่เครือข่ายสังคมเสนอให้ พวกเขาต้องการให้พื้นที่เว็บเป็นของตัวเอง เว็บไซต์หลักๆ มีความซับซ้อนมากขึ้นเรื่อยๆ และใช้ศัพท์แสงที่คุกคามมือใหม่ เช่น Flash, CSS, Perl และ JavaScript แต่อย่ากลัวไปเลย ตัวอักษรธรรมดาสี่ตัวช่วยให้ทุกคนเข้าถึงเว็บได้ในเวลาไม่นาน: HTML ตัวอักษรย่อมาจากภาษามาร์กอัปไฮเปอร์เท็กซ์ ซึ่งเป็นภาษาโปรแกรมที่ใช้ชุดแท็กเพื่อสร้างหน้าเว็บแบบคงที่ ยิ่งคุณรู้จักแท็กมากเท่าไร คุณก็ยิ่งทำเว็บเพจแบบสแตติกได้มากเท่านั้น
ขั้นตอนที่ 1
สร้างโครงร่างพื้นฐานของเว็บเพจแบบสแตติกโดยคัดลอกโค้ดต่อไปนี้ลงในโปรแกรมแก้ไขข้อความอย่างง่าย เช่น Notepad:
วีดีโอประจำวันนี้
จากนั้นบันทึกไฟล์เป็น index.html (ชื่อหน้าหลักเริ่มต้น) แล้วเปิดในเบราว์เซอร์ของคุณ คุณควรไม่เห็นอะไรเนื่องจากคุณสร้างเว็บเพจเปล่า
แท็กเหล่านั้นทั้งหมดมีความหมาย แท็กบอกเบราว์เซอร์ว่าหน้าเว็บกำลังจะขึ้น เป็นที่ที่ข้อมูลทุกประเภทสามารถไปสำหรับเครื่องมือค้นหา หมายความว่าส่วนที่คนเห็นกำลังจะเริ่มต้นขึ้น
ขั้นตอนที่ 2
คิดว่า HTML เป็นแท็กหลักสองประเภท (บิตของโค้ดอยู่ในวงเล็บ) คนหนึ่งบอกให้เบราว์เซอร์เริ่มทำบางอย่าง และอีกอันบอกให้หยุด
ทำให้ข้อความนี้เป็นตัวหนา
ทุกอย่างหลังจากนั้น -- แท็กเปิด -- จะเป็นตัวหนาจนกว่าจะถึง --แท็กปิด "/" บอกให้เบราว์เซอร์หยุดทำงาน
ขั้นตอนที่ 3
เพิ่มข้อความในเว็บเพจของคุณ พิมพ์ "This is my Web page" ในเนื้อหาของเว็บเพจ ระหว่าง และ บันทึกหน้าและดูในเบราว์เซอร์ ผลลัพธ์ก็ดีแต่ไม่น่าตื่นเต้นจนเกินไป ลองแท็กอื่นๆ สักสองสามแท็กเพื่อเพิ่มรสชาติ ตัวอย่างเช่น ทำให้ข้อความเป็นตัวหนา ทำให้ข้อความเป็นตัวเอียง ให้คุณเปลี่ยนขนาดของฟอนต์ จาก 1 (เล็กที่สุด) เป็น 6 (ใหญ่สุด); ทำให้ข้อความเป็นสีแดง (หรือสีอื่นที่คุณป้อน);
จัดกึ่งกลางข้อความ (หรือรูปภาพ) บนหน้าลองใช้แท็กเหล่านี้หลายๆ แท็กในบล็อกข้อความเดียวกัน คุณสามารถทำชุดค่าผสมใดก็ได้ที่คุณต้องการ
คุณยังสามารถเพิ่มช่องว่างระหว่างองค์ประกอบในหน้าของคุณโดยใส่สิ่งต่อไปนี้ระหว่างองค์ประกอบเหล่านี้:
สำหรับตัวแบ่งย่อหน้า;
สำหรับการขึ้นบรรทัดใหม่
เพื่อสร้างตัวแบ่งด้วยเส้นข้ามหน้าเว็บ
ขั้นตอนที่ 4
เพิ่มรูปภาพในหน้าของคุณ ทำสิ่งนี้โดยใช้แท็ก และแทนที่ที่อยู่เว็บในตัวอย่างนั้นด้วยตำแหน่งของรูปภาพที่คุณต้องการใช้ นี่เป็นหนึ่งในไม่กี่แท็กที่ไม่มีแท็กปิดท้าย รูปภาพสามารถจัดกึ่งกลางได้เช่นเดียวกับข้อความ
ขั้นตอนที่ 5
สร้างลิงค์ไปยังเว็บไซต์อื่น จบด้วยแท็ก คลิกที่นี่. รหัสนั้นทำให้คำว่า "คลิกที่นี่" เป็นลิงก์ไปยังเว็บไซต์อื่น แทนที่จะใช้ข้อความ คุณสามารถใช้รูปภาพเป็นลิงก์ได้โดยใช้โค้ด .
เคล็ดลับ
ด้วยการใช้โค้ด HTML เหล่านี้ร่วมกัน คุณสามารถสร้างเว็บเพจแบบสแตติกที่มีความซับซ้อนตามที่คุณต้องการได้
คิดว่าแท็ก HTML เป็นกล่องภายในกล่องหรือตุ๊กตารัสเซียเหล่านั้น สิ่งนี้เรียกว่าการซ้อนและทำให้ทุกอย่างเรียบร้อยและอ่านง่าย ตัวอย่างเช่น ข้อความที่วางอยู่ระหว่าง