Luragung.Com

Catatan Anak Luragung

Menu

Pengenalan dan Dasar Dasar HTML

November 1, 2014 | Pemrograman

Pengenalan dan Dasar Dasar HTML

Pembahasan kali ini yaitu tentang Pengenalan dan Dasar Dasar HTML semoga bisa memberikan sebuah manfaat yang baik kepada kita semua.

 

A. Pengenalan HTML

HTML adalah sebuah bahasa pemograman sederhana yang biasa digunakan dalam menampilkan sebuah halaman web yang statis.

 

B. Kekurangan dan Kelebihan

Kelebihan dari bahasa pemograman HTML yaitu

  1. Mudah dalam penggunaan nya
  2. Flexibel dalam menggunakan editornya karena hanya menggunakan karakter ASCII
  3. Bahasa yang bisa lintas platform
  4. Dapat disipi dengan javascrift, php, gambar, dll

Kekurangan dari HTML yaitu :

  1. Halaman web nya yang statis.
  2. Tidak dapat membuat halaman yang interaktif

 

C. Editor

Ada berbagai macam editor yang bisa dipergunakan yaitu :

  1. Notepad
  2. Edit Plus
  3. Dreameweaver
  4. Dll

 

D. Struktur HTML

Struktur HTML adalah dimana sebuah kode-kode program yang biasa diperguanakan dalam sebuah kode HTML. Pada dasarnya, kode struktur ini adalah sebuah patokan atau rule ketika ingin membuat sebuah baris kode HTML.

1. Struktur Inti

Struktur Inti disini maksudnya adalah bagian inti dari sebuah bahasa pemograman HTML yang menjadi patokan untuk kode HTML pendukungnya. Diantaranya ialah :

  • HTML

HTML disini merupakan kode pembuka dan juga penanda bahwa bahasa yang dipergunakannya tersebut adalah bahasa HTML. Bentuk umum dari HTML nya adalah :

<html>… </html>
  • HEAD

HEAD merupakan kode pembuka atau kepala halaman HTML dan biasnya diikuti oleh title. Bentuk umum dari HEAD nya adalalah :

<head>…</head>
  • TITLE

TITLE merupakan judul dari sebuah bahasa HTML. Bentuk umum dari penggunaan TITLE yaitu :

<title>…<title>
  • Body

BODY merupakan bagian utama atau tubuh dari struktur HTML. Adapun bentuk umum penggunaan dari BODY yaitu :

<body>…</body>

Contoh penggunaan dari strukur ini yaitu:

<HTML>
<HEAD>
<TITLE>Ini Contoh Title HTML</TITLE>
</HEAD>
<!-- Ini komentar -->
<BODY>
Ini Body
</BODY>
</HTML>

2. Struktur Tambahan

Struktur tambahan HTML adalah sebuah tags yang dipergunakan untuk menambahkan / menyisipkan kedalam struktur inti dari HTML. Biasanya, penggunaan struktur tamabahan ini disisipkan pada bagian BODY.

 

  • Paragraf

Paragraf adalah bagaimana cara membuat sebuah paragraph dalam HTML. Bentuk umum dari paragraph yaitu :

<p>…</p>

Contoh Penggunaan Paragraf yaitu:

<H2 ALIGN = “CENTER”> Ini Contoh Paragraf </H1><P>

 

  • Horizontal Rules
<hr>…<hr>

Contoh :

<HR SIZE = "10" NOSHADE>Ini Contoh 1<p>

 

  • Pengelompokan Teks
<div>…</div>

Contoh :

<DIV ALIGN = "RIGHT">
<H1><U>Contoh Div</U></H1>
<H2>Ini Contoh Div</H2>
</DIV>

 

  • Unordered List (Bullet)
<ul>…</ul>

Contoh :

<UL>
<LI>Pemograman Internet <BR>
<LI>Jurusan Teknologi Informasi <BR>
</UL>

 

  • Ordered List (Numbering)
