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

Ahbabul Musthofa

Ahbabul Musthofa adalah nama majelis yg diasuh oleh Alhabib Hasan bin Ismail Al-muhdor yang berada di daerah Jawatimur Probolinggo kraksaan Widoro. Ahbabul Musthofa berdiri kurang lebih d tahun 2006. Majelis Ahbabul Musthofa adalah tempat berkumpulnya manusia - manusia pecinta Al-Musthofa dari semua kalangan dan dari segala penjuru pelosok desa. Majelis ini mempunyai stasion radio yang berada pada frekuensi 107.3 fm. selain stasion Radio Ahbabul Musthofa juga mempunyai sumber air minum untuk umat sekitar kraksaan probolibggo. kita bisa mengambilnya secara gratis di sumber mata airnya langsung. Rasa airnya sungguh sungguh sangat enak, tidak kalah rasa dengaan air pasaran yang bermerk seperti aqua. Majelis ini juga sering mengadakan acara-acara positif yang menggiring para pemuda untuk ikut serta dalam acara tersebut, seperti berkeliling se kota kraksaan pada malam 1 Rojab dalam rangka berziaroh ke maqbaroh para orang-orang sholeh atau orang-orang pendahulu yang berjasa menyebarkan i...
Posting Komentar
Baca selengkapnya

belajar CSS dasar bersama part 10 : Mengenal dan membuat gaya teks dengan Properti text css

   dalam css ada juga yang namanya properti text, jadi untuk kali ini kita akan mencoba dan memahami apa itu text dan fungsi text itu apa dan bagaimana kita menerapkan text dalam kode css, tapi sebelumnya izinkan saya untuk mengucapkan salam sobat semua Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah diberikan kepada diri ini, dan salah satu nikmat tersebut bisa menulis dan berbagi dalam tulisan ini dengan kalian. dan sholawat serta salam tetap terpanjatkan untuk baginda sayyidina Muhammad S.A.W. dalam kesempatan kali ini kita akan mencoba merubah bentuk dan gaya tulisan pada css dengan menggunakan properti text. properti text ini juga sering sekali digunakan dalam pembuatan web di baris kode css. jadi properti text ini merupakan suatu hal penting juga dalam pembuatan baris kode css. agar lebih jelas dan lebih mudah memahaminya mari kita langsung saja terapkan dalam baris-baris kode css kita. untuk kalian yang sudah mengikuti tulisan ini bisa kalian duplikat atau ...
Posting Komentar
Baca selengkapnya