Belajar HTML
Belajar HTML — Kursus HTML dengan editor pratonton langsung dalam poket anda
Belajar HTML ialah kursus HTML untuk iPhone dan Android yang meletakkan editor HTML dengan pratonton langsung hanya satu ketikan dari setiap pelajaran. Taip satu tag, lihat halaman dipaparkan, kemudian maju daripada tajuk pertama kepada borang, jadual, HTML5 semantik, kebolehcapaian dan komponen web melalui 40 kursus ringkas.
- Harga
- Percuma, naik taraf Pro
- Platform
- iOS dan Android
- Bahasa
- 22
- Penarafan umur
- 4+
- Memerlukan
- iOS 15.1 atau lebih baharu
- App Store
- 3.0 ★ (1)
Sesuatu tag lebih mudah difahami selepas anda melihatnya menghasilkan sesuatu.
HTML ialah bahasa penanda, jadi cara terpantas untuk memahami elemen baharu ialah dengan menaipnya dan melihat hasilnya. Setiap pelajaran dalam aplikasi ini berakhir dengan editor yang sudah terbuka, pratonton berada di sebelah penanda anda, dan anda hanya menambah fail CSS atau JavaScript apabila sudah bersedia.
Apakah aplikasi ini
Belajar HTML ialah kursus HTML iOS dan Android yang percuma untuk dimulakan, mengajar penanda halaman web melalui 40 kursus dan 159 pelajaran ringkas, disusun daripada peringkat pemula (A1) hingga lanjutan (C1). Setiap topik dipadankan dengan editor kod HTML terbina dalam dan pratonton serta-merta, 20 projek berpandu seperti borang hubungan dan jadual harga yang boleh diakses, 20 misi penyahpepijatan serta mentor AI, supaya pemula sepenuhnya boleh beralih daripada dokumen kosong kepada halaman yang semantik, boleh diakses dan tersusun rapi.
Dalam aplikasi
Rupa aplikasi ini
Kursus
Kandungan kursus HTML
40 kursus dan 159 pelajaran daripada senarai kursus aplikasi sendiri, mengikut urutan yang diajarkan oleh laluan pembelajaran.
Struktur Dokumen, Teks, Pautan, Imej dan Senarai
Rangka asas setiap halaman: struktur dokumen, tajuk dan perenggan, pautan dan navigasi, imej dan rajah, serta senarai bernombor dan tidak bernombor.
Jadual, Atribut dan Atribut Global
Menyusun data dalam jadual, kemudian mempelajari atribut yang melaraskan elemen, termasuk atribut global yang berfungsi pada setiap tag.
Borang: Asas, Kawalan Lanjutan dan Pengesahan
Mulakan dengan input asas, kemudian kawalan yang lebih lengkap, diikuti atribut pengesahan yang membolehkan pelayar menyemak medan sebelum dihantar.
HTML5 Semantik, Head dan Metadata, Audio dan Video
Elemen semantik, head dokumen dan metadatanya, serta elemen audio dan video.
Kebolehcapaian, Peranan ARIA dan Corak ARIA Lanjutan
Asas kebolehcapaian, peranan dan atribut ARIA, serta corak lanjutan yang digunakan untuk widget tersuai.
Atribut Data, Templat, Canvas, SVG dan iframe
Atribut data tersuai, templat HTML, elemen canvas, SVG dalam HTML dan kandungan terbenam dalam iframe.
Web Storage, Seret dan Lepas, SEO dan Templat E-mel
Web storage dan API seret dan lepas, SEO dan tag meta sosial, serta peraturan khusus untuk templat e-mel HTML.
Web Components, Prestasi dan HTML pada Skala Besar
Elemen tersuai, shadow DOM, import maps dan peningkatan progresif, serta prestasi, keselamatan, PWA dan pengujian, diakhiri dengan HTML pada skala besar.
Cara ia berfungsi
Cara mempelajari tag, daripada membaca hingga memaparkannya
Pelajaran adalah ringkas dan editor berada di sebelahnya, jadi membaca konsep dan mencubanya berlaku dalam sesi yang sama.
Baca satu pelajaran ringkas
Sambung laluan pembelajaran dari tempat anda berhenti. Setiap pelajaran merangkumi satu idea, seperti senarai tidak tersusun atau imej dengan teks alt, dan hanya mengambil masa beberapa minit.
Taipkannya dalam editor dan lihat pratonton
Buka editor dan tulis penanda. Pratonton akan melukis semula halaman anda, manakala tab CSS dan JavaScript tersedia apabila anda mahu menggayakan halaman atau membuatnya bertindak balas.
Semak, baiki dan bina dengannya
Kuiz dan cabaran pengekodan menutup setiap topik. Apabila sesuatu tag atau ralat kurang jelas, mentor AI menerangkannya, misi penyahpepijatan memberikan halaman rosak untuk anda baiki, dan projek berpandu membantu anda membina sesuatu yang boleh ditunjukkan.
Kandungan
Kandungan Learn HTML
40
Kursus daripada A1 hingga C1
159 pelajaran merangkumi struktur dokumen, teks, pautan, imej dan senarai, kemudian jadual, borang dan HTML5 semantik, hingga kebolehcapaian, komponen web, keselamatan serta History and Navigation API.
Langsung
Editor HTML dengan pratonton
Tulis penanda dan lihat halaman yang dipaparkan dikemas kini. Anda boleh menambah fail CSS dan JavaScript pada projek yang sama, supaya dokumen biasa berubah menjadi laman web kecil yang berfungsi.
20
Projek berpandu
Binaan langkah demi langkah termasuk halaman kotak resipi, borang hubungan, galeri foto, bar navigasi dan jadual harga yang boleh diakses.
20
Misi penyahpepijatan
Ralat sebenar untuk dijejaki: borang pendaftaran yang tidak menghantar apa-apa, label yang tiada siapa boleh ketik, dan halaman yang dimuatkan terlalu kecil pada telefon.
80
Lembaran rujukan tag
Senarai rujukan 80 tag, elemen dan atribut HTML untuk saat anda tahu perkara yang ingin dilakukan tetapi tidak tahu namanya.
50
Soalan temu duga
Lima puluh soalan temu duga pembangun web dengan jawapan yang jelas, serta pustaka kod yang mengandungi contoh ringkas yang boleh anda buka dan edit, dan ruang untuk menyimpan kod serta nota anda sendiri.
Latar belakang
Apakah HTML, dan bolehkah anda mempelajarinya dengan menaip pada telefon?
HTML (HyperText Markup Language) ialah bahasa yang menerangkan struktur halaman web: teks yang mana merupakan tajuk, yang mana perenggan, ke mana pautan menghala dan perkara yang diminta oleh borang. Ia bukan bahasa pengaturcaraan, jadi tiada gelung atau pemboleh ubah yang perlu anda hadapi, sebab itulah HTML biasanya menjadi langkah pertama ke dalam pembangunan web. Oleh sebab hasilnya kelihatan sebaik sahaja anda menulisnya, HTML amat sesuai untuk sesi pembelajaran singkat pada telefon: tag cukup kecil untuk ditaip dengan ibu jari, dan pratonton terus menunjukkan sama ada ia berjaya.
Elemen, tag dan atributtiga istilah yang digunakan dalam setiap pelajaran
Elemen ialah sebahagian kandungan yang mempunyai makna, ditulis antara tag pembuka dan tag penutup, contohnya perenggan atau item senarai. Atribut berada dalam tag pembuka dan melaraskannya, seperti alamat yang dituju oleh pautan atau teks yang menerangkan imej. Hampir setiap kesilapan pemula berpunca daripada tag penutup yang tertinggal atau atribut yang diletakkan di tempat yang salah.
HTML semantiktajuk, navigasi, kandungan utama dan pengaki
Elemen semantik menyatakan fungsi sesuatu blok halaman, bukannya rupanya. Bar navigasi, artikel dan pengaki masing-masing mempunyai elemen tersendiri, yang membantu pembaca skrin, enjin carian dan sesiapa sahaja yang perlu mengedit halaman itu kemudian. Inilah tabiat yang membezakan halaman yang kemas daripada timbunan bekas generik.
HTML, CSS dan JavaScriptsiapa buat apa
HTML menyimpan struktur dan kandungan, CSS mengawal rupa kandungan itu, manakala JavaScript menambah tingkah laku seperti tindak balas terhadap klik. Mempelajari HTML terlebih dahulu memberikan tempat untuk dua yang lain dipautkan. Editor dalam aplikasi ini menyediakan tab HTML, CSS dan JavaScript yang berasingan, supaya anda boleh mengasingkan ketiga-tiga tugas itu sejak awal.
Borang dan kebolehcapaiantempat halaman ringkas menjadi lebih serius
Borang ialah cara halaman meminta apa-apa daripada pelawat, dan di sinilah kebanyakan masalah kebolehcapaian bermula: label yang tiada siapa boleh ketik, medan yang tidak dapat dinamakan oleh pembaca skrin. Label, atribut pengesahan dan peranan ARIA ialah cebisan kecil penanda yang menentukan sama ada halaman boleh digunakan oleh semua orang.
Sesuai
Untuk siapa — dan bukan untuk siapa
Sesuai untuk anda jika anda
- Adakah anda menulis halaman web pertama dan mahu setiap tag diterangkan sebelum menggunakannya
- Belajar dengan lebih baik apabila anda dapat melihat hasil setiap baris serta-merta
- Mengurus blog, halaman kedai atau portfolio dan mahu mengedit markup di sebaliknya
- Merancang untuk beralih kepada CSS, JavaScript atau kerja front-end dan mahu asas yang kukuh terlebih dahulu
- Membuat persediaan untuk temu duga pembangun web dan mahu berlatih dengan soalan
Bukan alat yang sesuai jika anda
- Memerlukan aliran kerja desktop lengkap dengan fail, folder dan pelayan tempatan
- Menjangkakan setiap kursus percuma; kursus pertama, projek berpandu pertama dan dua misi adalah percuma, manakala Pro membuka akses kepada selebihnya
- Sudah menulis HTML untuk produksi setiap hari dan mahukan rujukan, bukannya kursus
- Mahu mempelajari alat reka bentuk; aplikasi ini berkaitan markup dan kod di sebalik halaman
Soalan
Soalan lazim
Apakah Belajar HTML?
Belajar HTML ialah aplikasi untuk iPhone dan Android yang mengajar HTML daripada tag pertama hingga topik lanjutan. Aplikasi ini menggabungkan 40 kursus pendek dengan editor HTML terbina dalam dan pratonton langsung, 20 projek berpandu, 20 misi penyahpepijatan serta mentor AI. Aplikasi ini percuma untuk dimulakan dan tersedia dalam 22 bahasa.
Bolehkah saya benar-benar menulis dan melihat pratonton HTML pada telefon?
Ya. Editor dalam Belajar HTML mempunyai tab HTML, CSS dan JavaScript, manakala pratonton memaparkan halaman yang dihasilkan oleh markup anda. Telefon sesuai untuk latihan berfokus yang diperlukan oleh HTML kerana tag adalah pendek. Skrin yang lebih besar hanya menjadi berguna apabila anda mengendalikan banyak fail serentak.
Adakah saya memerlukan pengalaman pengekodan sebelum bermula?
Tidak. Laluan pembelajaran bermula dengan cara dokumen HTML disusun dan menerangkan setiap istilah dalam bahasa mudah sebelum menggunakannya. HTML tidak mempunyai gelung atau pemboleh ubah yang perlu dipelajari terlebih dahulu, jadi Belajar HTML menganggap pemula sepenuhnya sebagai keadaan biasa, bukannya pengecualian.
Apakah perbezaan antara HTML dan CSS?
HTML menentukan perkara yang terdapat pada halaman dan maksud setiap bahagian, seperti tajuk, pautan atau medan borang. CSS menentukan rupanya, termasuk warna, jarak dan reka letak. Aplikasi ini mengajar HTML terlebih dahulu dan membolehkan anda menambah fail CSS dalam editor, supaya anda dapat melihat kedua-duanya berfungsi bersama tanpa mencampuradukkan tugas masing-masing.
Berapa lamakah masa yang diperlukan untuk mempelajari asas HTML?
Kebanyakan orang boleh menulis halaman yang ringkas dan betul selepas beberapa sesi pendek kerana elemen asasnya tidak banyak: tajuk, perenggan, pautan, imej, senarai dan borang asas. Bahan yang lebih mendalam seperti kebolehcapaian, struktur semantik dan web components memerlukan lebih banyak masa. Pelajaran di sini ditulis supaya dapat diselesaikan dalam beberapa minit, jadi tabiat harian adalah realistik.
Apakah jenis projek yang boleh saya bina dalam aplikasi?
20 projek berpandu merangkumi halaman kotak resipi, borang hubungan, galeri foto, bar navigasi dan jadual harga yang boleh diakses. Setiap projek dibina langkah demi langkah. Projek ini sengaja bersaiz kecil supaya anda dapat menyiapkannya dan menyimpan kodnya dalam coretan tersimpan anda.
Adakah Learn HTML merangkumi kebolehcapaian dan borang?
Ya, dan dengan agak mendalam. Borang mempunyai tiga kursus yang merangkumi asas, kawalan lanjutan dan atribut pengesahan. Kebolehcapaian mempunyai kursus tersendiri tentang asas, peranan ARIA dan corak ARIA lanjutan. Misi penyahpepijatan juga merangkumi masalah seperti label yang tidak boleh diketik oleh sesiapa, menjadikan topik ini praktikal dan bukannya abstrak.
Adakah aplikasi ini percuma, dan apakah yang ditawarkan oleh Pro?
Anda boleh memuat turunnya secara percuma dan terus bermula: kursus pertama, projek berpandu pertama, dua misi dan editor langsung disertakan, bersama kuota harian mentor AI. Pro membuka semua kursus, projek dan misi, peperiksaan sijil serta soalan mentor AI tanpa had, dan mengalih keluar iklan.
Mulakan
Taip tag pertama anda dan lihat hasilnya dipaparkan
Percuma untuk dimulakan pada iOS dan Android, dalam 22 bahasa.
Lagi daripada CoddyKit
Tersedia di iOS dan Android.