learn semantic markup

ไม่กี่ 1.1 - การฝึกมาร์กอัปความหมาย

เรียนรู้ความหมาย HTML โดยทำเครื่องหมายเอกสารเหล่านี้

นี่คืออะไร?

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

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

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

ไม่ต้อง กังวลว่าเอกสารจะเป็นอย่างไรในเบราว์เซอร์ นี่เป็นความผิดพลาดเริ่มต้นทั่วไป รูปแบบเริ่มต้นในเบราว์เซอร์เป็นตัวเลือกเริ่มต้นเฉพาะเมื่อไม่มีการรวมสไตล์ชีทอื่น

ใช้แท็กเหล่านี้:

• แท็กส่วน
  • ส่วนหัว <header>
  • ส่วน <section>
  • บทความ <article>
  • ส่วนท้าย <footer>
• หัวข้อ H1-6 <h1>
• ย่อหน้า <p>
• เล็ก <small> เล็ก>
• blockquote <blockquote>
• ก่อน <pre>
• รหัส <code>
• แท็กอินไลน์
  • แข็งแกร่ง <strong>
  • เน้น <em>
  • ตัวย่อ <abbr>
  • จุดยึด <a>
  • เวลา <time>
  • SuperScript <sup>
  • อ้างถึง <q>

เริ่มต้น!

tl; dr ดาวน์โหลด repo นี้และเริ่มเพิ่มแท็ก HTML ลงในเอกสารแต่ละฉบับ

repo นี้มีรายการความท้าทายและการแก้ปัญหา ไฟล์โซลูชันแต่ละไฟล์ถูกทำเครื่องหมายไว้

ไฟล์ความท้าทายมีเฉพาะข้อความไม่มีมาร์กอัปคุณจะเพิ่มมาร์กอัป (แท็ก)

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

วิธีดาวน์โหลดรหัสนี้

หากคุณมีปัญหาในการดาวน์โหลด repo นี้นี่คือขั้นตอน:

1. เปิดหน้าต่างเทอร์มินัลและนำทางไปยังโฟลเดอร์ที่คุณต้องการวางที่เก็บนี้ (อาจเรียกว่าบางอย่างเช่น: dev/courses/web1.0 )

2. พิมพ์รหัสต่อไปนี้:

 $ git clone [email protected]:soggybag/learn-semantic-markup.git

3. ไปที่ github.com และสร้างที่เก็บใหม่ (หมายเหตุ: ตรวจสอบให้แน่ใจว่าช่องทำเครื่องหมายสำหรับ "เริ่มต้นที่เก็บนี้ด้วย readme" ไม่ได้ตรวจสอบ)

4. พิมพ์ต่อไปนี้เพื่ออัปเดตปลายทางของที่เก็บ:

 $ git remote set-url origin [email protected]:YOUR_USERNAME/YOUR_REPO_NAME.git
$ git push -u origin master

5. รีเฟรชหน้าใน Repo GitHub ที่สร้างขึ้นใหม่ของคุณเพื่อให้แน่ใจว่าการเปลี่ยนแปลงของคุณถูกผลักได้สำเร็จ

ตรวจสอบงานของคุณ

คุณสามารถตรวจสอบงานของคุณได้สองสามวิธี:

ใช้ตัวตรวจสอบเพื่อตรวจสอบไวยากรณ์ของคุณ ตัวตรวจสอบ HTML ตรวจสอบไวยากรณ์ของ HTML ของคุณ

https://validator.w3.org

ตรวจสอบงานของคุณในผู้ตรวจสอบ

ตรวจสอบงานของคุณกับโซลูชัน สิ่งที่คุณไม่จำเป็นต้องเหมือนกับทางออก!

อย่าลังเลที่จะมีส่วนร่วม

อย่าลังเลที่จะมีส่วนร่วม! หากคุณมีแนวคิดสำหรับเอกสารที่อาจทำให้ความท้าทายที่ดีรู้สึกอิสระที่จะมีส่วนร่วม ดูคู่มือการสนับสนุน หากคุณมีทางออกที่ดีเป็นพิเศษอย่าลังเลที่จะมีส่วนร่วมเช่นกัน!