Belajar HTML part 2

Bismillahirrohamaanirrohiim ..

setelah kita belajar mengenai apa itu html dan bagaimana membuat struktur dasar nya . di part 2 ini kita akan belajar mengenai tag-tag basic yang akan sering di gunakan dalam pembuatan website dengan html.

Pertama, HTML Heading

untuk membuat heading atau judul besar maka dengan membuat tag <h1> sampai dengan tag <h6>

tag <h1> merupakan heading dengan ukuran yang paling besar sampai dengan <h6> dengan ukuran yang paling kecil.

contoh penggunaannya :

<h1>Heading ukuran paling besar</h1>
<h3>Heading ukurang tengah</h3>
<h6>Heading ukuran paling</h6>

kedua, HTML Paragraph

untuk membuat paragraf maka kita akan menggunakan tag <p> . setiap teks yang berada di antara tag pembuka <p> dan tag penutup </p> akan di tampilkan oleh browser menjadi satu paragraf.

contoh penggunaan :

<p>ini paragraf pertama </p>
<p>ini paragraf kedua </p>

ketiga, HTML Links

dalam membuat website pasti kita akan membuat link. link di gunakan untuk berpindah dari satu halaman website ke halaman lainnya atau menuju ke website lainnya.

untuk membuat link kita akan menggunakan tag <a> </a> .

contoh penggunaan :

<a href="https://medium.com"> Medium </a>
<a href="halaman_kedua.html"> Halaman Kedua </a>

untuk menentukan ke mana link tersebut akan berpindah, maka di buat dengan atribut href="" dengan nilai berupa url atau nama file yang akan di tuju.

keempat, HTML Images

dalam pembuatan website seringkali kita membutuhkan untuk menampilkan gambar, untuk menampilkan gambar kita akan menggunakan tag <img > .

contoh penggunaan

<img src="gambar_1.jpg" height="20px" width="20px">

di dalam tag img di atas terdapat 3 atribut yang kita gunakan yaitu atribut src yang berfungsi sebagai referensi ke lokasi foto tersebut berada, nilai atribut src bisa berisi nama file gambar yang masih berada di folder website kita atau bisa juga berada di luar website kita , lalu ada atribut height yang berfungsi untuk menentukan tinggi dari gambar dan atribut width yang di gunakan untuk menentukan lebar dari gambar yang akan kita tampilkan.

kelima , HTML Text Formatting

dalam pembuatan text sering kali kita ingin membuat sebuah text terlihat tebal, miring, ada garis bawah dan sebagainya. nah untuk itulah di perlukan html text formatting.

  • tag <b> di gunakan untuk membuat teks menjadi tebal seperti ini . maka semua teks yang berada di antara tag pembuka <b> dan tag penutup </b> akan menampilkan teks dengan format tebal. contoh penggunaan : <b> teks tebal </b>.
  • tag <i> di gunakan untuk membuat teks menjadi miring seperti ini. maka semua teks yang berada di antara tag pembuka <i> dan tag penutup </i> akan menampilkan teks dengan format miring. contoh penggunaan : <i> teks miring </i>.
  • tag <mark> di gunakan untuk membuat marking atau tanda kepada suatu teks . contoh penggunaan : <h2>HTML <mark>Marked</mark> Formatting</h2>
  • tag <del> di gunakan untuk membuat garis di tengah teks. menandakan bahwa teks itu sudah di hapus. contoh penggunaan : <p>My favorite color is <del>blue</del> red.</p>
  • tag <ins> di gunakan untuk membuat garis di bawah teks. contoh penggunaan : <p>My favorite <ins>color</ins> is red.</p>

terakhir, HTML Comment

dalam proses pembuatan website di kenal ada istilah komentar. komentar digunakan oleh programmer untuk membuat catatan mengenai hal apa yang sedang di buat dengan kode tersebut. contoh penggunaan :

<!-- kode di bawah ini digunakan untuk membuat paragraf -->
<p> ini adalah paragraf </p>

semua teks yang di taruh di komentar tidak akan di tampilkan di halaman website ketika di akses oleh web browser.

alhamdulillah, mungkin itu saja untuk belajar html part 2 , untuk selanjutnya kita akan belajar lebih mendetail lagi mengenai penggunaan css, links dan images.

Terima kasih, semoga bermanfaat

Tolong Like dan Share ya !

Leave a Reply

Your email address will not be published. Required fields are marked *