Script Element HTML Menengah: Penjelasan Lengkap dan Contoh Praktis
Artikel ini membahas lanjutan pembelajaran HTML tingkat menengah yang berfokus pada struktur data, multimedia, dan penulisan kode yang rapi serta SEO-friendly.
Jika kamu belum mempelajari HTML dasar, sangat disarankan membaca artikel utama berikut:
Script HTML Dasar – coding.mampirklik.com
1. List Element HTML
Unordered List
<ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> {codeBox}
Ordered List
<ol> <li>Belajar HTML</li> <li>Belajar CSS</li> <li>Belajar JavaScript</li> </ol> {codeBox}
2. List Element Nesting dan Indentasi
<ul> <li>Frontend <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> </li> <li>Backend <ul> <li>Node.js</li> <li>PHP</li> <li>Python</li> </ul> </li> </ul> {codeBox}
3. Table Element HTML
<table border="1"> <thead> <tr> <th>Bahasa</th> <th>Tipe</th> <th>Level</th> </tr> </thead> <tbody> <tr> <td>HTML</td> <td>Markup</td> <td>Dasar</td> </tr> <tr> <td>CSS</td> <td>Style</td> <td>Menengah</td> </tr> </tbody> </table> {codeBox}
$ads={1}
4. Image Element HTML
<img src="gambar-html.jpg" alt="Contoh Image Element HTML" width="300"> {codeBox}
5. Video Element HTML
<video width="480" controls> <source src="video.mp4" type="video/mp4"> Browser Anda tidak mendukung video HTML5. </video> {codeBox}
6. Iframe Element HTML
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen> </iframe> {codeBox}
Script Element HTML Menengah membantu kamu menulis struktur halaman yang lebih profesional, rapi, dan SEO-friendly. Dengan kombinasi list, table, image, video, dan iframe, website kamu akan lebih informatif dan optimal di mesin pencari.