Apa itu html dan kegunaannya. Apa kode HTML halaman? Berlatih untuk memahami apa itu HTML...

Setiap situs memiliki tampilan dan fungsi yang berbeda, tetapi apa alasannya dan dalam bahasa apa halaman tersebut ditulis? Untuk semua ini, Cascading Style Sheets dan bahasa HTML digunakan. Anda dapat melihat sendiri kode bahasa ini jika Anda memeriksa objek di browser. Secara khusus, apa itu bahasa HTML, kita akan berbicara di artikel ini.

Artikel kami ditujukan terutama untuk pemula, jadi kami berharap pemahaman pembaca blog biasa!

Postingan akan dibagi menjadi beberapa bagian berikut:

Apa itu halaman HTML?

Bahasa markup yang disebut HTML digunakan untuk menata semua elemen halaman, termasuk tabel, gambar, dan teks. Anda dapat melihat kodenya dan mencoba memahaminya jika Anda menggunakan apa pun peramban modern, cukup klik kanan pada halaman dan di menu klik pada baris "kode sumber halaman" atau "kode HTML". Setelah itu, Anda akan melihat sesuatu seperti editor, di mana ada banyak prasasti dan simbol yang tidak dapat dipahami, ini adalah kode bahasa HTML.

Setiap dokumen WWW memiliki teks yang diformat dengan indah dan dirancang dengan indah, serta hyperlink dan gambar yang dipilih oleh pemilik situs. Untuk bekerja dengan elemen-elemen ini, programmer telah membuat bahasa yang disebut HTML (Hyper Text Markup Language), yang berarti bahasa markup hypertext. Setiap browser bekerja dan merender HTML secara berbeda, sehingga dirender secara berbeda di browser yang berbeda, terutama versi yang lebih lama. Internet Explorer.

Semua dokumen HTML serupa - ini adalah standarnya berkas teks, yang memiliki tag markup untuk bahasa tersebut bersama dengan teks yang akan dibaca pengunjung situs. Tag digunakan untuk membuat halaman, dan tag itulah yang dibaca browser saat memuatnya. Berkat definisi tag dan desainnya, Anda dapat menempatkan artikel atau materi lain di tempat tertentu pada halaman, menambahkan file grafik dan foto, serta hyperlink ke halaman lain situs. Mulanya berkas HTML bukan dokumen web, itu menjadi satu hanya setelah dibaca oleh browser.

Tentu saja, kode HTML standar memiliki kekurangan dan kekurangan. Anda harus berusaha keras untuk mengatur paragraf dengan teks di halaman, karena untuk markup dan yang lainnya, Anda perlu meresepkan properti tertentu untuk seluruh teks, dan untuk setiap paragraf. Jika situs Anda memiliki 50 halaman dan masing-masing memiliki 10-20 paragraf, akan membutuhkan waktu yang sangat lama untuk memformat teks, dan memasukkan tag yang sama setiap saat. Ini tidak hanya melelahkan pemilik situs, tetapi juga berdampak negatif pada bobot halaman situs. Karena alasan inilah lembar gaya berjenjang kemudian dibuat, mereka secara singkat disebut CSS, yang berarti Lembar Gaya Bertingkat, berkat itu Anda dapat dengan cepat mengatur teks. Anda dapat menetapkan satu tag dan memberinya karakteristik tertentu, seperti warna teks, ukuran, font, dan sebagainya, lalu menerapkannya ke paragraf. Dalam hal ini, file style sheet disimpan secara terpisah, dapat diunggah ke satu situs atau beberapa sekaligus. Selanjutnya, elemen utama halaman ditulis dalam HTML, dan teks dimasukkan, lalu CSS terhubung dan semua teks mendapatkan desain yang Anda butuhkan. Ini juga mengurangi berat halaman, yang sangat penting.

