How to Create a Website in Just a Few Hours

การสร้างเว็บไซต์ไม่จำเป็นต้องยาก. ในบทความนี้, we’ll walk through the basics of html page creation and how to create a mini-includes list. ต่อไป, เราจะพูดถึงวิธีการใช้ html>-แท็กเพื่อเน้นข้อความ. ในที่สุด, เราจะแสดงวิธีสร้างเว็บไซต์ในเวลาเพียงไม่กี่ชั่วโมง. นอกจากนี้เรายังจะกล่าวถึงเทคนิคที่เป็นประโยชน์อื่นๆ อีกเล็กน้อย.

การสร้างหน้า html

HTML is the language used to build web pages. มันกำหนดโครงสร้างของหน้าเว็บและ CSS ควบคุมวิธีการแสดงเนื้อหา. การสร้างหน้า HTML พื้นฐานไม่ใช่เรื่องยาก. นี่คือคำแนะนำทีละขั้นตอนในการเริ่มต้นใช้งาน. เมื่อคุณมีหน้า HTML พื้นฐานแล้ว, คุณพร้อมที่จะสร้างสิ่งที่ซับซ้อนและมีพลังมากขึ้นแล้ว. เพื่อเริ่มต้น, คุณจะต้องมีโปรแกรมแก้ไขข้อความและเว็บเบราว์เซอร์.

คุณยังสามารถใช้โปรแกรมประมวลผลคำ เช่น MS Word เพื่อสร้างเนื้อหาสำหรับหน้าเว็บของคุณ. คุณสามารถใช้ไฮเปอร์ลิงก์เพื่อเชื่อมต่อข้อความระหว่างกัน. คุณยังสามารถบันทึกไฟล์เป็นไฟล์ html ได้, หน้าเว็บ. วิธีนี้ได้ผลดี, แต่หน้าที่คุณสร้างด้วยวิธีนี้มีขนาดใหญ่มากและดูไม่ดีในหน้าต่างเบราว์เซอร์. ข้อเสียเพียงอย่างเดียวของวิธีนี้คือ คุณต้องเรียนรู้การใช้เครื่องมือที่มีอยู่.

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

Creating a mini-includes list

Creating a mini-includes section is an effective way to link various elements on the same web page. หน้า HTML สามารถแบ่งออกเป็นหลายส่วนย่อย, กับแต่ละส่วนที่มีรายการขององค์ประกอบ. องค์ประกอบเหล่านี้มีจุดประสงค์ที่แตกต่างกัน. คุณสามารถใช้แอตทริบิวต์ type เพื่อแสดงลำดับตัวอักษร. คุณยังสามารถใช้อักษรตัวพิมพ์เล็กเพื่อสร้างรายการองค์ประกอบด้วยตัวอักษร a, ข, หรือค.

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

การใช้ html>-แท็ก

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

แอตทริบิวต์ href= เปิดองค์ประกอบลิงก์. หลังจาก “=” เข้าสู่ระบบ, คุณควรวาง URL ของลิงค์. คุณยังสามารถใช้บรรทัดย่อหน้าหลายบรรทัดในหัวข้อเดียวได้. วงเล็บปิดเป็นสิ่งจำเป็น. วิธีนี้จะป้องกันไม่ให้ลิงก์ของคุณถูกตีความผิด. เพื่อให้หน้า html อ่านง่ายขึ้น, เพิ่มลิงค์ไปยังเว็บไซต์ของคุณ. html>-จะทำให้คุณสามารถเพิ่มลิงค์ที่ชี้ไปยังหน้าเว็บอื่นได้.

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

การใช้ html>-แท็กเพื่อเน้นข้อความ

You can use the mark> แท็กเพื่อเน้นข้อความในเอกสาร HTML. เป็น HTML . ที่ค่อนข้างใหม่ 5 ลักษณะเฉพาะ, และกำหนดส่วนที่เน้นของย่อหน้า. เครื่องหมาย> แท็กทำงานโดยการเปลี่ยนคุณสมบัติสีพื้นหลังของเอกสาร HTML พื้นฐาน. เครื่องหมาย> tag รองรับทั้ง Global และ Event Attributes. มันจะเน้นข้อความเป็นสีเหลืองหรือสีดำ. นอกจากนี้ยังสามารถเปลี่ยนสีของข้อความในไฟล์ CSS พื้นฐานได้อีกด้วย.

