Sabtu, 07 Oktober 2017

Belajar HTML - Part 2


Karena pada artikel sebelumnya kita telah mencoba coding menggunakan HTML , sekarang mari kita coba apa saja sih elemen elemen yang ada di dalam HTML.

HTML Basic

Pada kali ini kita akan mempelajari dahulu basic - basic yang ada di HTML, jika sebelumnya kita telah belajar ngoding bahasa HTML tetapi belum mengerti basicnya di artikel kali ini kita akan membahasnya secara men-detail

Jika kalian belum pernah membaca artikel sebelumnya, silahkan baca artikel sebelumnya disini


Pertama ada yang namanya headings, kalian perlu tau bagaimana bedanya headings itu. Jika kalian merupakan salah seorang blogger kalian pasti mengerti apa itu maksud dari tag headings , tetapi jika kalian selaku pengguna microsoft word anggap saja bahwa ini adalah Judul dan Sub Judul pada dokumen yang kalian buat.

<h1>Ini adalah html heading menggunakan H1</h1><br/>
<h2>Ini adalah html heading menggunakan H2</h2><br/>
<h3>Ini adalah html heading menggunakan H3</h3><br/>
<h4>Ini adalah html heading menggunakan H4</h4><br/>
<h5>Ini adalah html heading menggunakan H5</h5><br/>
<h6>Ini adalah html heading menggunakan H6</h6><br/>

Kedua ada yang namanya paragraph, paragraph ini biasanya menggunakan tanda <p> berfungsi ketika kita ingin menulis sebuah kumpulan kata / artikel agar menjadi satu paragraph yang padu.

<p>Ini adalah paragraph</p>
<p>Paragraph ini dibuat agar kalian bisa mengerti tentang fungsi paragraph di HTML</p>

Ketiga ada yang namanya link, link ini berfungsi ketika kita ingin membuat tulisan seperti "Download disini" ataupun ke url mana saja yang kalian mau dibawah ini adalah contohnya dimana pada href="YOURURL" masukkan url yang kalian inginkan.

<a href="https://blog.hooplaworld.com">Link BlogHW</a>

Keempat yaitu image atau gambar, bagaimana caranya menyisipkan sebuah gambar kedalam website kalian ? Tentu kalian bisa menggunakan contoh dibawah ini

<img src="http://url" alt="Ini Alt Gambar" width="1366" height="768"/>

Nah ini adalah basic - basic dari HTML jika kalian ingin melihat hasilnya, bisa kalian dibawah ini mengenai perbedaan dari headings, paragraphs, link, dan img.


Sekian artikel kali ini, tentunya akan kita bahas kembali tutorial selanjutnya tentang Belajar HTML.
Disqus Comments