Langsung ke konten utama

Belajar HTML bersama part 4 (Mengenal Tag Underline, Bold, dan Italic)

  


Salam sobat semua

Alhamdulillah saya ucapkan pada kesempatan kali ini, karena begitu banyak nikmat Tuhan yang telah di anugerahkan.

pada kali ini kita akan mencoba tag Underline, Bold, dan Italic. mungkin teman-teman sudah tidak asing lagi dengan istilah-istilah tersebut.

karena dalam microsoft word pun sudah ada istilah tersebut.


oke kawan kita langsung saja praktek dalam pembuatan tag underline, bold, dan italic sekalian kita bisa langsung melihat fungsi dari ketiga

tag tersebut.

- buka notepad++ nya dulu, kemudian biar file tidak tercampur dengan file kemaren, kita tinggal copy paste file yang kemaren atau kalian bisa lihat

disini

- sekarang setalah tercopy paste, kita pertama mencoba tag underline <u>.

<html>

<head>

<title>Website Pertama</title>

</head>

<body>

<p>Ini adalah baris pertama dari pembelajaran website saya yang pertama</p>

<p>Ini adalah baris kedua dari pembelajaran website saya yang pertama</p>

<p>Ini adalah baris ketiga dari pembelajaran website saya yang pertama

<br><u>Ini adalah baris break pertama dari pembelajaran website saya yang pertama</u>

<br>Ini adalah baris break kedua dari pembelajaran website saya yang pertama

</p>

<br>Ini adalah baris break pertama dari pembelajaran website saya yang pertama

<br>Ini adalah baris break kedua dari pembelajaran website saya yang pertama

</body>

</html>

1. dari kode diatas maka akan dihasilkan seperti berikut.


dengan melihat hasil diatas maka kita bisa menyimpulkan bahwa fungsi dari tag underline adalah untuk membuat tulisan ada garis di bawahnya.


- setalah mencoba underline, kita sekarang mencoba tag bold <b>. silahkan buat kode seperti berikut

<html>
<head>
<title>Website Pertama</title>
</head>
<body>
<p>Ini adalah baris pertama dari pembelajaran website saya yang pertama</p>
<p>Ini adalah baris kedua dari pembelajaran website saya yang pertama</p>
<p>Ini adalah baris ketiga dari pembelajaran website saya yang pertama
<br><u>Ini adalah baris break pertama dari pembelajaran website saya yang pertama
<br>Ini adalah baris break kedua dari pembelajaran website saya yang pertama</u>
</p>
<br><b>Ini adalah baris break pertama dari pembelajaran website saya yang pertama</b>
<br><b>Ini adalah baris break kedua dari pembelajaran website saya yang pertama</b>
</body>
</html>

 2. dari kode diatas maka akan dihasilkan seperti berikut.


jadi dengan melihat hasil diatas maka kita bisa menyimpulkan bahwa fungsi dari tag bold adalah untuk membuat tulisan bercetak tebal

- setalah mencoba bold, kita sekarang mencoba tag Italic <i>. silahkan copy paste kode berikut
<html>
<head>
<title>Website Pertama</title>
</head>
<body>
<p><i>Ini adalah baris pertama dari pembelajaran website saya yang pertama</i></p>
<p>Ini adalah baris kedua dari pembelajaran website saya yang pertama</p>
<p>Ini adalah baris ketiga dari pembelajaran website saya yang pertama
<br><u>Ini adalah baris break pertama dari pembelajaran website saya yang pertama
<br>Ini adalah baris break kedua dari pembelajaran website saya yang pertama</u>
</p>
<br><b>Ini adalah baris break pertama dari pembelajaran website saya yang pertama</b>
<br><i>Ini adalah baris break kedua dari pembelajaran website saya yang pertama</i>
</body>
</html>

3. Jika penulisan nya kalian benar, maka kode diatas akan menghasilkan seperti berikut



jadi setalah mencoba kode diatas dan dengan melihat hasil diatas maka kita bisa menyimpulkan bahwa fungsi dari tag italic adalah 

untuk membuat tulisan bercetak miring.


dari percobaan kita diatas, kita sudah mengetahui arti dan fungsi dari tag <u>,<b>, dan <i>.

semoga dari pembelajaran yang sedikit ini bisa bermanfaat,

dan kita lanjut di next tutorial selanjutnya.


Salam sobat semua

#html #free #pemrograman #programing #website #share #dekstop #windows #underline #bold #italic

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Install Perl

  Salam Sobat Semua ALhamdulillah Sholawat serta salam tetap tercurah kepada sang panutan sayyidina Muhammad S.A.W. untuk kesempatan kali ini saya ingin berbagi tentang Applikasi perl dan Instalasi nya. mungkin kebanyakan orang applikasi perl ini tidak begitu penting apalagi di kalangan designer. tapi lain kata dengan kalangan yang suka melakukan aktifitas hacking,cracking,carding dan programming. mereka akan sangat membutuhkan applikasi ini karena memang ada beberapa tool atau alat yang terbuat dari bahasa perl. dan Insya Allah nanti saya akan berbagi juga dasar dasar perl oke :D heheheh. ok langsung saja.  - Download applikasi instalasi perl di https://adsafelink.com/4vKs7DHTY7 - ekstrak dari winrar nya 1. klik dua kali applikasi instalasi perl yang sudah di download dan setalah muncul jendela seperti di gambar maka klik next 2. Pilih option i accept dan kemudian klik next seperti tampak pada gambar 3. di bagian jendela ini untuk settingannya kita pakai yang standard saja ti...
Posting Komentar
Baca selengkapnya

Belajar HTML bersama part 2(mengenai Tag Heading)

  Alhamdulillah segala puji bagi Rabb semesta alam yang masih di beri kesempatan bisa bertemu lagi di tulisan atau video ini. pada kesempatan kemaren kita sudah mencoba membuat file html. dan sekarang ayo kita mencoba yang lebih dalam mengenai HTML. di dalam file kemaren atau bacaan atau video kemaren ada beberapa isi body yang kita tahu. yaitu <h1> dan <p>. untuk kesempatan kali ini saya mencoba memberitahukan arti h1 itu dulu, dan next bacaan atau video kita lanjutkan yang lain. untuk h1 kalau dalam teori disebut heading yang fungsinya membuat tulisan di dalam body itu berukuran menurut ukuran sesuai sistem. h1 ini terdiri sampai h6. jadi kita nanti kita akan coba h1 sampai h6. sekarang kita coba buka notepad lagi dan tulis atau copy paste tulisan berikut <html> <head> <title>Website Pertama</title> </head> <body> </body> </html> kemudian diantara tag body kita tulis atau copy paste tag h1 kemudian di sav...
Posting Komentar
Baca selengkapnya