โปรแกรมอ่านหน้าจอส่วนใหญ่ไม่ประกาศองค์ประกอบเครื่องหมาย, แต่คุณสามารถใช้คุณสมบัติเนื้อหา CSS หรือ. before and.after pseudo-elements เพื่อให้ชัดเจนว่าคุณต้องการเน้นข้อความใด. การประกาศนั้นละเอียดและเพิ่มข้อมูลที่ไม่จำเป็นลงในเพจ, ดังนั้นควรใช้เท่าที่จำเป็น. ตัวอย่างเช่น, คุณสามารถใช้ประกาศเพื่อเน้นข้อความค้นหาหรือบล็อกคำพูด. ประกาศได้รับการสนับสนุนโดยเบราว์เซอร์หลักทั้งหมด.

นอกจากสไตล์สีพื้นหลัง, คุณสามารถใช้ 'highlightme’ คลาสเพื่อเน้นข้อความในเอกสาร HTML ของคุณ. เบราว์เซอร์ทั้งหมดรองรับสไตล์สีพื้นหลัง. คุณยังสามารถใช้คำว่า 'สีเหลือง’ แทนรหัสสี. คุณสามารถใช้รหัสเดียวกันเพื่อเน้นย่อหน้าหรือส่วนของข้อความ. คุณยังสามารถใช้คลาส CSS เพื่อเน้นข้อความ.

การใช้ html>-tag to create a mini-includes list

html>-tag ใช้สำหรับสร้างรายการ mini-includes. ประกอบด้วยแท็กปิดที่สอดคล้องกันและชื่อขององค์ประกอบเป็นตัวพิมพ์เล็ก. เอกสาร HTML ถูกเข้ารหัสโดยใช้การเข้ารหัสอักขระ UTF-8, ซึ่งรองรับการรวมอักขระ Unicode. เมื่อใช้ html>-แท็ก, อย่าลืมเลือก UTF-8 ใน “บันทึกเป็น” กล่องโต้ตอบ.

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

อีกวิธีหนึ่งในการแทรกรายการรวมขนาดเล็กคือการเพิ่มองค์ประกอบส่วนท้ายในเอกสาร HTML. องค์ประกอบนี้แสดงถึงส่วนท้ายของเนื้อหาส่วนที่ใกล้ที่สุด. มักจะมีข้อมูลเกี่ยวกับผู้เขียน, ข้อมูลลิขสิทธิ์, หรือลิงค์เอกสารที่เกี่ยวข้อง. การใช้ html>-tag to create a mini-includes list on an HTML page

การใช้ html>-tag to highlight individual text blocks

HTML5 highlights individual text blocks with the mark> ธาตุ. แท็ก HTML5 นี้เปลี่ยนสีของเนื้อหาในแหล่งที่มาเป็นสีเหลืองหรือสีดำ, ทำให้ผู้อ่านสามารถแยกแยะข้อความสำคัญได้. นอกจากนี้ยังใช้เพื่อระบุส่วนของเนื้อหาที่ต้องให้ความสนใจมากกว่าข้อความอื่นๆ. เครื่องหมาย> องค์ประกอบรองรับ Global Attributes และ Event Attributes ใน HTML. เมื่อใช้อย่างถูกต้อง, แท็ก HTML5 นี้สามารถปรับปรุงความสามารถในการอ่านหน้าเว็บ.

มาตรฐาน HTML4 เลิกใช้แท็กระดับอักขระแบบกายภาพ. พวกเขาจัดการกับการนำเสนอ, และควรใช้ CSS เพื่อจุดประสงค์เหล่านี้. HTML5 ได้แนะนำพวกเขาอีกครั้ง. พวกเขาจะไม่ถูกเลิกใช้อีกต่อไป, แต่ก็ยังไม่ใช่วิธีเดียวที่จะเน้นแต่ละบล็อกข้อความ. ใช้ CSS เพื่อเน้นข้อความแต่ละบล็อกด้วย HTML5! วิธีง่ายๆ นี้จะเน้นข้อความแต่ละบล็อกภายในเนื้อหา.

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