Mungkin banyak dari teman-teman yang tidak mengetahui fungsi dari setiap koding nahhh maka dari itu saya akan menjelaskan step by step fungsi dan kegunaan masing-masing koding.
<!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>Syamsiah</h1> <!-- fungsi h1 juga untuk menebalkan tulisan-->
<h2>Syamsiah2</h2><!-- fungsi h2 juga untuk menebalkan tulisan tetapi sedikit lebih mengecil dari h1-->
<h3>Syamsiah3</h3><!-- fungsi h3 juga untuk menebalkan tulisan tetapi sedikit lebih mengecil dari h2-->
<h4>Syamsiah4</h4><!-- fungsi h4 juga untuk menebalkan tulisan tetapi sedikit lebih mengecil dari h3-->
<h5>Syamsiah5</h5><!-- fungsi h5 juga untuk menebalkan tulisan tetapi sedikit lebih mengecil dari h4-->
<h6>Syamsiah6</h6><!-- fungsi h6 juga untuk menebalkan tulisan tetapi sedikit lebih mengecil dari h5-->
<h1 style="font-size:60px;">Syamsiah</h1> <!--untuk ukuran tulisan di bagian h1-->
Hasil dari koding diatas
<!--contoh tata letak tulisan-->
<p>Syamsiah</p>
<p>ini adalah<br>paragraf<br>syamsiah</p>
<p>
Syamsiah mahasiwa stim sukma
Syamsiah semester 7
Syamsiah jurusan informatika
</p><!-- fungsi pre ini untuk membuat tulisan ke samping-->
<pre>
Syamsiah mahasiwa stim sukma
Syamsiah semester 7
Syamsiah jurusan informatika
</pre> <!-- fungsi pre ini untuk membuat tulisan ke bawah-->
hasil koding di atas
<!--contoh pewarnaan untuk tulisan-->
<body style="background-color:powderblue;">
<h1 style="background-color:powderblue;">Syamsiah</h1>
<p style="background-color:tomato;">Ini adalah paragraf syamsiah.</p>
<h1 style="color:blue;">Ini adalah syamsiah</h1>
<p style="color:red;">Ini adalah text syamsiah.</p>
<h1 style="font-family:verdana;">Ini adalah syamsiah</h1>
<p style="font-family:courier;">Ini adalah paragraf syamsiah.</p>
<h1 style="font-size:300%;">Ini adalah syamsiah</h1>
<p style="font-size:160%;">Ini adalah paragraf syamsiah.</p>
<h1 style="text-align:center;">Centered syamsiah</h1>
<p style="text-align:center;">Centered syamsiah paragraph.</p>
hasil koding di atas
<!--cara memasukan link sosial media-->
<a href="url">link text</a>
<a href="https://www.instagram.com/syam_photography18//">syam_photography18!</a>
<a href="https://web.facebook.com/syam.cengkal/" target="_blank">tengku syamsiah!</a>
<h2>Absolute URLs</h2>
<p><a href="https://www.instagram.com/syam_photography18//">instagram</a></p>
<p><a href="https://web.facebook.com/syam.cengkal/">facebook</a></p>
hasil koding diatas
<!--cara masukin gambar-->
<img src="y.jpg" alt="shani" style="width:90px;height:90px;">
<img src="j.jpg" alt="jkt48">
hasil koding di atas
<!--cara masukin emojis-->
<p style="font-size:48px">
😀 😄 😍 💗
</p>
<p>I will merry you ?</p>
<p>I will display A B C</p>
hasil koding di atas
<!--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>
hasil koding diatas
jika teman-teman ingin belajar lebih dalam mengenai program bisa dm aku
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
Komentar
Posting Komentar