Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Save to My Library
Look up keyword
Like this
22Activity
0 of .
Results for:
No results containing your search query
P. 1
Dasar-dasar HTML

Dasar-dasar HTML

Ratings: (0)|Views: 1,270 |Likes:
Published by Heru W Sastro


HTML merupakan dasar atau tulang punggung dalam pembuatan sebuah Web. Dalam setiap file HTML akan selalu didahului dengan tag . Tag ini akan membuat web browser mencoba untuk membaca file yang ada didalam tag tersebut untuk ditampilkan dalam web browser. Pada akhir baris jangan lupa Anda harus selalu mengakhiri tag dengan . Sehingga akan kelihatan bahwa pada setiap tag HTML akan selalu :



untuk mengakhiri :



Penulisan Tag HTML adalah incasesensitive. Artinya, akan sama dengan atau . Untuk selanjutnya akan dibagi menjadi 2 seksi: head dan body



Header akan berfungsi sebagai tanda pengenal pada halaman yang akan Anda buat. Untuk mendefinisikan header dalam tag HTML maka anda harus menambahkan dan tag di bawah tag .



Pada bagian body merupakan bagian dimana Anda dapat menuliskan berbagai text yang ingin Anda tampilkan pada halaman web. Untuk mendefinisikan body harus diketikan tag dan ditutup dengan tag dibawah tag header, sehingga akan terlihat :













Untuk menamai atau memberikan judul pada halaman web yang akan Anda buat maka digunakan tag dan . Judul ini akan terlihat pada sudut kiri atas pada halaman web. Tag akan berada di dalam tag . Kini saatnya Anda membuat halaman web Anda yang pertama. Bukalah Text Editor anda(contoh: Notepad) dan ketik kode html di bawah ini, kemudian simpanlah di C:\My Documents\latihan1.htm. Ingat! Nama filenya adalah latihan1.htm, bukanlah latihan1.htm.txt atau latihan1.txt.





Selamat datang pada HomePage Saya





Ini halaman web pertama saya.





Kemudian, bukalah Internet Explorer dan pilih menu: File ==> Open, dan bukalah C:\My Documents\latihan1.htm.


HTML merupakan dasar atau tulang punggung dalam pembuatan sebuah Web. Dalam setiap file HTML akan selalu didahului dengan tag . Tag ini akan membuat web browser mencoba untuk membaca file yang ada didalam tag tersebut untuk ditampilkan dalam web browser. Pada akhir baris jangan lupa Anda harus selalu mengakhiri tag dengan . Sehingga akan kelihatan bahwa pada setiap tag HTML akan selalu :



untuk mengakhiri :



Penulisan Tag HTML adalah incasesensitive. Artinya, akan sama dengan atau . Untuk selanjutnya akan dibagi menjadi 2 seksi: head dan body



Header akan berfungsi sebagai tanda pengenal pada halaman yang akan Anda buat. Untuk mendefinisikan header dalam tag HTML maka anda harus menambahkan dan tag di bawah tag .



Pada bagian body merupakan bagian dimana Anda dapat menuliskan berbagai text yang ingin Anda tampilkan pada halaman web. Untuk mendefinisikan body harus diketikan tag dan ditutup dengan tag dibawah tag header, sehingga akan terlihat :













Untuk menamai atau memberikan judul pada halaman web yang akan Anda buat maka digunakan tag dan . Judul ini akan terlihat pada sudut kiri atas pada halaman web. Tag akan berada di dalam tag . Kini saatnya Anda membuat halaman web Anda yang pertama. Bukalah Text Editor anda(contoh: Notepad) dan ketik kode html di bawah ini, kemudian simpanlah di C:\My Documents\latihan1.htm. Ingat! Nama filenya adalah latihan1.htm, bukanlah latihan1.htm.txt atau latihan1.txt.





Selamat datang pada HomePage Saya





Ini halaman web pertama saya.





Kemudian, bukalah Internet Explorer dan pilih menu: File ==> Open, dan bukalah C:\My Documents\latihan1.htm.

More info:

Published by: Heru W Sastro on Oct 28, 2009
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

09/17/2013

pdf

text

original

 
Pemrograman web I | HTML & CSS | Heru W
 
Page
1
of 
9
 
MODUL 1
DASAR-DASAR HTMLRINGKASAN
Dalam praktikum kali ini, Anda akan mempelajari penggunaan dari beberapa tag dasar yang hampir akanselalu digunakan dalam setiap praktikum Anda nantinya. Perhatikan daftar tag di bawah ini, sertakegunaan utamanya dalam sebuah halaman HTML.Tag HTML dasar
Start Tag Kegunaan
<html> Mendefinisikan sebuah dokumen html<body> Mendefinisikan isi/badan suatu dokumen<h1>-<h6> Mendefinisikan heading ke 1 s/d heading ke 6<p> Mendefinisikan sebuah paragraf <br> Menyisipkan sebuah line break <hr> Mendefinisikan sebuah garis horisontal<!--> Mendefinisikan komentar dalam kode sumber HTMLSetelah itu, Anda akan mempelajari penggunaan dari beberapa tag yang digunakan dalam melakukanpemformatan tampilan halaman web supaya lebih sesuai dengan keinginan atau agar lebih rapi danterstruktur. Perhatikan beberapa daftar tag di bawah ini, serta kegunaan utamanya dalam sebuah halamanHTML. Beberapa diantaranya telah dihilangkan dari daftar tag HTML standar, namun masihmemungkinkan untuk ditampilkan pada beberapa browser tertentu atau browser lama.Tag untuk pemformatan teks dasar
Start Tag Kegunaan
<b> Mendefinisikan teks tebal<big> Mendefinisikan teks yang lebih besar<em> Mendefinisikan teks yang dimiringkan<i> Mendefinisikan teks yang dimiringkan<small> Mendefinisikan teks yang lebih kecil<strong> Mendefinisikan teks tebal<sub> Defines subscripted text<sup> Mendefinisikan teks yang posisinya lebih ke atas<ins> Mendefinisikan teks yang bergaris bawah<del> Mendefinisikan teks yang hendak dihapusTag untuk tampilan ‘hasil keluaran komputer’
Start Tag Kegunaan
<code> Mendefinisikan teks kode komputer<kbd> Mendefinisikan teks dari keyboard<samp> Mendefinisikan teks contoh kode komputer<tt> Mendefinisikan teks model teletype<var> Mendefinisikan sebuah variabel
 
