learn semantic markup

Beberapa 1.1 - Latihan Markup Semantik

Pelajari HTML semantik dengan menandai dokumen -dokumen ini.

Apa ini?

Ini adalah direktori dokumen teks yang dapat Anda tandai untuk latihan untuk mempelajari HTML. Dokumen berisi konten khas yang mungkin Anda lihat di situs web di ponsel dan desktop Anda. Hanya teks yang disertakan di sini! Tugas Anda adalah menambahkan markup!

Selain menulis kode HTML yang benar secara sintaksis, tujuan Anda adalah menggunakan markup HTML untuk meningkatkan makna dan menjaga konteks informasi. Markup harus menambah kejelasan.

Tujuan Anda adalah menandai dokumen dengan tag yang paling menggambarkan teks konten. Anda ingin tag untuk mengekspresikan pesan dan maksud dari konten setiap dokumen dengan baik.

Jangan khawatir tentang seperti apa dokumen di browser. Ini adalah kesalahan pemula yang umum . Gaya default di browser hanya pilihan default yang disediakan ketika tidak ada stylesheet lain yang telah dimasukkan.

Gunakan tag ini:

• Tag sectional
  • Header <header>
  • Bagian <section>
  • Artikel <article>
  • Footer <footer>
• Judul H1-6 <h1>
• Paragraf <p>
• <small> kecil
• BlockQuote <blockquote>
• Pra <pre>
• kode <code>
• Tag inline
  • kuat <strong>
  • penekanan <em>
  • Singkatan <abbr>
  • jangkar <a>
  • Waktu <time>
  • Superscript <sup>
  • Kutipan <q>

Memulai!

TL; DR Unduh repo ini dan mulailah menambahkan tag HTML ke masing -masing dokumen.

Repo ini berisi daftar tantangan dan solusi. Masing -masing file solusi ditandai.

File tantangan hanya berisi teks, tidak ada markup, Anda akan menambahkan markup (tag).

Sebelum Anda mulai membaca komentar di setiap file. Baca juga teks itu sendiri. Markup yang Anda tambahkan harus menambahkan konteks dan memperkuat makna dan niat.

Cara mengunduh kode ini

Jika Anda kesulitan mengunduh repo ini, berikut adalah langkah -langkahnya:

1. Buka jendela terminal dan navigasikan ke folder tempat Anda ingin menempatkan repositori ini. (Mungkin disebut sesuatu seperti: dev/courses/web1.0 )

2. Ketik kode berikut:

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

3. Buka github.com dan buat repositori baru. (Catatan: Pastikan kotak centang untuk "inisialisasi repositori ini dengan readme" tidak diperiksa.)

4. Ketik berikut ini untuk memperbarui tujuan repositori Anda:

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

5. Segarkan halaman dalam repo GitHub Anda yang baru dibuat untuk memastikan perubahan Anda berhasil didorong.

Periksa pekerjaan Anda

Anda dapat memeriksa pekerjaan Anda dalam beberapa cara:

Gunakan validator untuk memeriksa sintaks Anda. Validator HTML memeriksa sintaks HTML Anda.

https://validator.w3.org

Periksa pekerjaan Anda di validator.

Periksa pekerjaan Anda terhadap solusi. Apa yang Anda miliki tidak harus sama dengan solusinya!

Jangan ragu untuk berkontribusi

Jangan ragu untuk berkontribusi! Jika Anda memiliki ide untuk dokumen yang mungkin membuat tantangan yang baik, silakan berkontribusi. Lihat Panduan yang Berkontribusi. Jika Anda memiliki solusi yang sangat baik, jangan ragu untuk berkontribusi juga!