Menggunakan CSS disarankan jika situs memiliki banyak halaman yang akan memiliki desain yang sama. Anda dapat mengatur format teks tertentu untuk semua paragraf jika Anda menulis beberapa baris dalam dokumen dengan kode CSS. Selama pembuatan situs, perancang tata letak membuat tata letak utama dalam HTML, dengan fokus pada tata letak yang dibuat di Photoshop. Tetapi setelah itu, situs terlihat belum selesai, Anda perlu membuat tampilan yang menarik, dan ini dicapai dengan lembar gaya berjenjang. Ini mudah dipelajari jika Anda memiliki banyak waktu luang, karena tampilan umum semua situs hampir sama, Anda dapat memiliki satu tata letak dengan beberapa blok dan "menyesuaikan" sisa situs dengannya. Sebagai aturan, cascading style sheet jauh lebih rumit daripada CSS, dan bahkan lebih sulit untuk mengatur tata letak situs pada blok, dan bukan pada tabel. Selain itu, pada tahap awal, Anda mungkin mengalami masalah seperti tampilan situs yang berbeda di browser. Agar tidak membuang waktu dan menghasilkan uang di situs-situs itulah CMS dibuat - tata letak yang sudah jadi situs yang bisa gratis atau berbayar dan memiliki sistem manajemen tertentu.

Apa itu HTML5. Perbedaan dan kelebihan

standar baru HTML5 membantu pemilik situs dan membebaskan mereka dari kewajiban untuk menggunakan format Adobe Flash, serta program lainnya. Terimakasih untuk standar ini Anda dapat mengubah tampilan teks pada halaman dan mempermudah memasukkan informasi saat mengisi formulir elektronik. Jika kita membagi semua inovasi bahasa ini, kita dapat membedakan poin-poin berikut:

Setelah memasuki situs, orang akan dapat menonton video dan mendengarkan audio melalui browser, untuk ini tombol terpisah dibuat untuk diputar.
Mengunggah foto baru melalui bahasa ini jauh lebih mudah, Anda bahkan dapat membuat galeri gambar. Anda bahkan tidak perlu mengunduh tambahan perangkat lunak.
Anda dapat menemukan teks dan menandai blok teks. Anda juga dapat menyempurnakan teks agar mudah dibaca.
Jika sebelumnya di HTML4 seseorang melihat kesalahan setelah memasukkan data hanya saat mengirimkan formulir, sekarang browser segera melaporkan kesalahan jika seseorang salah mengisi formulir. Ini sangat nyaman bagi pengguna, karena mereka tidak harus mengisi bagian yang sama dengan data beberapa kali.
Tidak perlu menggunakan modul perangkat lunak, karena dengan bantuan HTML5 Anda dapat mewujudkan ide apa pun mengenai situs tersebut. Hanya jika situsnya unik dan Anda perlu membuat sesuatu yang istimewa, instal modul perangkat lunak tambahan.
Sebelumnya, orang tidak dapat melihat situs secara normal melalui tablet atau ponsel cerdas, karena standar HTML4 tidak memiliki kompatibilitas browser untuk perangkat seluler dan lain-lain sistem operasi. Menggunakan bahasa HTML5, halaman dibuat yang idealnya dibaca dari semua perangkat dengan kecepatan tinggi.

Jika Anda memiliki pertanyaan - tulis di komentar, kami akan dengan senang hati menjawabnya!

Apa itu HTML dan untuk apa? - 3.7 dari 5 berdasarkan 3 suara

Sebelum melanjutkan studi, saya mengusulkan untuk mempertimbangkan apa itu html dan apa tujuannya.

HTML adalah singkatan dari Hyper Text Markup Language, yang dapat diterjemahkan sebagai Hyper Text Markup Language. Dengan bantuan bahasa ini, halaman web dibuat.

HTML bukanlah bahasa pemrograman. Ini dimaksudkan untuk markup dokumen teks. Artinya, pada umumnya, dengan bantuan itu, kami melakukan pemformatan teks.

Jadi bagaimana kita bisa mengedit teks menggunakan HTML? Soalnya bahasa HTML itu terdiri dari tag (tag). Setiap tag menentukan bagaimana teks akan terlihat di halaman Anda.

