Apa yang Harus Anda Ketahui Tentang Tag HTML
HTML adalah bahasa web. Halaman web yang Anda lihat di komputer atau ponsel Anda, termasuk yang ini, ditulis dalam Bahasa Markup Hypertext menggunakan apa yang dikenal sebagai "tag HTML". Anda dapat menganggap HTML sebagai "kode di bawah kap" yang mengontrol struktur halaman web.
Pada akhirnya, ketika Anda mempelajari bahasa baru, Anda mulai dengan frasa sederhana dan bangun dari sana. Belajar tentang HTML tidak berbeda. Anda akan mulai dengan menguasai tag HTML umum. Ini setara dengan mempelajari "frasa sederhana" dalam bahasa lisan. Ungkapan-ungkapan tersebut menjadi landasan di mana Anda membangun pengetahuan dan pidato Anda, sama seperti tag HTML adalah fondasi yang akan Anda kembangkan keterampilan pengembangan web Anda.
Format Tag HTML
Anda dapat mengenali tag HTML karena dikelilingi oleh karakter di awal dan akhir tag. Antara dua karakter ini adalah teks lain yang mendefinisikan jenis tag HTML apa yang sedang ditulis. Misalnya, jika Anda tahu bahwa "hr" berarti aturan horizontal (atau garis), Anda akan menulis ini untuk tag HTML:
Anda baru saja menulis tag HTML yang menggambarkan aturan horizontal pada halaman web.
Kebanyakan tag HTML datang berpasangan. Mereka ditempatkan di awal dan di akhir bagian teks untuk mendikte konten yang akan mereka isi. Pasangan tag ini membentuk elemen HTML . Ketika Anda mempelajari itu dan adalah tag pembuka dan penutup untuk membuat teks tebal, Anda mulai memahami bagaimana tag HTML memengaruhi tampilan teks di laman web.
Kalimat ini akan muncul dalam huruf tebal karena tag.
Perhatikan bahwa tag penutup yang kuat (yang merupakan singkatan dari "penekanan kuat dan yang, secara default, menjadikan teks sebagai tebal) identik dengan tag tebal pembukaan kecuali bahwa itu termasuk garis miring pada tag. Ini adalah format yang diikuti oleh sebagian besar Tag HTML. Tag pembuka dan tag penutup sama, dengan tambahan garis miring pada penutupan yang mengikuti karakter
Kombinasi Tag HTML
Tag HTML sering digunakan dalam kombinasi. Tag pembuka dan penutup untuk teks yang ditekankan (dicetak miring) adalah dan . Menambahkan tag italic ke satu kata dalam contoh kalimat tebal semua menyebabkan kata yang muncul tebal dan miring pada halaman web.
Kalimat ini akan muncul dalam huruf tebal karena tag.
Setiap kali beberapa tag digunakan bersama-sama dalam elemen halaman web, dengan beberapa tag muncul di dalam yang lain, mereka disebut sebagai tag HTML nested. Anda harus ingat bahwa tag bertingkat, yang merupakan tag di dalam yang lain, harus ditutup sebelum tag mereka yang berisi dapat ditutup. Lihatlah contoh ini:
Ini adalah teks yang ditekan untuk alasan tertentu.
Anda harus memperhatikan bahwa tag dibuka di dalam , yang artinya harus ditutup sebelum tag penutup muncul. Pikirkan tag bertingkat seperti kotak di dalam kotak lain. Kotak interior harus ditutup sebelum bagian luarnya, yang berisi kotak.
Tag HTML dan Halaman Web
Ada lusinan tag HTML dalam HTML yang valid. Beberapa tag HTML mendikte elemen dasar yang sangat umum seperti paragraf, sementara yang lain lebih rumit dan menambahkan lebih banyak fungsi, seperti tautan atau tag "jangkar". Daftar tag HTML memberikan snapshot dari banyak fungsi yang dapat dilakukan tag pada halaman web menggunakan tag.
Ada juga beberapa tag yang diperlukan dari semua halaman web. Ketika Anda membangun halaman pertama Anda, Anda akan menggunakan tag , yang memulai halaman web;
yang memberi tahu browser apa yang ditampilkan di bagian atas panel peramban, dan <body>, yang merupakan tempat semua informasi halaman web berjalan dan merupakan bagian terbesar dari halaman Anda. </p>
<p> Daftar tag HTML tidak banyak membantu sampai Anda menyelesaikan tutorial HTML, tetapi setelah Anda melakukannya, Anda dapat menggunakan tag HTML untuk membangun halaman web Anda sendiri. Satu catatan, jangan diliputi oleh jumlah tag HTML yang mungkin. Meskipun ada ratusan tag yang mungkin digunakan, kenyataannya adalah Anda cenderung hanya menggunakan beberapa dari mereka berulang kali. Bahkan, ada beberapa tag HTML yang saya tidak pernah gunakan bahkan sekali dalam beberapa dekade saya bekerja desain web! </p>
<h3> Tag yang Dibatalkan </h3><p> <a href="https://id.eyewated.com/referensi-html-5-html-5-tag-secara-abjad/">HTML5</a> adalah standar markup saat ini. Beberapa tag yang digunakan dalam versi HTML sebelumnya kini ditangani oleh lembar gaya dalam HTML5. Tag HTML yang tidak digunakan lagi telah dihapus dari spesifikasi HTML. Yang terbaik adalah tidak menggunakan tag usang. </p>
<p> Artikel asli oleh Jennifer Krynin. Diedit oleh Jeremy Girard pada 5/2/17 </p>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://id.eyewated.com/pelajari-tentang-menggunakan-validator-html-untuk-menemukan-kesalahan/">
<amp-img src="https://exse.eyewated.com/pict/b1275ec04383338c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/pelajari-tentang-menggunakan-validator-html-untuk-menemukan-kesalahan/">Pelajari Tentang Menggunakan Validator HTML untuk Menemukan Kesalahan</a></h3>
<div class="amp-related-meta">
Desain & Dev Web </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/apa-itu-atribut-id/">Apa itu Atribut ID?</a></h3>
<div class="amp-related-meta">
Desain & Dev Web </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/kode-html-untuk-karakter-bahasa-yunani/">
<amp-img src="https://exse.eyewated.com/pict/7a8b040e8474302f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/kode-html-untuk-karakter-bahasa-yunani/">Kode HTML untuk Karakter Bahasa Yunani</a></h3>
<div class="amp-related-meta">
Desain & Dev Web </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/data-tabular-dan-penggunaan-tabel-di-xhtml/">
<amp-img src="https://exse.eyewated.com/pict/0c22b38418ef3120-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/data-tabular-dan-penggunaan-tabel-di-xhtml/">Data Tabular dan Penggunaan Tabel di XHTML</a></h3>
<div class="amp-related-meta">
Desain & Dev Web </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/bagaimana-cara-memasukkan-html-dalam-banyak-dokumen-menggunakan-php/">
<amp-img src="https://exse.eyewated.com/pict/a0bdfad37a7c3575-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/bagaimana-cara-memasukkan-html-dalam-banyak-dokumen-menggunakan-php/">Bagaimana Cara Memasukkan HTML dalam Banyak Dokumen Menggunakan PHP</a></h3>
<div class="amp-related-meta">
Desain & Dev Web </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/catatan-facebook-tidak-lagi-mendukung-html-tapi-masih-memiliki-opsi/">
<amp-img src="https://exse.eyewated.com/pict/ff980faaa43d2ff6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/catatan-facebook-tidak-lagi-mendukung-html-tapi-masih-memiliki-opsi/">Catatan Facebook Tidak Lagi Mendukung HTML, Tapi Masih Memiliki Opsi</a></h3>
<div class="amp-related-meta">
Desain & Dev Web </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/menulis-kode-html-di-dreamweaver/">
<amp-img src="https://exse.eyewated.com/pict/c28f4e88a9aa328f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/menulis-kode-html-di-dreamweaver/">Menulis Kode HTML di Dreamweaver</a></h3>
<div class="amp-related-meta">
Desain & Dev Web </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/sebuah-pengantar-bluefish-text-html-editor/">
<amp-img src="https://exse.eyewated.com/pict/1c9b46d24949324c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/sebuah-pengantar-bluefish-text-html-editor/">Sebuah Pengantar Bluefish Text HTML Editor</a></h3>
<div class="amp-related-meta">
Desain & Dev Web </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/mengapa-menggunakan-semantic-html/">
<amp-img src="https://exse.eyewated.com/pict/8d74079c1c6b33e9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/mengapa-menggunakan-semantic-html/">Mengapa Menggunakan Semantic HTML?</a></h3>
<div class="amp-related-meta">
Desain & Dev Web </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://id.eyewated.com/ketika-amazon-echo-fitbit-teknologi-lainnya-adalah-saksi-untuk-pembunuhan/">
<amp-img src="https://exse.eyewated.com/pict/82e6391198cc3404-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/ketika-amazon-echo-fitbit-teknologi-lainnya-adalah-saksi-untuk-pembunuhan/">Ketika Amazon Echo, Fitbit & Teknologi Lainnya Adalah Saksi untuk Pembunuhan</a></h3>
<div class="amp-related-meta">
Baru & Berikutnya </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/meningkatkan-kualitas-suara-dengan-perawatan-akustik-ruangan/">
<amp-img src="https://exse.eyewated.com/pict/1a37f705edf232d6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/meningkatkan-kualitas-suara-dengan-perawatan-akustik-ruangan/">Meningkatkan Kualitas Suara Dengan Perawatan Akustik Ruangan</a></h3>
<div class="amp-related-meta">
Home Theater </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/apa-itu-pencarian-paten-google/">
<amp-img src="https://exse.eyewated.com/pict/f1bd76ffae8e3820-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/apa-itu-pencarian-paten-google/">Apa itu Pencarian Paten Google?</a></h3>
<div class="amp-related-meta">
Pencarian web </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/8-camcorder-terbaik-untuk-beli-untuk-anak-anak-di-2018/">8 Camcorder Terbaik untuk Beli untuk Anak-Anak di 2018</a></h3>
<div class="amp-related-meta">
Ulasan produk </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/epson-perfection-v330-photo-scanner/">Epson Perfection V330 Photo Scanner</a></h3>
<div class="amp-related-meta">
Ulasan produk </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/pusat-jaringan-dan-berbagi-vista/">
<amp-img src="https://exse.eyewated.com/pict/09294f82b8e736c7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/pusat-jaringan-dan-berbagi-vista/">Pusat Jaringan dan Berbagi Vista</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://id.eyewated.com/cara-meminta-putih-domain-di-aplikasi-mail-mac-os-x/">
<amp-img src="https://exse.eyewated.com/pict/f41ed918c97d43e5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/cara-meminta-putih-domain-di-aplikasi-mail-mac-os-x/">Cara Meminta Putih Domain di Aplikasi Mail Mac OS X</a></h3>
<div class="amp-related-meta">
Mac </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/gsmartcontrol-v1-1-3/">
<amp-img src="https://exse.eyewated.com/pict/e29111911342328c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/gsmartcontrol-v1-1-3/">GSmartControl v1.1.3</a></h3>
<div class="amp-related-meta">
Perangkat Lunak & Aplikasi </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/6-jaringan-sosial-buku-besar/">
<amp-img src="https://exse.eyewated.com/pict/576b6e54648d342f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/6-jaringan-sosial-buku-besar/">6 Jaringan Sosial Buku Besar</a></h3>
<div class="amp-related-meta">
Media sosial </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/6-game-wii-paling-romantis/">
<amp-img src="https://exse.eyewated.com/pict/4086302a29ba2ed9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/6-game-wii-paling-romantis/">6 Game Wii Paling Romantis</a></h3>
<div class="amp-related-meta">
Game </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/apa-itu-sertifikasi-keamanan-ti-casp-dari-comptia/">
<amp-img src="https://exse.eyewated.com/pict/26f4a4f7b57a2f54-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/apa-itu-sertifikasi-keamanan-ti-casp-dari-comptia/">Apa itu Sertifikasi Keamanan TI CASP Dari CompTIA</a></h3>
<div class="amp-related-meta">
Pencarian web </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/cara-meretas-clash-of-clans/">
<amp-img src="https://exse.eyewated.com/pict/28928369d9ce36db-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/cara-meretas-clash-of-clans/">Cara Meretas Clash of Clans</a></h3>
<div class="amp-related-meta">
Game </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/trojan-apakah-itu-virus/">
<amp-img src="https://exse.eyewated.com/pict/53885df97aa4361a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/trojan-apakah-itu-virus/">Trojan: Apakah itu Virus?</a></h3>
<div class="amp-related-meta">
Anti Virus </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/apakah-anda-akan-kehilangan-data-atau-aplikasi-ipad-anda-jika-anda-meng-upgrade/">
<amp-img src="https://exse.eyewated.com/pict/aa3e1240ab4c3d82-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/apakah-anda-akan-kehilangan-data-atau-aplikasi-ipad-anda-jika-anda-meng-upgrade/">Apakah Anda Akan Kehilangan Data atau Aplikasi iPad Anda Jika Anda Meng-Upgrade?</a></h3>
<div class="amp-related-meta">
IPad </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/demo-demo-left-4-dead-2/">
<amp-img src="https://exse.eyewated.com/pict/c390719e2c0634f0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/demo-demo-left-4-dead-2/">Demo Demo Left 4 Dead 2</a></h3>
<div class="amp-related-meta">
Game </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/apa-itu-bom-logika/">
<amp-img src="https://exse.eyewated.com/pict/bff9ffc913653138-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/apa-itu-bom-logika/">Apa itu Bom Logika?</a></h3>
<div class="amp-related-meta">
Anti Virus </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/kutipan-dari-film-the-notebook/">
<amp-img src="https://exse.eyewated.com/pict/5ab51ba442ed36ad-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/kutipan-dari-film-the-notebook/">Kutipan dari Film "The Notebook"</a></h3>
<div class="amp-related-meta">
Ulasan produk </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/panduan-lengkap-untuk-android-auto/">
<amp-img src="https://exse.eyewated.com/pict/4d8b3bce03ff3884-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/panduan-lengkap-untuk-android-auto/">Panduan Lengkap untuk Android Auto</a></h3>
<div class="amp-related-meta">
Android </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/penginstal-pengemudi-snappy-1-18-4/">
<amp-img src="https://exse.eyewated.com/pict/420a72d41373387d-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/penginstal-pengemudi-snappy-1-18-4/">Penginstal Pengemudi Snappy 1.18.4</a></h3>
<div class="amp-related-meta">
Perangkat Lunak & Aplikasi </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/15-berguna-safari-extensions-untuk-iphone-dan-ipod-touch/">15 Berguna Safari Extensions untuk iPhone dan iPod touch</a></h3>
<div class="amp-related-meta">
Perangkat Lunak & Aplikasi </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/cara-mematikan-menyoroti-pesan-apple-di-mac-os-x-mail/">
<amp-img src="https://exse.eyewated.com/pict/b485aedb28853af6-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/cara-mematikan-menyoroti-pesan-apple-di-mac-os-x-mail/">Cara Mematikan Menyoroti Pesan Apple di Mac OS X Mail</a></h3>
<div class="amp-related-meta">
Mac </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://id.eyewated.com/guitar-hero-daftar-lagu-lengkap-metallica/">
<amp-img src="https://exse.eyewated.com/pict/1edb09dc3fea33bb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://id.eyewated.com/guitar-hero-daftar-lagu-lengkap-metallica/">Guitar Hero: Daftar Lagu Lengkap Metallica</a></h3>
<div class="amp-related-meta">
Game </div>
</div>
</div>
</div></article>
<footer class="amp-wp-footer">
<div class="amp-wp-footer-inner">
<a href="#" class="back-to-top">Back to top</a>
<p class="copyright">
© 2024 id.eyewated.com </p>
<div class="amp-wp-social-footer">
<a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a>
</div>
</div>
</footer>
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.235 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:34:48 -->
<!-- 0.002 -->