Apa itu html tulis 10 tag dengan contoh?

Question

HTML can be expanded as Hypertext Markup Language, which is commonly used for the web based application development processes. It operates as a plain text file that can hold a variety of tags based on the requirement set for the said application. Tags in HTML can be defined as a means for instructing the program for modelling the web page. A few of the basic tags that can be seen in almost all the HTML documents are , , , , ,

,

, , _{, ^{, , ,
,
, , , , , header tags like h1, h2, h3, ..,
Tag ini dikenal sebagai tag header. H dalam nama tag memberi tahu kita dan browser bahwa kita sedang bekerja dengan tag header. Yang mengikuti h menunjukkan ukuran header yang sedang digunakan. Dalam hal ini, 1 adalah teks default terbesar yang dapat Anda tampilkan di browser. Output dari tag ini di browser akan menampilkan Hello World
Mulai Kursus Pengembangan Perangkat Lunak Gratis Anda
Pengembangan web, bahasa pemrograman, pengujian Perangkat Lunak & lainnya
Apa itu Atribut?
Atribut adalah nilai tambahan yang dapat mengonfigurasi tag atau menyesuaikan perilaku tag. Berikut adalah contoh sempurna dari tampilan tag dengan atribut yang ditambahkan
<button id=" SubmitPizza" class="btn">Add Pizza</button>
Nilai atribut id bisa apa saja yang Anda inginkan, meskipun tidak ada ruang di dalamnya. Atribut kedua adalah atribut class. Atribut kelas dapat mengambil beberapa nilai, yang dapat berupa apa pun yang Anda inginkan
Atribut Global
Atribut global dapat diatur pada semua tag. Mari kita membahas empat atribut global yang paling umum digunakan
Indo. Pertama adalah atribut id. Ini tidak menambahkan perubahan visual pada tag itu sendiri. Sebagian besar digunakan untuk JavaScript dan gaya, dengan CSS (Cascading Style Sheets). Nilai atribut id harus unik pada halaman tertentu. Artinya, tidak ada dua tag yang memiliki nilai yang sama dalam sebuah id
kelas. atribut kelas mirip dengan tag id, kecuali nilai atribut dapat diulang berkali-kali pada halaman tertentu. Anda akan menemukan ini sebagian besar digunakan dengan CSS dan terkadang dengan JavaScript
gaya. atribut style digunakan untuk Inline CSS. Itu harus dihindari jika memungkinkan
judul. title memberikan pengidentifikasi, atau semacam tooltip, untuk tag. Saat mouse telah diarahkan ke tag, di mana judul telah ditampilkan
Misalnya
Welcome!
_
Elemen Tingkat Blok vs Elemen Inline
Berikut ini adalah atribut dari elemen level Blok dan elemen Inline
Elemen Tingkat Blok. Mengambil seluruh lebar penampung induknya
Elemen Sebaris. Mengambil ruang saat ini yang ada di

Ini adalah ilustrasi dasar
Area hijau ini mewakili wadah induk. Dalam kasus kami, ini adalah jendela browser. Lebar browser, tag induk kita, akan menjadi lebar elemen tingkat blok
Area merah muda ini mewakili elemen atau tag tingkat blok kami. Seperti yang Anda lihat, mereka menempati seluruh lebar wadah induk. Ini berarti bahwa setiap tag harus dimulai pada baris berikutnya
Paket Pengembangan Perangkat Lunak Semua dalam Satu(600+ Kursus, 50+ proyek)
Harga
Lihat Kursus
600+ Kursus Daring. 50+ proyek. 3000+ Jam. Sertifikat yang Dapat Diverifikasi. Akses Seumur Hidup
4. 6 (86.388 peringkat)
Tiga area biru berikutnya adalah tag Inline. Seperti yang Anda lihat, mereka terletak berdampingan, hanya mengambil lebar yang diperlukan untuk konten yang mereka pegang. Ini akan lebih masuk akal saat kita melihat tag ini beraksi
Tag HTML Dasar yang berbeda
Sekarang mari kita bahas berbagai tag HTML
1. Tandai – DOCTYPE
<!DOCTYPE html>
DOCTYPE memberi tahu browser jenis file apa yang akan dibuka. Karena kami membuat kode dalam HTML5. HTML5 adalah versi terbaru dari bahasa Markup HTML; . Perhatikan, Tidak ada tag penutup. DOCTYPE sama seperti tag biasa dan dimulai dengan tanda kurung, lalu kita beri tanda seru, lalu kita ketik DOCTYPE. Kami memiliki ruang, lalu kami mengetik html. Tag ini pada dasarnya memberi tahu browser, hai, dokumen ini harus disajikan sebagai HTML

2. Tandai – html
<html></html>
Tag HTML, juga disebut elemen root, mengikuti tag DOCTYPE. Tag ini dapat memiliki atribut global normal plus atribut yang disebut manifes. Tag HTML hanya dapat digunakan sekali pada halaman HTML
Segala sesuatu yang berhubungan dengan HTML bersarang di dalam tag ini. Ini berarti bahwa semua tag kita akan ditempatkan di antara pembukaan dan penutupan tag HTML
3. Tandai – kepala
<head></head>
_
Tag head memberikan informasi umum tentang halaman web yang sedang ditampilkan. Tag individu ditambahkan di dalam tag head, yang memungkinkan browser mengetahui hal-hal spesifik tertentu, seperti judul halaman, penulis halaman, dan informasi lain semacam itu.
Tidak ada apa pun di tag kepala ini yang akan ditampilkan di halaman web. Namun, beberapa informasi ditampilkan di aplikasi browser sebenarnya, seperti judul tab. Ini adalah atribut global standar yang tersedia untuk tag ini
4. Label – tubuh
<body></body>
Tag body memberi tahu browser apa yang harus ditampilkan di halaman. Di dalam body, tag adalah tempat kita akan meletakkan semua konten kita, seperti tag dan teks. Apa pun yang ditempatkan di dalam tag tubuh akan ditampilkan di halaman web
Tag body ditempatkan setelah tag head di dalam tag HTML. Hanya ada satu tag body per halaman. Tag body dapat memiliki atribut global standar
5. Tag – rentang

_
Tag pertama kita adalah tag rentang. Tag ini adalah penampung Inline generik. Itu berarti tidak ada gaya default yang terkait dengannya. Anda ingin menggunakan tag ini jika Anda perlu mengelompokkan teks yang ingin Anda simpan bersama
6. Tag – hal

Tag paragraf, atau tag p, digunakan saat Anda ingin menyatukan satu paragraf teks. Elemen ini adalah elemen tingkat blok, artinya elemen ini menempati lebar wadah induknya. Penggunaan yang ideal adalah ketika Anda memiliki banyak teks untuk ditampilkan. Hanya atribut global yang diizinkan untuk elemen khusus ini
7. Tandai – div
<div></div>
_
Tag divisi, atau umumnya dikenal sebagai tag div, adalah wadah blok generik. Ini berarti Anda dapat mengelompokkan banyak tag untuk membuat bagian dari situs Anda. Tag ini adalah atribut global
8. Tandai – sub

_
Tag subskrip, atau subtag, memungkinkan berikutnya berada di bawah baris teks normal. Ini adalah elemen Inline karena menggunakan atribut global. Contoh penggunaan yang sempurna adalah membuat 2, di H2O, tampak kecil. Contoh. H2O

9. Tandai – sup
Welcome!
_0
Tag superskrip, atau tag sup, yang merupakan elemen sebaris, memungkinkan teks berada di atas garis teks normal. Contohnya adalah ketika berhadapan dengan persamaan matematika. Perhatikan bahwa 2 lebih tinggi daripada sisa teks dalam persamaan ini. Contoh. E = mc2 Ini adalah atribut global
10. Tag – kamu
Welcome!
_1
U singkatan dari garis bawah. Ini akan menggarisbawahi teks apa pun di dalam tag terbuka dan tertutup. Ini adalah elemen sebaris dan atribut global
11. Tag–em
Welcome!
_2
Tag em berarti penekanan. Dalam hal ini, ide untuk menekankan teks apapun akan membuat teks terlihat miring atau miring. Elemen sebaris ini digunakan saat Anda ingin mengekspresikan penekanan tertentu pada bagian teks Anda. Ini adalah atribut global
12. Tandai - kuat
Welcome!
_3
Jika Anda ingin membuat teks menjadi tebal, Anda akan menggunakan tag yang kuat. Tag sebaris ini ditempatkan di sekitar teks yang ingin Anda cetak tebal, seperti tag penekanan. Tag yang kuat memberi arti penting tambahan pada teks di situs web Anda
13. Tag – br
Welcome!
_4
Tag BR berdiri untuk istirahat. Ada beberapa tag yang tidak memerlukan tag penutup. Itu bukan blok dan elemen sebaris. Ini adalah atribut global
14. Tag – jam
Tag hr juga tidak membutuhkan tag penutup untuk melengkapinya. Tag hr, yang merupakan singkatan dari aturan horizontal, akan membuat garis pada halaman web. Ini adalah elemen tingkat blok. Ini adalah atribut global
15. Elemen/Tag Bersarang
Tag bersarang
Di mana satu tag berada di dalam tag lain
Contoh
16. Tag – li
Welcome!
_5
Tag li berdiri untuk item daftar adalah tag yang akan disarangkan. Di dalam li tag, Anda akan meletakkan semua jenis konten yang merupakan daftar
17. Tandai – ol
Welcome!
_6

Tag ol, berdiri untuk daftar yang dipesan, adalah wadah dari tag li bersarang. Anda tidak akan pernah melihat kedua tag ini, tag li atau ol, sendiri. Karena ini adalah daftar pesanan, artinya di sebelah setiap item dalam daftar, akan ada nilai. Secara default, daftar akan menggunakan angka. Atribut Global, dibalik, mulai, ketik (a, A, I, i)
18. Tag – ul
Welcome!
_7
Tag ul, atau unordered list, adalah wadah untuk tag li bersarang, seperti tag ol. Namun berbeda dengan tag ol, yang menampilkan nilai angka di sebelah masing-masing item dalam daftar, tag ul ini hanya memberikan poin-poin di sebelah daftar item dalam daftar.
19. Tandai – h1, h2, h3, h4, h5, h6
Ada enam tag tajuk total. Masing-masing dengan nomornya sendiri, mulai dari 1 hingga 6. Tag h1 dan semua tag header lainnya memberikan deskripsi singkat untuk bagian teks atau konten. Tag ini adalah atribut global
20. Tag – a
Tag, atau tag jangkar, adalah tag yang populer karena membuat tautan ke halaman lain di situs web, dan dapat membuat tautan ke situs web luar. Tag adalah elemen sebaris dan memiliki banyak atribut selain atribut global yang terkait dengannya
Welcome!
_8Satu atribut tambahan yang akan kami sebutkan adalah a href. Ini adalah singkatan dari Hypertext Reference. Hal utama yang perlu diingat adalah bahwa href adalah atribut tempat kita menyediakan path agar kita bisa menautkan ke halaman lain atau website lain. Atribut, href. Dan kami selalu ingin memasang tag penutup kami. Tautkan kembali ke Google. situs web com.
Keluaran
21. Tandai – img
Tag img, atau tag gambar, memberi kita kemampuan untuk menampilkan gambar di halaman kita
Welcome!
_9Sekarang Anda akan melihat pada contoh di sini bahwa tag gambar tidak memiliki tag penutup. Ini adalah salah satu dari segelintir tag. Namun berbeda dengan tag br dan tag hr, akhiran tag ini kami tandai dengan garis miring ke depan. Beberapa mungkin benar-benar menyebut ini sebagai cara singkat untuk menulis tag penutup
Atribut src dan atribut alt. Src, atau atribut sumber, seperti yang Anda lihat pada contoh, diperlukan
Sekarang nilai dari atribut ini adalah path ke foto yang ingin kita tampilkan. Jalur dapat berupa jalur absolut atau jalur relatif. Atribut lainnya adalah atribut alt. Ini singkatan dari alternatif. Nilai alt harus menjelaskan foto. Teks alt akan ditampilkan di browser seperti di bawah ini
Kesimpulan – Tag HTML Dasar
HTML secara harfiah adalah area subjek yang sangat besar, yang dianggap dimiliki. Ketika Anda telah berhasil mendapatkan sebanyak ini, meskipun Anda jauh lebih dari mampu untuk meningkatkan kekuatan evolusi terdepan. Anda harus jauh lebih aman, memecah halaman web menjadi item elemennya dan, setelah itu, kode yang terkait dengan HTML dan CSS
Artikel yang Direkomendasikan
Ini telah menjadi panduan untuk Tag HTML Dasar. Disini kita juga membahas apa itu Tag? . Anda juga dapat melihat artikel berikut untuk mempelajari lebih lanjut –

Apa itu HTML jelaskan 10 tag?
10 Tag HTML

Apa itu HTML dan tagnya beserta contohnya?
Sumber Bagan Tag HTML. www. sumber web. bersih
Menandai
Nama
Tampilan Peramban
besar (teks)
Contoh
badan dokumen
Konten halaman web Anda

jeda baris
Isi halaman Anda Isi halaman Anda
Tag HTML - CSUNwww. csun. edu › sains › bantuan › help_docs › html_tagsnull
Apa 10 tag HTML yang paling umum?
Sekarang mari kita lihat 10 tag tersebut. .
….
….
…
— A section heading. .. .
…
— A paragraph. .. .
… — A link. .. .
— Gambar. Elemen img memungkinkan Anda memasukkan gambar ke halaman web Anda. .
…
— A block-level container for content. .. .
… — An inline container for content..

Apa 20 tag dalam HTML?
Doctype html >, , dll.}}

kode html

Apa itu html tulis 10 tag dengan contoh?

Apa itu Atribut?

Atribut Global

Elemen Tingkat Blok vs Elemen Inline

Tag HTML Dasar yang berbeda

1. Tandai – DOCTYPE

2. Tandai – html

3. Tandai – kepala

4. Label – tubuh

5. Tag – rentang

6. Tag – hal

7. Tandai – div

8. Tandai – sub

9. Tandai – sup

10. Tag – kamu

11. Tag–em

12. Tandai - kuat

13. Tag – br

14. Tag – jam

16. Tag – li

17. Tandai – ol

18. Tag – ul

19. Tandai – h1, h2, h3, h4, h5, h6

20. Tag – a

21. Tandai – img

Kesimpulan – Tag HTML Dasar

Artikel yang Direkomendasikan

Apa itu HTML jelaskan 10 tag?

Apa itu HTML dan tagnya beserta contohnya?

Apa 10 tag HTML yang paling umum?

…

Apa 20 tag dalam HTML?

Pos Terkait

Periklanan

BERITA TERKINI

Toplist Popular

Periklanan

Terpopuler

Periklanan

Tentang Kami

Legal

Dukungan

Social