Dengan kata lain, setiap tag memberikan perintah khusus ke browser Anda (program yang digunakan untuk melihat halaman web), browser memahami perintah ini dan menampilkan teks siap pakai yang diformat dengan cara tertentu di layar Anda.

Oleh karena itu, Anda tidak melihat kode itu sendiri, browser menampilkan teks dan grafik yang sudah diformat di layar monitor Anda. Kalau mau lihat sendiri kode html dan tag yang memformat teks yang sedang Anda baca, lalu buka peramban Internet Explorer ke item menu > view dan dari daftar drop-down pilih item > source. Lihatlah gambarnya.

Ini akan membuka jendela yang berisi kode. Mirip dengan yang Anda lihat di gambar kedua. Anda dapat menggulir dan melihat kode ini, sebagian besar terdiri dari tag, di dalamnya dalam banyak kasus ada teks. Jadi, tanpa merinci, kita dapat mengatakan bahwa setiap tag menentukan di mana, bagaimana, font apa, warna apa yang akan terlihat pada teks Anda.

Namun pada kenyataannya, tag HTML tidak hanya dapat memformat teks, Anda dapat menggunakannya untuk menyisipkan gambar pada halaman, membuat tabel, membuat tautan, dan banyak lagi.

Setiap tag melakukan fungsi spesifiknya sendiri, dan untuk mempelajari cara membuat halaman web, Anda perlu mengetahui untuk apa tag ini atau itu. Saya pikir sekarang Anda sedikit mengerti apa itu html.

Pertama, mari kita lihat apa itu tag. Sederhananya, tag terdiri dari karakter atau kata bahasa Inggris biasa, hanya huruf dan kata ini yang dirancang dengan cara tertentu.

Setiap tag terdiri dari kurung sudut,< >di mana karakter tertentu ditempatkan. Kebanyakan dari mereka terdiri dari pembukaan dan penutupan.

Misalnya tag - pembukaan, dan- penutupan. Seperti yang Anda lihat, mereka berbeda dengan adanya garis miring / di karakter penutup. Jika ada kata yang ditempatkan di antara mereka, misalnya, Hai maka akan ditampilkan dalam huruf tebal. Segala sesuatu yang diapit tanda kurung siku, dalam hal ini, tidak ditampilkan di layar, tetapi merupakan semacam perintah untuk browser bahwa kata yang diapit di antara tag ini harus ditampilkan dalam huruf tebal.

Ada banyak tag secara alami dan masing-masing dari mereka melakukan fungsi spesifiknya sendiri. Kira-kira menurut prinsip ini, semua tag lain dan seluruh HTML secara keseluruhan berfungsi. Saat Anda meminta dokumen apa pun dari Internet, browser Anda mengunduh kode html, menafsirkannya dengan benar dan menampilkan teks, grafik, tabel, dll. yang sudah diformat di layar Anda.

Tujuan dari pelajaran ini adalah untuk memberikan gambaran tentang apa itu HTML, dalam pelajaran berikut kita akan mulai mempelajari bahasa markup ini. Untuk memudahkan Anda mempelajari materi, saya sarankan Anda mulai mempelajari pelajaran dari yang paling sederhana, dengan lancar beralih ke yang lebih kompleks, misalnya, dalam urutan berikut: di awal, belajar sebagai dokumen , dengan yang mereka set dan diproduksi, belajar mengatur, dll lebih sulit.

Untuk membuat halaman HTML, Anda dapat menggunakan program khusus, seperti , atau Anda dapat membuat halaman menggunakan editor teks sederhana yang tersedia di semua versi Windows.

HTML- Singkatan dari HyperText Markup Language, yang merupakan bahasa yang paling banyak digunakan untuk menulis halaman web.

