Pengenalan Elemen Dasar HTML

Pelajaran dasar untuk membuat halaman web adalah belajar HTML Dasar. Di dalam HTML dasar terdapat beberapa elemen yang harus kita ketahui agar belajar HTML lebih mudah di mengerti. Pada elemen HTML segalanya tag HTML selalu diawal tag awal dan ditutup dengan tag akhir/tag penutup.

Pengenalan Elemen Dasar HTML yang penting:

  1. HTML Judul/header
  2. HTML Paragraf
  3. HTML Links / hiperlink
  4. HTML Embed (Audio/Animasi)
  5. HTML Gambar

contoh:
Judul/header dalam HTML didefinisikan dengan tag <H1> sampai <H6>. Bisa huruf besar atau kecil dalam penulisan tag HTML. Semakin kecil nilai tag , semakin besar ukuran font tersebut . Dalam kode desain web , Untuk lebih SEO Friendly, saya direkomendasikan menggunakan H1 untuk judul posting .
Berikut contoh penulisan tag header HTML dasar:

<h1> html dasar tag h1 < / h1 >
<h2> html dasar tag h2 < / h2 >
<h3> html dasar tag h3 < / h3 >
<h4> html dasar tag h4 < / h4>
<h5> html dasar tag h5 < / h5 >
<h6> html dasar tag h6 < / h6 >

tag header

Tag paragraf dalam HTML dasar didefinisikan dengan <p> dengan tag penutup </p>.

<p align=”left”> Mengatur teks rata kiri < / p >
<p align =”right”> Mengatur teks rata kanan < / p >
<p align =”justify”> Mengatur teks rata kanan dan kiri < / p >

Tag link HTML dasar didefinisikan dengan tag <a> dengan tag penutup </a>.

<a href=”domaintujuan.html”> teks untuk link < / a>
<a href=”domaintujuan.html2″> <img src=”gambar.jpg”> < / a>

Untuk contoh ke-2 adalah link dengan gambar.

Tag Embed dalam HTML dasar bisa digunakan untuk menyisipkan mp3 , avi , swf , 3g , mp4 dll didefinisikan dengan tag <embed>. Contoh menyisipkan file mp3 html.

<embed src=”http://domain/upload/sheila.mp3″>
file mp3 akan diperoleh dari alamat di atas .

Untuk menyisipkan gambar dalam HTML definisi <embed> diganti dengan tag <img>

<img src=”http://domain/upload/gambar.jpg”>

membuat web statis html

Hanya penggantian sebelum “src” saja. Jangan lupa untuk extensi dari file yang disisipkan. Disarankan menyisipkan gambar pada halaman web berformat jpg, png, gif. Oke….

Itu Tadi Penjelasan pengenalan elemen html. Jangan khawatir kita akan tahu setelah mempelajari lebih lanjut tentang elemen dasar HTML tersebut. Saya harap kita belajar selangkah demi langkah tutorial web html dasar ini.

About Ganang Julianto 253 Articles
Si Anak dari Orang Tua tersayang ingin berbagi ilmu dengan harapan bermanfaat bagi orang lain. Situs SeputarTI.Com ini sebagai salah satu media berbagi saya, khususnya dibidang TI. Salam Kenal dari saya... :-)

Be the first to comment

Leave a Reply

Your email address will not be published.


*