Dasar-Dasar Kode HTML (Container Tags)

WritingSkills.web.id - Kode-kode HTML memberitahu browser atau peramban, seperti Chrome , Safari , Edge , Firefox , Opera  atau yang lainn...

Dasar-Dasar Kode HTML (Container Tags)

WritingSkills.web.id - Kode-kode HTML memberitahu browser atau peramban, seperti Chrome, Safari, Edge, Firefox, Opera atau yang lainnya, bagaimana menampilkan sebuah halaman web. 

Banyak elemen-elemen HTML mengharuskan kode disimpan di antara opening tags dan closing tags. Sebagai contoh, tombol "Like" berikut dibuat di antara opening tag <button> dan closing tag </button>.
<button>Like</button>

Closing tag sangat mirip dengan opening tag. Perbedaan satu-satunya adalah closing tag berisi tanda garis miring (/).

Kita bisa mengkustomisasi teks (text) untuk tombol yang dibuat. Isi dari tombol disimpan di antara kedua tags tersebut. Sebagai contoh, kita akan membuat tombol "Comment":
<button>Comment</button>

Banyak elemen HTML memerlukan baik opening tags maupun closing tags, juga dikenal dengan istilah container tags. Paragraf adalah contoh lainnya dari elemen HTML, sebagai contoh:
<p>Pada suatu ketika...</p>

Kita bisa mengkombinasikan lebih dari satu elemen di dalam kode HTML. Sebagai contoh:
<p>Produk ini sangat bagus</p>
<button>Beli</button>

Output dari kode HTML di atas yang akan ditampilkan di browser adalah:

Contoh Kode Tombol dan Paragraf di HTML

Contoh kode HTML lainnya:
<p>Klik untuk info lebih lanjut</p>
<button>Klik saya</button>
<p>Sekarang Anda tahu lebih banyak</p>

Web browser bisa membaca kode-kode HTML dan menerjemahkannya ke dalam tampilan halaman web yang telah kita buat saat kita berselancar di internet. 

Kesimpulan dari tutorial kita tentang Dasar-Dasar Kode HTML ini adalah sebagai berikut:
  1. Elemen-elemen HTML seperti tombol dan paragraf memerlukan container tags
  2. Container tags terdiri dari opening tag <> dan closing tag </>

COMMENTS

Nama

American British English Differences,3,Belajar C#,6,Belajar Coding,43,Belajar HTML,11,Belajar JavaScript,2,Belajar PHP,1,Belajar Python,30,Business Letter,21,Business Letter Style,8,Business Letter Style Organization,3,Business Letter Style Outlook,2,Business Letter Style Tone,3,Business Memo,3,Chord Gitar,2,Dasar-Dasar C#,6,Dasar-Dasar HTML,11,Dasar-Dasar JavaScript,2,Dasar-Dasar PHP,1,Download,1,English Grammar,13,French Tutorial,3,Info Unik,12,Internet,2,Layout Formats,2,Letter Examples,6,List of Expressions,13,Main Gitar,9,Memo Examples,3,MS. Word Tutorial,4,Operator Perbandingan Python,4,Proyek Python,9,Psikotes,1,Redundancy,2,Sample of Letters,1,Statement if Python,6,While Loops Python,3,Writing Tutorial,25,
ltr
item
Writing Skills: Dasar-Dasar Kode HTML (Container Tags)
Dasar-Dasar Kode HTML (Container Tags)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4h1VZELanbHZ9wvTDfKMbXwuWIKwbZmrPV62KM-HSm38Da9IC9zt68oSvq7txxY6nKd4xA-Ru4JVIIXdeDGXFSovuCv-z36n3ylYSE3CtUGrd0ovUFX7jXhxaYYee_u3shF0XhWm2AKWZ89WgfzYr3EDqqtVAgAwcP_bHz6TgrB_Lpf74W2bMBjDRwRk6/w640-h320/Dasar-Dasar-Kode-Bahasa-HTML.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4h1VZELanbHZ9wvTDfKMbXwuWIKwbZmrPV62KM-HSm38Da9IC9zt68oSvq7txxY6nKd4xA-Ru4JVIIXdeDGXFSovuCv-z36n3ylYSE3CtUGrd0ovUFX7jXhxaYYee_u3shF0XhWm2AKWZ89WgfzYr3EDqqtVAgAwcP_bHz6TgrB_Lpf74W2bMBjDRwRk6/s72-w640-c-h320/Dasar-Dasar-Kode-Bahasa-HTML.jpg
Writing Skills
https://www.writingskills.web.id/2023/07/dasar-dasar-kode-bahasa-html-coding.html
https://www.writingskills.web.id/
https://www.writingskills.web.id/
https://www.writingskills.web.id/2023/07/dasar-dasar-kode-bahasa-html-coding.html
true
3599370990183318253
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content