hiperteks mengacu pada cara halaman web (dokumen HTML) ditautkan. Dengan demikian, link yang tersedia di halaman web disebut hypertext.
Seperti namanya, HTML adalah bahasa markup, yang berarti Anda menggunakan HTML untuk sekadar "menandai" dokumen teks dengan tag yang memberi tahu browser web cara menyusunnya untuk ditampilkan.

HTML pada awalnya dirancang untuk mendefinisikan struktur dokumen, seperti judul, daftar, paragraf, dan sebagainya, untuk memfasilitasi pertukaran. informasi ilmiah antar peneliti.

HTML sekarang banyak digunakan untuk memformat halaman web dengan berbagai tag yang tersedia dalam bahasa HTML.

Dokumen HTML

Contoh berikut menunjukkan dokumen HTML di bentuk paling sederhana:

Judul dokumen

tajuk

Berikut isi dokumen tersebut...

Mari simpan kode tersebut di file HTML document.html menggunakan editor teks favorit Anda. Dan buka file dengan browser web seperti Internet Explorer, Google Chrome atau Firefox dll. Seharusnya menampilkan output berikut:

Tag untuk membuat dokumen HTML

Seperti dibahas sebelumnya, HTML adalah bahasa markup dan menggunakan berbagai tag untuk memformat konten. Tag ini diapit oleh kurung sudut. Sebagian besar tag memiliki tag akhir yang sesuai, kecuali beberapa tag. Misalnya, tag memiliki tag penutup dan tandai memiliki tag dekat dan lain-lain.

Contoh di atas menggunakan tag berikut untuk membuat dokumen HTML:

Menandai

Keterangan

Tag ini mendefinisikan jenis dokumen dan versi HTML.

Tag ini mencakup dokumen HTML lengkap dan terutama terdiri dari judul dokumen, yang diwakili oleh tag ... dan badan dokumen, yang diwakili oleh tag ... .

Tag ini mewakili judul dokumen, yang mungkin berisi tag html lain seperti , <link>dll.</td> </tr><tr><td><title> </td><td>Menandai <b><title> </b> digunakan di dalam tag <head>untuk menentukan judul dokumen.</td> </tr><tr><td><body> </td><td>Tag ini mewakili badan dokumen, yang menyimpan tag html lain seperti <h1>, <div>, <p>Dan lain-lain.</td> </tr><tr><td><h1> </td><td>Tag ini mewakili judul.</td> </tr><tr><td><p> </td><td>Tag ini mewakili sebuah paragraf.</td> </tr></table><p>Mengetahui tag ini sudah cukup untuk membuat dokumen html (halaman html).</p> <p>Untuk mempelajari HTML, Anda perlu mengetahui berbagai tag dan memahami bagaimana perilakunya saat diformat. <a href="https://obanracer.ru/id/kak-vstavit-skrinshot-v-tekstovyi-dokument-kak-sdelat-printskrin-s.html">dokumen teks</a>. Mempelajari HTML itu mudah karena pengguna hanya perlu mempelajari cara menggunakan tag yang berbeda untuk memformat teks atau gambar untuk membuat halaman web yang indah.</p> <h2>struktur dokumen HTML</h2> <p>Struktur dokumen HTML biasa akan terlihat seperti ini:</p><p>Tag deklarasi dokumen <html> <head> <title>Tag yang terkait dengan judul dokumen Tag yang terkait dengan badan dokumen

Kita akan mempelajari semua tag head dan body di tutorial selanjutnya, sekarang mari kita lihat apa itu tag deklarasi dokumen.

Pernyataan

Deklarasi tagdigunakan oleh browser web untuk memahami versi HTML yang digunakan dalam dokumen. Versi sekarang HTML adalah 5 dan menggunakan deklarasi berikut:

Ada banyak jenis deklarasi lain yang dapat digunakan dalam dokumen HTML, tergantung pada versi HTML yang digunakan. Kami akan melihat detail lebih lanjut tentang ini ketika membahas tagbersama dengan tag HTML lainnya.

