Searching...
Home → → Pengenalan HTML

Pengenalan HTML

Tuesday, 16 December 2014

Pengertian singkat tentang HTML 

HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.

Menyunting Format Tulisan.HTML memungkinkan kita untuk menyunting tampilan atau format berkas yang akan kita kirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah :
  • Kita dapat menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
  • Kita dapat menampilkan tulisan dalam bentuk cetakan tebal
  • Kita dapat menampilkan sekelompok kata dalam bentuk miring
  • Kita dapat menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
Kita dapat mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.


ELEMEN DASARJenis Dokumen
<HTML></HTML>(terdapat pada awal dan akhir dari file HTML)

Judul
<TITLE></TITLE>(harus selalu terdapat pada mukadimah)

Mukadimah (Header)
<HEAD></HEAD>(keterangan umum, seperti judul dsb.)

Batang Tubuh
<BODY></BODY>

ANCANGAN STRUKTURAL
Kepala <Head></Head>(Heading - spesifikasi untuk menetapkan 6 tingkatan kepala)

Penataan (Align) Kepala
<Head ALIGN=LEFT|CENTER|RIGHT></Head>


Bagian (Division)
<DIV></DIV>

Penataan Bagian
<DIV ALIGN=LEFT|RIGHT|CENTER></DIV>

Kutipan Blok (Block Quote)
<BLOCKQUOTE></BLOCKQUOTE>(tampilan dengan jeda terhadap batas pinggir)

Penekanan (Emphasis)
<EM></EM>(umumnya huruf miring)

Penguatan (Strong Emphasis)
<STRONG></STRONG>(umumnya huruf tebal)

Kutipan singkat (Citation)
<CITE></CITE>(umumnya huruf miring)

Kode
<CODE></CODE>(Code - untuk source code listings)

Contoh Keluaran
<SAMP></SAMP>(Sample Output)

Masukan Papan Ketik
<KBD></KBD>(Keyboard Input)

Variabel
<VAR></VAR>(Variable)

Definisi
<DFN></DFN>(Definition - jarang dipakai)

