Praktek 2.10 Element TD

Tag <td> </td> ini digunakan untuk membuat kolom baru pada tabel.
Contoh tagnya seperti di bawah ini:

Baca selengkapnya »

Praktek 2.9 Element Tabel Heading

Fungsi elemen <th> adalah membuat judul tabel otomatis bold.
Contoh tagnya seperti di bawah ini:

Baca selengkapnya »

Praktek 2.8 Element Tabel Raw

Table Row <tr>, mendefiniskan baris pada tabel.
Contoh tagnya seperti di bawah ini:

Baca selengkapnya »

Praktek 2.7 Membuat Warna Background pada Tabel

HTML telah menyediakan atribut untuk mengatur dan memberi warna pada tabel, yaitu dengan menggunkan atribut bgcolor.  Atribut bgcolor dapat digunakan untuk tag tabel (tag table) maupun untuk tag kolom (tag th, tag td, maupun tag col).

Baca selengkapnya »

Praktek 2.6 Membuat Atribut Align pada Tabel

Attribut Align di HTML selalu berhubungan dengan posisi. Seperti tabel, tulisan, gambar dan sebagainya tinggal di mana attribut align itu ditempatkan. Bila atribut align ini ditempatkan di <table>, maka berfungsi untuk mengatur posisi atau letak tabel. Bila anda meletakkan attribut align ini di <p> maka berfungsi untuk mengatur posisi paragraf anda, dan sebagainya. 

Baca selengkapnya »

Praktek 2.5 Membuat Atribut Width pada Tabel

Atribut width dapat digunakan untuk tag tabel (tag table) maupun untuk tag kolom (tag th, tag td, maupun tag col). Jika diletakkan pada tag tabel, atribut ini berfungsi untuk mengatur lebar tabel secara keseluruhan. Namun jika diletakkan pada tag th atau td, atribut ini akan berfungsi untuk mengatur lebar kolom.

Baca selengkapnya »

Praktek 2.4 Membuat Atribut Cellpadding pada Tabel

Atribut cellpadding digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi text tabel itu sendiri.

Baca selengkapnya »

Praktek 2.3 Membuat Atribut Cellspacing pada Tabel

Atribut cellspacing digunakan untuk mengatur jarak antara garis tepi (border) bagian dalam dan luar.

Nilai dari atribut ini berupa angka yang diukur dalam satuan pixel. Jika anda memberikan nilai cellspacing="5″, maka web browser akan menampilkan jarak sebesar 5 pixel di antara garis border tabel.

Baca selengkapnya »

Praktek 2.2 Membuat Tabel

Tabel adalah cara yang baik untuk menampilkan informasi secara teratur. Tabel digunakan untuk menampilkan record-record pada database.

Baca selengkapnya »

Praktek 2.1 Membuat Link Dokumen atau Situs yang Lain

Tag <a> </a> digunakan untuk membentuk suatu link ke dokumen atau sumber yang akan dimuat ketika user melakukan klik pada link tersebut. 

HREF =“URL” menentukan URL dari resources yang akan ditampilkan setelah user melakukan klik  padanya. Contoh:

<a href=“http://www.unmus.ac.id”> membuat link ke website UNMUS</a>

Baca selengkapnya »

Praktek 1.7 Membuat Order List/Number List

Untuk membuat order list/number list ketikkan seperti contoh di bawah:

Baca selengkapnya »

Praktek 1.6 Membuat Unordered List/Bulleted List

Untuk membuat unordered list/bulleted list ketikkan seperti contoh di bawah pada Text Editor:

Baca selengkapnya »

Praktek 1.5 Membuat Tulisan di Tengah

Untuk membuat tulisan di tengah ketikkan tag seperti contoh di bawah:

Baca selengkapnya »

Praktek 1.4 Membuat Break Line (Baris Baru) atau Enter

Untuk membuat break line (baris baru) atau enter, kita ketikkan tag seperti contoh di bawah ini:

Baca selengkapnya »

Praktek 1.3 Membuat Paragraf

Untuk membuat paragraf kita ketikkan tag seperti contoh di bawah ini:

Baca selengkapnya »

Praktek 1.2 Membuat Heading