Halo!. Pelajaran kedua kita akan membahas pertanyaan - apa itu HTML dan bagaimana cara menggunakannya. Di dalamnya, Anda akan belajar tentang fitur-fitur bahasa pemrograman web paling populer dan memahami dengan jelas esensi utamanya.

Dari cara Anda mempelajarinya, akan lebih mudah bagi Anda untuk maju dan kemudian Anda dapat dengan mudah (walaupun tidak, Anda masih harus bekerja keras) untuk menaklukkan bahasa pembuatan situs web yang lebih kompleks, seperti PHP. Jadi mari kita turun ke bisnis.

Apa itu HTML?

HTML (hypertext markup language) adalah bahasa markup hypertext. Bahasa markup standar untuk dokumen Internet di World Wide Web. Ini adalah salah satu bahasa pengembangan situs web paling populer. Ini juga dianggap yang paling mudah dalam hal memuat di browser.

Itu tidak memiliki "mutasi" kompleks seperti PHP, yang, sebelum menampilkan halaman di browser, pertama-tama membuat permintaan ke database MySql, dan kemudian hanya menampilkan konten kepada pengguna. Saya tidak akan menceritakan pendahuluan lisan yang panjang tentang bagaimana itu dibuat, karena itu panjang dan tidak menarik.

Untuk semua poin ini - Wikipedia yang bagus untuk membantu Anda. Kami ingin belajar cara membuat situs web dengan cepat, bukan? Bagus! Kemudian mari kita lanjutkan dan pahami semua seluk-beluk ilmu web ini.

Dasar-dasar bahasa HTML. Konsep Tag

Tanpa pengetahuan tentang dasar yang kuat, Anda tidak dapat pergi ke mana pun, belum ada yang membatalkan "mat.chast" ("fondasi" dari subjek apa pun). Dan kami tidak akan menyimpang dari tradisi dan aturan.

Dasar-dasar bahasa HTML adalah tag, atau lebih tepatnya, sekumpulan tag. Mereka diberi label seperti ini<тег>. Tag selalu dipasangkan dan ditampilkan seperti ini

<тег>.

< тег> < / тег> .

Masing-masing dari mereka tampil dengan ketat fungsi tertentu untuk ditampilkan di browser.

Beberapa menampilkan gambar di layar, yang lain tautan, yang lain bertanggung jawab atas paragraf, yang lain membuat tabel, dan sebagainya. Kita bisa menulis teks apapun di dalamnya. Saya suka menyebutnya wadah, untuk kejelasan, sehingga untuk berbicara. Tapi ada juga yang lajang, kita akan mempelajarinya di pelajaran selanjutnya.

Dan satu hal lagi untuk dipahami poin penting. DI DALAM bahasa yang diberikan prinsip Pareto berlaku, yaitu, seperti di setiap bidang kehidupan, aktivitas, dan di mana pun, ada aturan 80/20.

Apa yang dikatakan? Ini memberitahu kita bahwa 20% (dalam kasus kita html) dari bahasa melakukan 80% dari pekerjaan. Logikanya adalah tidak perlu mempelajari semua tag, karena banyak dari mereka yang tidak digunakan atau sangat jarang digunakan. Jadi dalam pelajaran kami, kami fokus pada yang paling sering dan penting. Dan Anda melakukannya dengan baik!

struktur dokumen HTML

Struktur dokumen html apa pun terlihat seperti ini

Dokumen tanpa judul

< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transisi//EN""http://www.w3.org/TR/html4/loose.dtd">

< html >

< head >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" >

< title >Dokumen tanpa judul< / title >

< / head >

< body >

< / body >

< / html >

Sekarang mari kita jelaskan setiap poin secara lebih rinci:

Apa itu Doctype dan artinya

Elemen doctype digunakan untuk menunjukkan jenis halaman web kita. Inilah yang disebut "deklarasi tipe dokumen" atau Deklarasi Tipe Dokumen.