Alamat Pengarang (Author's Address)
<ADDRESS></ADDRESS>

Huruf ukuran Besar
<BIG></BIG>

Huruf Ukuran Kecil
<SMALL></SMALL>HTML HeadingsHeading atau Judul ditulis menggunakan tag <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>.
<h1>Judul</h1><h2>Judul</h2><h3>Judul</h3>HTML ParagraphsParagraf ditulis menggunakan tag <p>.
1
2
3
4
5
6

<p>Paragraf pertama</p>
<p>Paragraf kedua</p>
<p>Paragraf ketiga</p> 
<p>Paragraf keempat</p>
<p>Paragraf kelima</p>
<p>Paragraf keenam</p>
HTML Links
Links ditulis menggunakan tag <a>.

<a href="http://www.lyonetta.blogspot.com/">lyonetta.blogspot.com</a>
HTML ImagesGambar ditulis menggunakan tag <img>.

<img src="Masukan nama file gambar anda Disini" width="738" height="327" />
contoh= 

<img src="blogger.jpg" width="738" height="327" />

Elemen HTML

Elemen <body>. Elemen ini mendefinisikan suatu konten yaitu body / tubuh dokumen HTML. Bagian ini adalah konten halaman web yang akan tertampil pada halaman web. Elemen ini dimulai dengan start tag <body> dan diakhiri dengan end tag </body>.
Kriteria dari HTML 
  • - Adalah dokumen web, disebut juga web page,  
  • - HTML adalah bahasa markup “<”, ”>” (bukan bahasa pemrograman) 
  • - HTML terdiri dari sekumpulan tag. Setiap tag selalu diapit oleh tanda “<“ dan “>” 
  • - Beberapa tag harus ditutup, misal <p> ditutup dengan </p> 
  • - Ada beberapa tag tidak perlu ditutup, misal <br> 
  • - Web browser akan menerjemahkan setiap tag  kedalam suatu bentuk tampilan yang mengasilkan sebuah output berupa interface web yang biasanya berupa kobinasi gambar,warna dan text.
Struktur Penulisan HTML<html>
  <head><title> Judul dari halaman web </title></head>
  <body>  isi dokumen yang akan ditampilkan dalam web </body>
</html>  
Keterangan :-  Setiap dokumen HTML di awali dan di akhiri dengan tag HTML.Contoh : <html> . . .</html> -  Setiap judul dokumen HTML :di awali dengan tag <HEAD><TITLE> dan di akhiri dengan tag </TITLE> </HEAD>Contoh : <head>  <title> ...</title>  </head> -  Setiap isi dokumen HTML di awali tag <BODY> dan diakhiri dengan tag  </BODY>Contoh : <body>   . . . . . </body>  Ada beberapa komponen/tag html dasar yang perlu kita ketahui, antara lain :
  1. -  <html></html> : Mendefinisikan sebuah dokumen html  
  1. -  <body></body> : Mendefinisikan isi/badan suatu dokumen 
  1. -  <h1>-<h6> : Mendefinisikan heading ke 1 s/d heading ke 6 
  1. -  <p></p> : Mendefinisikan sebuah paragraf 
  1. -  <br> : Menyisipkan sebuah line break 
  1. -  <hr> : Mendefinisikan sebuah garis horisontal 
  1. -  <!--> : Mendefinisikan komentar dalam kode sumber HTML
Tag untuk pemformatan teks dasar 
  1. -  <b>  Mendefinisikan teks tebal 
  1. -  <big>  Mendefinisikan teks yang lebih besar  
  1. -  <em>  Mendefinisikan teks yang dimiringkan  
  1. -  <i>  Mendefinisikan teks yang dimiringkan 
  1. -  <small>  Mendefinisikan teks yang lebih kecil 
  1. -  <strong>  Mendefinisikan teks tebal 
  1. -  <sub>  Defines subscripted text 
  1. -  <sup>  Mendefinisikan teks yang posisinya lebih ke atas 
  1. -  <ins>  Mendefinisikan teks yang bergaris bawah 
  1. -  <del>  Mendefinisikan teks yang hendak dihapus 
Tag untuk list
  1. -  <ol>  Mendefinisikan sebuah list ordered 
  1. -  <ul>  Mendefinisikan sebuah list unordered 
  1. -  <li>  Mendefinisikan sebuah item dalam list 
  1. -  <dl>  Mendefinisikan sebuah list definisi 
  1. -  <dt>  Mendefinisikan sebuah istilah list definisi 
  1. -  <dd>  Mendefinisikan sebuah keterangan list definisi 
Tag untuk tabel
  1. -  <table></table>  Mendefinisikan sebuah tabel 
  1. -  <th></th>  Mendefinisikan sebuah header tabel 
  1. -  <tr></tr>  Mendefinisikan suatu barisan dalam tabel 
  1. -  <td></td>  Mendefinisikan suatu sel dalam table 
Tag untuk form
  1. -  <form>  Mendefinisikan sebuah form untuk input dari pengunjung 
  1. -  <input>  Mendefinisikan sebuah field input  
  1. -  <textarea> Mendefinisikan sebuah text-area (sebuah kontrol masukan teks jenis multi-line) 
  1. -  <label>  Mendefinisikan sebuah label ke kontrol 
  1. -  <fieldset>  Mendefinisikan sebuah fieldset 
  1. -  <legend>  Mendefinisikan suatu caption untuk sebuah fieldset 
  1. -  <select>  Mendefinisikan sebuah list yang dapat dipilih (drop-down box) 
  1. -  <optgroup>  Mendefinisikan sebuah kelompok pilihan 
  1. -  <option>  Mendefinisikan sebuah pilihan dalam drop-down box 
  1. -  <button>  Mendefinisikan sebuah tombol 

Diposting Oleh : 10:16 1 komentar
Advertise Here
www.sigipedia.blogspot.com
300x250

1 Komentar Untuk "Pengenalan HTML"

avatar
Anonymous
23 March 2022 at 11:25 ✖

(9) Pengenalan Html - Personal Blog >>>>> Download Now

>>>>> Download Full

(9) Pengenalan Html - Personal Blog >>>>> Download LINK

>>>>> Download Now

(9) Pengenalan Html - Personal Blog >>>>> Download Full

>>>>> Download LINK

Balas

Terimakasih atas komentar Anda di "Pengenalan HTML"