Please enable JavaScript.
Coggle requires JavaScript to display documents.
Catatan Belajar TamaAndy.com: HTML Dasar BuildwithAngga.com - Coggle…
Catatan Belajar TamaAndy.com: HTML Dasar BuildwithAngga.com
Singkatan
Hypertext Markup Language
Pengertian
bahasa markup yang digunakan oleh website developer untuk membuat struktur utama pada suatu website,
Ruang Lingkup
Navigation, Header, Footer, Body, Content dll
Alat Belajar
Google chrome & Visual Studio
Struktur Dasar HTML
<html> <head> <body>
contoh tampilan
Step Belajar
6.1. Install live server di visual studio code
6.2. <h1></h1> , <h2></h2> , <h3></h3> hingga <h6></h6>
6.3. <p></p> dan <br>
6.4. <ol><li><ul><li> </li></ul></li></ol>
6.5. <a href="[target url]">[anchor text]</a> atau <a target="_blank" href="[target url]">[anchor text]</a>
6.6. <img src="[image source url]" alt="[alt]"> atau <img height="200" src="images/scenery.jpg" alt="gambar pemandangan">
6.7. <section></section>
6.8. <nav> </nav>
contoh nav
6.9. <footer> </footer>
contoh footer
6.10. <div></div>
contoh div
6.11. table
contoh table
<table></table>
<tr></tr> = table row
<th></th> = table header
<td></td> = table data
6.12. form login
contoh form login
<form action=""> </form> (khusus form yang menggunakan javascript atau php)
<form></form>
<p>Username:</p><input type="text" name="username"/>
<p>Password:</p><input type="password" name="password">
6.13. Form login dapat masuk ke halaman login admin.html <form action="admin.html"> </form>
contoh form dengan action
6.14. <progress value="10" max="30"></progress>
Contoh Codingnya
|
Contoh tampilannya
6.15. Colors pada text
codingnya
|
hasil tampilannya
<font color="green">Perkenalan</font>
<font color="#63cdda">Riset Pertama</font>
6.16. Text Formatting
bold <strong>3 dimensi</strong>
italic <i>1</i>
underline <u>Download Online</u>