Tag ini harus selalu di tempat pertama di setiap halaman. Ini adalah komponen utama halaman web yang mengklaim memenuhi standar: tanpanya, kode Anda tidak akan lulus validator.

Validator dokumen web adalah program komputer, yang memeriksa kesesuaian dokumen, aliran data, atau fragmen kode apa pun ke format tertentu, memeriksa kebenaran sintaksis dokumen atau file (menurut Wikipedia).

Ada beberapa nilai Doctype:

Ketat (ketat)
Transisi (transisi)
Frameset (dengan frame)

Saya menggunakan opsi kedua. Paling nyaman untuk bekerja dengannya, karena tidak membatasi pengembang. Ada kebingungan bagi pembaca, jadi apa perbedaan di antara mereka dan mana yang terbaik untuk digunakan?

Mari saya jelaskan apa perbedaan mereka. Versi transisi tidak sepenuhnya sesuai dengan standar validasi W3C (atau dalam bahasa Rusia, cek), yaitu browser akan menampilkan konten dokumen web dengan cara yang sama, meskipun berisi usang, tidak direkomendasikan, dan non-standar lainnya. variasi kode. Tetapi versi Ketat benar-benar mematuhi semua standar, yaitu, dalam praktiknya, jika Anda lupa meletakkan simbol yang sesuai di suatu tempat dalam kode (misalnya, garis miring /), maka Anda akan diberi peringatan selama pemeriksaan.

Berikut tampilan dokumen web menggunakan versi yang ketat:

Kepatuhan yang ketat dengan standar bahasa

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Ketat//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

< html xmlns = "http://www.w3.org/1999/xhtml">

< head >

< title >Kepatuhan yang ketat dengan standar bahasa< / title >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >

< / head >

< body >

< p > . . . < / p >

< / body >

< / html >

Saya menyarankan Anda untuk menggunakan opsi kedua dan tidak mandi, karena ini yang paling nyaman. Sekarang kita akan melihat komponen lain dari halaman kita.

- atau tag "head", ini berisi tag terpenting yang menjelaskan kepada browser apa yang perlu dilakukan pada halaman dan mekanisme apa yang harus dijalankan. Ini mendefinisikan dokumen web dan isinya. Itu sering diisi dengan berbagai skrip yang menjalankan berbagai fitur di halaman, dan ada juga "wadah" penting untuk promosi SEO - tag

Kami tidak akan membahas detail dan sejarah tentang apa itu HTML, tetapi akan langsung beralih ke poin utama. HTML adalah dasar untuk membangun situs web apa pun! Saat mempelajari topik pembangunan situs, perlu untuk memulainya. Tidak ada yang berat di sini. BENAR-BENAR SEMUA ORANG bisa menguasai teknologi ini!

Saya ingin segera mencatat bahwa ini BUKAN bahasa pemrograman, tetapi bahasa markup.

Mengapa belajar HTML itu mudah?

Untuk berbicara dengan lancar bahasa Inggris Anda tidak perlu tahu semua kata yang ada dalam bahasa Inggris. Jadi di sini, Anda hanya perlu mempelajari beberapa tag dasar dan mempelajari cara menggunakannya. Dan kemudian Anda hanya perlu berlatih dan mengembangkan keterampilan.

Mari kita mulai mempelajari teknologi yang menarik sekaligus sederhana ini.

Sedikit teori...

Setiap halaman terdiri dari tag. Artinya, halaman tersebut sebenarnya tidak terlihat seperti yang biasa kita lihat, tetapi terdiri dari banyak tag, yang masing-masing memainkan peran tertentu.

Itu terlihat seperti dinding bata besar. Jika semua batu bata di atasnya diletakkan dengan rapi, maka seluruh dinding terlihat indah. Oleh karena itu, ketika menulis struktur halaman, perlu memperhatikan setiap tag, karena itu adalah "batu bata" untuk halaman kita selanjutnya.

Tapi apa itu tag di HMTL?

