Komputer kampus

Anda sedang di : HomeMateri kuliah › Modul Internet I (bagian 2) Dasar - dasar HTML

Artikel Berdasarkan Tag   hacking     cms lokomedia     google     template     email     materi kuliah     ubuntu     backtrack 5     windows xp     windows 7     database     visual basic     foxpro     opensuse     netbeans     STMIK Indonesia     domain     hosting     SEO     adsense     HTML     CSS     Javascript     PHP     lainnya     bisnis online     tips dan trik     internet     tutorial     hiren boot cd     virtualbox     flashdisk     facebook     website     cracking    

Modul Internet I (bagian 2) Dasar - dasar HTML

Diposting oleh : M.Najamudin Ridha
Minggu, 22 Januari 2012 - 00:38:45 WIB - Kategori: Materi kuliah - Dibaca: 8633 kali

Sebelum ke pembahasan modul dua ini, anda sudah harus tau apa itu HTML, apa - apa saja alat dan bahan yang dibutuhkan, kemudian mengerti struktur dasar penulisan laman html, dan bisa membuat file laman html, yang sebelumnya telah di bahas disini

Tag Komentar Pada HTML

Sebagaimana bahasa pemprograman dan bahasa pengkodean lainnya, bagian komentar akan selalu ada, tujuannya adalah untuk memudahkan pembacaan script tersebut dengan memberikan keterangan dalam bentuk komentar apda bagian-bagian tertentu yang di anggap memerlukan komentar. struktur penulisannya <!-- . . .isi komentar . . . --> contoh lengkapnya coba perhatikan kode berikut ini :

 

<html>
<head>
<title>Penggunaan Tag Komentar Pada HTML</title>
</head>
<body>
<!-- Berikut ini adalah bagian yang tampil di browser -->
Halo !!! Mari Belajar HTML
</body>
</html>

setiap apapun yang terletak di antara tag komentar, contoh di atas adalah <!-- Berikut ini adalah bagian yang tampil di browser --> maka akan di anggap sebagai komentar dan tidak akan di eksekusi oleh browser yang menjalankan kode HTML tersebut.

 

Tag Paragraf Pada HTML

Tag paragraf adalah tag yang berfungsi untuk membuat sebuah paragraf yang di awali dengan tag <p> dan di akhiri dengan tag </p> dan cara menggunakannya sama seperti menggunakan paragraf pada penulisan wacana, berita ataupun lainnya. contoh penggunaanya bisa di lihat pada kode dibawah ini :

<html>
<head>
<title>Menggunakan Tag Paragraf</title>
</head>
<body>
<p>ini adalah beberapa kalimat yang akan terdiri menjadi satu paragraf</p>
<p>ini juga paragraf lainnya, sama-sama di dalam tag paragraf</p>
</body>
</html>

Karena tag paragraf akan di tampilkan di bagian body browser, maka penulisannya pun harus di dalam tag body, dan seterusnya tag apapun yang akan kita gunakan untuk memformat tampilan bagian body, maka juga akan di letakkan di bagian body.

 

Tag Line Break, Heading dan Horizontal Rule Pada HTML

Tag line break berfungsi untuk berganti baris, namun tetap dalam satu paragraf yang sama. dan tag ini tidak memiliki pasangan, tanpa penutup, kodenya dituliskan seperti ini : <br> namun karena tidak ada pasangan bisa ditulis <br />.

Tag Heading berfungsi untuk membesarkan dan menebalkannya, cara penulisannya diawali dengan pembuka <h1> dan di akhiri dengan tag penutupnya </h1>, tag ini biasanya digunakan untuk judul dan memiliki tingkatan, dari <h1> sampai dengan <h6> heading terbesar adalah <h1> dan yang paling kecil adalah </h6>.

Tag Horizontal Rule berfungsi untuk memisahkan paragraf antar bagian, dam membentuk suatu garis horizontal. cara penulisannya sama dengan line break, tidak ada tag penutup sehingga jadi <hr> ataupun <hr />. perhatikan contoh dari penggunaan ketiga tag tersebut :

<html>
<head>
<title>Menggunakan tag line break, heading dan horizontal rule</title>
</head>
<body>
<h1>Menggunakan tag Line Break, Heading dan Horizontal Rule</h1>
<p>Tag tag Line Break, Heading dan Horizontal Rulu adalah tag dasar HTML <br />
dan sering dipakai dalam desaign website</p>
<hr />
<p>perbedaan dari ketiga tag tersebut adalah ada memiliki pasangan tag <br />
dan ada juga yang tidak, yang memiliki adalah tag Heading dan yang tidak <br />
tag line break dan horizontal rule</p>
<hr />
<h2>Tag Heading Lainnya</h2>
</body>
</html>

cobalah anda latihan sendiri dan buat laman html lalu gunakan tag-tag yang telah anda ketahui fungsinya.




    Via FeedBurner
Belajar mendesain template dengan HTML murni (tanpa css, javascript, flash dll)
Masih lelah setelah pulang dari kampus, dan bingung buat posting apa, pikir dipikir akhirnya ..
Contoh Sederhana Program Keterangan NRP Menggunakan Visual Foxpro 9.0
Pada artikel ini saya akan membahas masalah pembuatan Program Keterangan NRP yang menggunakan ..
Program Input Foto/Gambar di Visual Foxpro 9.0
&nbsp; &nbsp; &nbsp; Langsung aja ya ga usah basa-basi ..
Modul II Vfp 9.0 (Pembuatan Database & Tabel)
Allhamdulillah bisa posting dan berbagi lagi nh,..hehehe Postingan ini adalah lanjutan dari ..

Komentar Via Facebook :

3 Komentar via komputer kampus :

1

agus
22 Maret 2012 - 22:54:39 WIB

nice post

2

Riki Rizkillah
06 Maret 2013 - 16:15:12 WIB

mau dooong

3

adi
14 Mei 2013 - 20:30:17 WIB

Izin sedot materinya pak,terima kasih.


Form Komentar Via Komputer kampus :

Nama *
Email *
Web/blog
Komentar *
  Karakter yang masih tersedia.
Captcha *

Untuk menghindari kontak spam dan memastikan bahwa anda adalah seorang manusia, maka jawablah pertanyaan keamanan berupa foto sahabat disamping. Mohon maaf atas ketidak nyamanan ini

 

M Najamudin Ridha Kuliah di STMIK Indonesia Banjarmasin jurusan TI, mengenal internet di tahun 2009 yang saat itu cuma sekedar iseng-iseng bikin blog biasa, walaupun sebelumnya tidak suka membaca dan apalagi menulis (artikel) akhirnya mulai menyukai kedua hal tersebut.

Kategori Artikel


RSS Feed


Langganan RSS
komputerkampus.com


Cari Artikel



Statistik Web


Pengunjung hari ini : 347
Total pengunjung : 804971
Hits hari ini : 1221
Total Hits : 4716426
Pengunjung Online : 7

Poling


Apa OS yang anda gunakan ?
windows (xp, vista, 7, 8 dll)
linux (all distro linux)
Mac OS
OS Lain

    Lihat Hasil Poling

Link Sahabat


http://bukulokomedia.com
http://fadilcrows.blogspot.com
http://najamudin1.blogspot.com
http://nahdisnape.blogspot.com

Link Lainnya