Pemrograman web I | HTML & CSS | Heru W
 
Page
2
of 
9
 
<pre> Mendefinisikan teks preformattedTag untuk Citation, Quotation, dan Definisi
Start Tag Kegunaan
<abbr> Mendefinisikan suatu kependekan<acronym> Mendefinisikan suatu singkatan<address> Mendefinisikan suatu elemen alamat<bdo> Mendefinisikan arah teks<blockquote> Mendefinisikan quotation panjang<q> Mendefinisikan quotation pendek <cite> Mendefinisikan suatu kutipan<dfn> Mendefinisikan suatu istilahContoh tag untuk Entitas karakter
 Tampilan Deskripsi Nama Entitas Nomor Entitas
spasi kosong &nbsp; &#160;< kurang dari &lt; &#60;> lebih dari &gt; &#62;& dan (ampersand) &amp; &#38;" tanda petik/kutip (quotation mark) &quot; &#34;' koma atas (apostrophe) &#39;¢ Cent &cent; &#162;£ Pound &pound; &#163; ¥ Yen &yen; &#165;§ Section &sect; &#167;© Copyright &copy; &#169;® registered trademark &reg; &#174;× Multiplication &times; &#215;÷ Division &divide; &#247;Ketika Anda menulis suatu dokumen, mungkin terkadang Anda menuliskan kalimat dalam bentuk poin-poin yang menerangkan tentang suatu hal. Dalam suatu halaman web, terkadang Anda juga inginmelakukan hal yang sama. Terdapat tag khusus untuk penulisan dalam format poin-poin, perhatikandaftar di bawah ini.Tag untuk list
Start Tag Kegunaan
<ol> Mendefinisikan sebuah list ordered<ul> Mendefinisikan sebuah list unordered<li> Mendefinisikan sebuah item dalam list<dl> Mendefinisikan sebuah list definisi<dt> Mendefinisikan sebuah istilah list definisi<dd> Mendefinisikan sebuah keterangan list definisi
 
Pemrograman web I | HTML & CSS | Heru W
 
Page
3
of 
9
 
LATIHAN
Dalam modul ini Anda akan berlatih untuk menggunakan berbagai tag dasar untuk pemrograman webmenggunakan HTML. Ketikkan setiap kelompok tag dalam sebuah file, simpan dalam folder Andasendiri yang telah ditentukan, kemudian jalankan di web browser yang telah terinstall. Ketikkan setiapkode sumber apa adanya terlebih dahulu (termasuk spasi kosong). Perhatikan hasil tampilannya,kemudian belajar untuk memodifikasi setiap kelompok tag untuk mengetahui maksud dari setiap baris tagHTML yang Anda ketikkan. Jangan lupa untuk menyimpan setiap modifikasi Anda sebelum menjalankanulang di dalam browser.Silakan mencoba juga tag yang masuk dalam kategori “dihilangkan”, untuk melihat seperti apa tampilanyang dapat dimunculkan. Untuk entitas karakter, silakan coba nomor entitas selain yang telah ada padadaftar di atas, untuk melihat entitas karakter apa saja yang dapat digunakan dalam sebuah halaman web.Bagian terakhir adalah list. List adalah salah satu komponen yang cukup sering digunakan dalam suatuhalaman Web. Dalam bentuk aslinya, mungkin sudah tidak terlalu banyak digunakan lagi dan digantikanfungsinya dengan image (gambar), tetapi ada perlunya juga Anda mengetahui list saat tidak memilikigambar yang akan dijadikan bullet.
1. Paragraf dan line break
 <html><body><p>Paragraf inimengandung banyak spasi dan barisdalam kode sumbernya,tetapi browserakan mengabaikannya.</p><p>Sedangkan yang ini memiliki &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; spasi panjang.</p><p align=”center”>Jumlah baris dalam setiap paragraf tergantung pada ukuran window browser Anda. Bila Andamengubah ukuran window browser, jumlah baris dalam paragraf akan berubah.</p><p align=”right”>Untuk memotong <br>baris<br>dalam sebuah<br>paragraf,<br>gunakan tag br.</p></body></html>
2. Background color dan heading
 <html><body><body bgcolor="yellow"><p>Perhatikan bahwa halaman ini seharusnya berwarna kuning.</p><h1>Ini adalah heading 1</h1><h2>Ini adalah heading 2</h2><h3>Ini adalah heading 3</h3><h4>Ini adalah heading 4</h4>

Activity (22)

You've already reviewed this. Edit your review.
1 hundred reads
1 thousand reads
Andhy Kyem liked this
Harumin liked this
Denny TetsuTetsu liked this
Keanu Arsjad liked this
Radit Hermawan liked this

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->