HTML atau HyperText Markup merupakan sebuah bahasa untuk membuat halaman web. Paham kan maksudnya?
Kalau belum paham, sini saya jelaskan…Jadi, HTML itu adalah sebuah bahasa yang menggunakan markup atau penanda untuk membuat halaman web.
Penanda atau markup ini, nanti akan kita sebut dengan Tag.
HTML berperan untuk menentukan struktur konten dan tampilan dari sebuah web.Kalau kita ibaratkan nih.. HTML itu seperti batu bata untuk membangun rumah. Batu bata ini dapat disusun, hingga menjadi fondasi dasar.Oke, saya anggap kamu sudah paham tentang apa itu HTML serta peranannya dalam pembuatan web.
Berikut contoh coding yang biasa digunakan untuk pemula dalam membuat website diantaranya ada :
<!DOCTYPE html>
<html><!--Pembuka-->
<head><!--pembuka kepala-->
<title>Mengenal fungsi koding</title>
</head><!--penutup kepala-->
<body style="background-color:indianred;"><!--warna latar belakang-->
</body>
<!--contoh ketebalan tulisan-->
<h1>Kamu</h1> <!-- fungsi h1 juga untuk menebalkan tulisan-->
<h2>Kamu2</h2><!-- fungsi h2 juga untuk menebalkan tulisan tetapi sedikit lebih mengecil dari h1-->
<h3>Kamu3</h3><!-- fungsi h3 juga untuk menebalkan tulisan tetapi sedikit lebih mengecil dari h2-->
<h4>Kamu4</h4><!-- fungsi h4 juga untuk menebalkan tulisan tetapi sedikit lebih mengecil dari h3-->
<h5>Kamu5</h5><!-- fungsi h5 juga untuk menebalkan tulisan tetapi sedikit lebih mengecil dari h4-->
<h6>Kamu6</h6><!-- fungsi h6 juga untuk menebalkan tulisan tetapi sedikit lebih mengecil dari h5-->
<h1 style="font-size:60px;">Kamu</h1> <!--untuk ukuran tulisan di bagian h1-->
<!--contoh tata letak tulisan-->
<p>Saya</p>
<p>ini adalah<br>paragraf<br>saya</p>
<p>
Saya mahasiwa stim sukma
Saya semester 7
Saya jurusan informatika
</p><!-- fungsi pre ini untuk membuat tulisan ke samping-->
<pre>
saya mahasiwa stim sukma
Saya semester 7
Saya jurusan informatika
</pre> <!-- fungsi pre ini untuk membuat tulisan ke bawah-->
<!--contoh pewarnaan untuk tulisan-->
<body style="background-color:powderblue;">
<h1 style="background-color:powderblue;">Saya</h1>
<p style="background-color:tomato;">Ini adalah paragraf saya.</p>
<h1 style="color:blue;">Ini adalah saya</h1>
<p style="color:red;">Ini adalah text saya.</p>
<h1 style="font-family:verdana;">Ini adalah saya</h1>
<p style="font-family:courier;">Ini adalah paragraf saya.</p>
<h1 style="font-size:300%;">Ini adalah saya</h1>
<p style="font-size:160%;">Ini adalah paragraf saya.</p>
<h1 style="text-align:center;">Centered saya</h1>
<p style="text-align:center;">Centered saya paragraph.</p>
<!--cara memasukan link sosial media-->
<a href="url">link text</a>
<a href="https://www.instagram.com/Restudiyah_21//">Restudiyah_21!</a>
<a href="https://web.facebook.com/Restudiyah/" target="_blank">Restudiyah!</a>
<h2>Absolute URLs</h2>
<p><a href="https://www.instagram.com/Restudiyah//">instagram</a></p>
<p><a href="https://web.facebook.com/Restudiyah/">facebook</a></p>
<!--cara masukin gambar-->
<img src="y.jpg" alt="shani" style="width:90px;height:90px;">
<img src="j.jpg" alt="jkt48">
<!--cara masukin emojis-->
<p style="font-size:48px">
😀 😄 😍 💗
</p>
<p>I will merry you ?</p>
<p>I will display A B C</p>
<!--cara masukin video dan audio-->
<video width="320" height="240" controls>
<source src="y2mate.com - MV Flying High JKT48_v720P.mp4" type="video/mp4">
<source src="y2mate.com - MV Flying High JKT48_v720P.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<audio controls>
<source src="y2mate.com - MV Flying High JKT48.ogg" type="audio/ogg">
<source src="y2mate.com - MV Flying High JKT48.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
jika teman-teman ingin belajar lebih dalam mengenai program bisa japri saya
Komentar
Posting Komentar