Untuk membuat heading, kita ketikkan tag seperti di bawah ini:
Baca selengkapnya »

Praktek 1.1 Membuat Web HTML Sederhana Menggunakan Aplikasi Text Editor

Untuk membuat web HTML sederhana dibutuhkan aplikasi Text Editor. Contohnya seperti Sublime Text Bulid atau juga bisa menggunakan aplikasi Notepad++. Di bawah ini ada link untuk mendownload aplikasi tersebut:

Sublime Text Build 3

Notepad++

Setelah didownload install salah satu aplikasi text editor yang dikehendaki seperti biasa. Di sini penulis menggunakan aplikasi Sublime Text Build. Di bawah ini merupakan tampilan awal Sublime Text Build setelah dibuka.

1.   Membuat file HTML Sederhana

      Setelah aplikasi Text Editor dibuka lalu ketikkan:

      <html>

      <title>

      Praktek 1

      </title>

      <body>

      Isi Praktek 1

      </body>

      </html>

      Screenshotnya seperti berikut:

      Setelah itu klik File, klik Save As..

    

      Simpan di Local Disk (D:) atau di drive manapun. 

      Buat Folder Praktek1. Ketikkan PRAKTEK1.html pada File name: , lalu klik Save.
      File disimpan menggunakan ekstensi .html agar hasil ketikkan tadi dapat tampil lewat
      browser.

      Setelah itu buka Local Disk (D:) kemudian buka Folder Praktek1. Double klik pada PRAKTEK1.html

      Setelah itu akan muncul browser dan isinya seperti di bawah ini. 

Judul webnya akan bernama Praktek 1 dikarenakan pada penulisan tag menggunakan tag <title>Praktek 1</title>. Dan Isi Praktek 1 dari tag <body>Isi Praktek 1</body>.

Sekian dan terima kasih semoga bermanfaat bagi pembaca.

Pengenalan HTML dan Tag-Tag dasar HTML

             1.  Pengertian dan Struktur HTML

Hyper Text Markup Language atau HTML adalah bahasa yang digunakan untuk menampilkan web. Dibuat oleh W3C (World Wide Web Consortium), dan digunakan sebagai bahasa standar untuk menampilkan halaman web.

Struktur penulisan HTML:

<html>

<head>

--isi head--

</head>

<body>

--isi body--

</body>

</html>

             2.  Penjelasan Tag-Tag HTML

            Di bawah ini merupakan penjelasan kegunaan masing-masing tag HTML:

Elemen Dasar

Tag HTML	Fungsinya
<html>...</html>	Mendeskripsikan bahwa tag yang ada di bawahnya merupakan bagian dari HTML
<head>...</head>	Header
<title>...</title>	Judul web
<body>...</body>	Mendeskripsikan bagian tubuh dari HTML

Memformat Teks

Tag HTML	Fungsinya
<b>...</b>	Tulisan Bold
<u>...</u>	Tulisan bergaris bawah
<i>...</i>	Tulisan miring
<h?>...</h?>	Heading. ? diisi dengan angka 1-6. Semakin besar angkanya, tulisannya semakin kecil
<center>...</center>	Teks akan berada di tengah
<marquee>...</marquee>	Teks bergerak
<s>...</s>	Mencoret teks
<sub>...</sub>	Teks akan berada di bawah (subscript)
<sup>...</sup>	Teks akan berada di atas seperti pangkat (superscript)
<br>	Break line atau enter. Tag ini tidak memiliki tag end
<p>...</p>	Membuat paragraf
<hr>	Membuat garis horizontal
<blockquote>...</blockquote>	Seperti justify
<address>...</address>	Mendeskripsikan alamat

Membuat List

Tag HTML	Fungsinya
<ul>...</ul>	Daftar dengan simbol.
<ol>...</ol>	Daftar dengan huruf,angka, atau huruf romawi.
<li>...</li>	Menyatakan bahwa teks yang diapit oleh tag ini adalah bagian dari tag list(ol atapun ul)
<lh>...</lh>	List Header

Itulah sedikit penjelasan tentang tag-tag dasar dalam HTML. Semoga berguna dan bermanfaat bagi pembaca.