Ini elemen HTML halaman, yang dalam satu atau lain cara mempengaruhi tampilan dan tata letak halaman. Dengan kata lain, cukup sulit untuk memahami ini, jadi Anda harus segera melihat semuanya dalam praktik dan membiasakan diri dengan kodenya. Lihatlah gambar di bawah ini:

Ini adalah struktur halaman paling sederhana. Tetapi kata-kata yang diulang dalam tanda kurung segitiga ini adalah tag. Jika Anda membuka editor teks dan tulis kode ini, lalu simpan dalam format HTML, maka Anda akan mendapatkan halaman HTML. Sejauh ini masih belum jelas apa itu HTML?

Dari struktur ini, Anda dapat melihat tag-tag yang harus ada. Ini adalah tag:

dan penutup
dan penutup
dan penutup

Untuk membuatnya lebih jelas, saya telah menyorotnya dengan warna oranye pada gambar di bawah ini:

Segala sesuatu yang akan kami tulis di antara tag Dan kami tidak akan melihat di halaman kami. Tag ini dapat memberitahu browser tentang encoding, tentang judul halaman kita, berbagai gaya, skrip, dan sebagainya dapat dihubungkan di sini. Anda akan melihat semua ini dalam pelajaran berikutnya.

Dan ini semua tag yang akan kita tulis di antara tag Dan, tergantung pada tujuannya, akan mempengaruhi secara tepat struktur kami halaman HTML.

Nah, menjadi lebih jelas apa itu HTML? Tapi kami tidak berhenti dan terus maju ...

Beberapa tag mungkin memiliki tag penutup dan beberapa mungkin tidak. Misalnya tag ada tag penutup. Seperti yang mungkin sudah Anda duga, tag ditutup dengan garis miring.

Sangat penting untuk menghormati tag pembuka dan penutup. Untuk menghindari kesalahan. Peramban mungkin tidak menampilkan kesalahan, tetapi struktur halaman Anda akan salah bahkan saat bekerja dengan gaya (di mana kami akan penampilan) akan menjadi masalah besar. Oleh karena itu, jika tag memiliki tag penutup, maka tag tersebut harus ada di tempat yang benar.

Mari kita ambil contoh bagaimana TIDAK menutup tag dan dalam urutan apa melakukannya. Contoh dua tag:

KODE HTML yang benar

Apa yang Anda lihat di atas - ini adalah urutan penulisan tag penutup yang benar. Tapi mungkin ada situasi seperti itu

KESALAHAN DALAM KODE HTML

Begitu dekat tag sangat dilarang!

Berlatih untuk memahami apa itu HTML...

Untuk mempelajari lebih lanjut tentang apa itu HTML, Anda hanya bisa berlatih. Anda dapat menggunakan editor teks apa pun untuk ini. Bahkan buku catatan. Tapi saya sarankan menggunakan Notepad++ karena masih banyak lagi fungsi untuk bekerja dengan HTML. Anda dapat mengunduhnya dari tautan Unduh Notepad++. Editor ini memiliki semua fitur untuk membuat dan mengedit halaman HTML.

Ayo mulai. Setelah membuka program, Anda akan melihat jendela berikut:

Untuk membuat halaman HTML, Anda harus memasukkan "tubuh" halaman di kotak ini. Anda dapat menyalin teks di bawah ini dan hanya menempelkannya. Tapi lebih baik memasukkan semuanya dengan tangan. Jadi Anda dapat dengan cepat mengingat dan terbiasa dengan tag.

Jadi, Anda harus mendapatkan yang berikut:

Selanjutnya, Anda perlu menyimpan halaman ini dalam format HTML. Untuk melakukan ini, klik menu "File", di sini klik "Save As ...". Masukkan nama halaman HTML. Saya menamakannya index.html. Kemudian simpan saja ke tempat yang nyaman di komputer Anda. Setelah itu, lampu latar akan muncul tag HTML, karena editor Notepad++ akan mengerti apa itu Dokumen HTML. Dan jauh lebih menyenangkan untuk bekerja dengan lampu latar.