<ol>…<ol>

Contoh :

<OL TYPE = "A">
<LI>Andi<BR>
<LI>Abdul<BR>
</OL>
<HR>
<B>Dengan Angka:</B>
<OL TYPE = "i">
<LI>Andi<BR>
<LI>Abdul<BR>
</OL>

 

  • Definition List
<dl>…</dl>

Contoh :

<DL>
<DT>Pemograman HTML</DT>
<DD>Bahasa yang digunakan untuk menyusun Web</DD>
<DT>HTTP</DT>
<DD>Protokol yang dipakai untuk mentransfer HTML</DD>
</DL>

 

  • Baris Baru
<br>…</br>

Contoh :

Jurusan Teknologi Informasi <BR>

 

  • Font
<font>…<font>

Contoh :

<FONT COLOR="blue" FACE = "Arial">Ini Tulisan Arial</FONT>

 

  • Hyperlink
<a href="url">…</a>

Contoh :

<A HREF = "http://www.luragung.com">Ipan Ripai</A>

 

  • Tabel
<table>…</table>

Merge Cell

<td>… </td>

Baris cell

<tr>…</tr>

Heading Cell

<th>..</th>

Contoh :

<TABLE BORDER = "1">
<CAPTION>Daftar Nama Prodi PTIK</CAPTION>
<TR><TH>Nama</TH><TH>Kelas</TH></TR>
<TR><TD>Usman</TD><TD>II</TD></TR>
<TR><TD>Udin</TD><TD>IV</TD></TR>
<TR><TD>Samsul</TD><TD>VIII</TD></TR>
</TABLE>

 

  • Image
<img src="url">

Contoh :

<BODY BACKGROUND="../latihan/gambar.jpg">

Gambar Komputer

<IMG SRC = "komputer.jpg" ALIGN = "MIDDLE">

 

  • Form
<form>…</form>

 

  • Input

Text, Radio, Chexbox

Contoh :

<FORM ACTION = "daftar.html" METHOD = "POST">
Nama : <INPUT TYPE = "TEXT" NAME = "nama" SIZE = "20" MAXLENGTH = "20"><BR>
TTL : <INPUT TYPE = "TEXT" NAME = "ttl" SIZE = "25" MAXLENGTH = "40"> <BR>
Jenis Kelamin:<BR><INPUT TYPE = "RADIO"NAME = "jk" CHECKED>Pria<BR>
<INPUT TYPE = "RADIO" NAME = "jk">Wanita<BR>
Hobby :<BR>
<INPUT TYPE = "CHECKBOX" NAME = "bola" CHECKED>Bola<BR>
<INPUT TYPE = "CHECKBOX" NAME = "Internet">Internet<BR>
<INPUT TYPE = "SUBMIT" VALUE = "Kirim"><INPUT TYPE = "RESET" VALUE = "Kosongkan">
</FORM>

 

Untuk File Daftar html

<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
Info
</BODY>
</HTML>

 

  • Teks Murni
<pre>…</pre>

Contoh :

<PRE>Mahasiswa PTIK Smester V</PRE>

 

  • Baground Color

Contoh :

<BODY BGCOLOR = "black" TEXT = "gray">Normal<BR>
<FONT COLOR = "blue">Warna Biru</FONT><BR>
<FONT COLOR = "green">Warna Hijau</FONT><BR>
</BODY>

 

Pengenalan dan Dasar Dasar HTML

Pengenalan dan Dasar Dasar HTML – Semoga apa yang saya sampaikan tentang Pengenalan dan Dasar Dasar HTML bisa menjadi sebuah patokan dalam mempelajari struktur HTML. Silahkan baca juga tentang Daftar Kode Warna HTML. sebagai bahan referensi lainnya.

 

pengertian protocol dt br title
tags:

Related For Pengenalan dan Dasar Dasar HTML