เขียนใน HTML: แนวคิด HTML ขั้นพื้นฐาน

ง่ายกว่าที่คุณคิด

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

ข่าวดี: ถ้าคุณเรียนรู้ที่จะเขียนใน HTML บทความของคุณจะดูดี ด้วยแนวคิดพื้นฐานเพียงไม่กี่ขั้นตอนคุณจะสามารถเขียน HTML ได้ทันที

HTML: ภาษาของเว็บเบราเซอร์

"HTML" ย่อมาจาก "HyperText Markup Language" โดยทั่วไปเป็น ภาษา สำหรับ ทำเครื่องหมาย ข้อความ ของคุณดังนั้นจึงสามารถทำสิ่งแฟนซีเช่นดู หนา หรือเชื่อมโยงไปยังเว็บไซต์อื่น ๆ

HTML เป็นภาษาพื้นฐานของเบราเซอร์ของคุณ เราใช้ภาษาโปรแกรมหลายภาษาสำหรับอินเทอร์เน็ต (PHP, Perl, Ruby และอื่น ๆ ) แต่พวกเขาทั้งหมดจะคาย HTML ออกไป (ดีหรือ JavaScript แต่ให้เป็นเรื่องง่าย)

เบราเซอร์ของคุณใช้ HTML และทำให้เป็นหน้าเว็บสวย ๆ

เรียนรู้ที่จะเขียนใน HTML และคุณจะรู้ อย่างชัดเจน ว่าคุณต้องการให้เบราเซอร์ทำอะไร

HTML ทำเครื่องหมายข้อความธรรมดา

HTML เป็นภาษา มาร์คอัป ดังนั้น "HTML" จึงเป็นเพียงข้อความธรรมดา เช่นนี้เป็น HTML ที่ดีอย่างสมบูรณ์:

สวัสดี. ฉันเป็น HTML น่าตื่นเต้น อ๋อ น่าอัศจรรย์

แต่รอคุณพูด ไม่เหมือนภาษา คอมพิวเตอร์ ! ดูเหมือนภาษาอังกฤษ!

ใช่. ตอนนี้คุณรู้ความลับที่ยิ่งใหญ่แล้ว HTML (เมื่อใช้อย่างถูกต้อง) เป็นข้อความที่สามารถอ่านได้

เรียนรู้จากประสบการณ์ของตัวประมวลผลคำ

แน่นอนว่าเราต้องการมากกว่าข้อความธรรมดา เราต้องการพูด ตัวเอียง

คุณรู้วิธีรับตัวเอียงในโปรแกรมประมวลผลคำ (เช่น Microsoft Word หรือ LibreOffice ฟรี) แล้ว คุณกดปุ่ม I เล็ก ๆ

ทุกสิ่งที่คุณพิมพ์จากนั้นจะเป็นตัวเอียง คุณสามารถพิมพ์สำหรับหน้าเว็บ คุณจะหยุดเทศกาลสำคัญนี้ได้อย่างไร? กดปุ่ม I อีกครั้ง ขณะนี้แบบอักษรของคุณกลับมาเป็นปกติแล้ว

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

น่าเสียดายที่จุดสิ้นสุดเหล่านี้มองไม่เห็น

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

HTML ใช้งาน & # 34; แท็ก & # 34;

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

สมมติว่าคุณต้องการประดับประดาไว้ก่อนหน้านี้ คุณต้องการขีดเส้นใต้คำว่า "Exciting" คุณจะพิมพ์ ตื่นเต้น อย่างนี้:

สวัสดี. ฉันเป็น HTML ที่น่าตื่นเต้น อ๋อ น่าอัศจรรย์

คุณจะบันทึกไว้ในโปรแกรมแก้ไขข้อความแล้วคัดลอกและวาง HTML ลงในกล่อง "บทความใหม่" ใน CMS ของคุณ เมื่อเบราว์เซอร์แสดงหน้าเว็บหน้าเว็บจะมีลักษณะดังนี้:

สวัสดี. ฉันเป็น HTML น่าตื่นเต้น อ๋อ น่าอัศจรรย์

ไม่เหมือนกับตัวประมวลผลคำคุณไม่ เห็น ตัวเอียงเมื่อพิมพ์ คุณพิมพ์แท็ก เบราว์เซอร์อ่านแท็กทำให้มองไม่เห็นและปฏิบัติตามคำแนะนำของตน

อาจทำให้เกิดความรำคาญในการดูแท็กทั้งหมด แต่เครื่องมือแก้ไขข้อความที่ถูกต้องทำให้ง่ายขึ้น

แท็กเปิดและปิด

ดูอีกครั้งที่แท็ก และ จะเปลี่ยนเป็นตัวเอียงเช่นเดียวกับการคลิกครั้งแรกของปุ่ม I จะ ปิด ตัวเอียงเช่นคลิกที่สองของคุณ

แทนที่จะคลิกปุ่มคุณกำลังพิมพ์แท็กเล็ก ๆ แท็กเปิดเพื่อเริ่มต้นตัวเอียงแท็กปิดเพื่อหยุดพวกเขา

สังเกตความแตกต่างระหว่างแท็ก การปิด มีเครื่องหมาย /, เครื่องหมายทับ แท็กปิดทั้งหมดใน HTML จะมีเครื่องหมายทับ

อย่าลืมปิดแท็ก

แท็กปิดเป็นสิ่งสำคัญมาก จะทำอย่างไรถ้าคุณลืมการปิด เช่นนี้?

สวัสดี. ฉันเป็น HTML ที่น่าตื่นเต้น อ๋อ น่าอัศจรรย์

เหมือนกับว่าคุณลืมคลิก ฉัน อีกครั้งเพื่อปิดตัวเอียง คุณจะได้รับสิ่งนี้:

สวัสดี. ฉันเป็น HTML น่าตื่นเต้น อ๋อ น่าอัศจรรย์

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

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

ตอนนี้เรียนรู้แท็กบ้าง

ขอแสดงความยินดี! คุณเข้าใจ HTML ขั้นพื้นฐาน!

ข้อความธรรมดาที่มีแท็กเปิดและปิด ที่สวยมาก

ไปเรียนรู้แท็ก HTML ขั้นพื้นฐาน (คุณอาจต้องการได้รับโปรแกรมแก้ไขข้อความที่ดีก่อน)