:: 1-HTML DASAR :: STRUKTUR DASAR DOKUMEN HTML
|
|
|
- Liana Tedjo
- 7 tahun lalu
- Tontonan:
Transkripsi
1 :: 1-HTML DASAR :: STRUKTUR DASAR DOKUMEN HTML HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumendokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan. Struktur dasar dokumen HTML adalah sebagai berikut: <title>disini Judul Dokumen HTML</title> Disini penulisan informasi Web Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut: a. Tag Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh adalah tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh ini adalah tag pembuka isi dokumen HTML, dan ini adalah tag penutup isi dokumen HTML. b. Element Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML </title> ini adalah tag penutup judul dokumen HTML Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. Contoh penulisan tag-tag yang benar <p> <b>... </b> </p> c. Attribute Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut: <TAG> nama-attr="nilai-attr" nama-attr="nilai-attr" </TAG> Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow"> d. Element HTML Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.... e. Element HEAD Merupakan kepala dari dokumen HTML. Tag dan tag terletak di antara tag dan tag.... Modul praktikum html 1
2 f. Element TITLE Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag dan tag. <title>... </title> g. Element BODY Element ini untuk menampilkan isi dokumen HTML. Tag dan tag terletak di bawah tag dan tag. Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser. <body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">... keterangan : Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi. Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan. Latihan 1: Menampilkan teks: Nama file: latihan1_1.html Belajar bahasa pemrograman web ternyata mudah juga :) <title>latihan1-1</title> Belajar bahasa pemrograman web ternyata mudah juga :) Gantilah teks tersebut dengan teks lainnya. Latihan 2: Merubah warna teks menjadi merah: Belajar bahasa pemrograman web ternyata mudah juga :) Nama file: latihan1_2.html <title>latihan1-2</title> <body text="red"> Belajar bahasa pemrograman web ternyata mudah juga :) Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua. Latihan 3: Merubah warna background menjadi hitam. Nama file: latihan1_3.html <title>latihan1-3</title> Modul praktikum html 2
3 <body text="red" bgcolor="black"> Belajar bahasa pemrograman web ternyata mudah juga :) Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua. Latihan 4: Merubah background dengan suatu gambar. Nama file: latihan1_4.html <title>latihan1-4</title> <body text="red" bgcolor="aqua" background="./images/image027.jpg"> Belajar bahasa pemrograman web ternyata mudah juga :) catatan:./images/ = nama direktori file gambar disimpan image027.jpg = nama file gambar :: 2-HTML FORMAT TEKS :: ELEMENT BR (Line Break) Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup. <br> ELEMENT P (Paragraph) Element P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong di awal dan akhir paragraf. Tag penutup </p> sifatnya optional jika suatu paragraf diikuti oleh paragraf berikutnya. Jika tag </p> diabaikan, maka paragraf itu tidak akan diikuti dengan baris kosong di akhir paragraf. Element P mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi tepi horizontal dari paragraf (default: "left"). <p align="left" "center" "right"> </p> ELEMENT H1,H2,H3,H4,H5,H6 (Header) Element H1,H2,H3,H4,H5,H6 berfungsi untuk membuat header dengan format 6 jenis ukuran huruf dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1 dan terkecil adalah H6. Element ini mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi horizontal dari header (default: "left"). <hx align="left" "center" "right"> </hx> x : ELEMENT B (Bold) Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold). <b> </b> ELEMENT I (Italic) Element I berfungsi untuk membuat tampilan teks tercetak miring (italic). <i> </i> ELEMENT U (Underline) Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline). Modul praktikum html 3
4 <u> </u> ELEMENT PRE (Preformated text) Element PRE berfungsi untuk menampilkan teks seperti apa adanya. <pre> </pre> ELEMENT CENTER Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal ditengah. <center> </center> ELEMENT BASEFONT Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web browser. Attribute dari element ini adalah size yang merupakan ukuran huruf dengan nilai "1" sampai dengan "7" pixel, atau berupa ukuran relatif ( + atau - ), default nya adalah "3" pixel. Element ini tidak mempunyai tag penutup. <basefont size="pixel"> ELEMENT FONT Element FONT berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf. Element ini mempunyai attribute color untuk merubah warna huruf, face untuk merubah jenis huruf (jika lebih dari satu jenis huruf, harus dibatasi dengan koma), dan size untuk merubah ukuran huruf (pixel). <font color="warna" face="font" size="pixel"> </font> ELEMENT HR (Horizontal Rule) Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi secara horizontal ("left", "center", "right"), size untuk ukuran ketebalan garis ("pixel"), width untuk ukuran panjang garis ("persen"), dan noshade (garis solid). <hr align="left" "center" "right" size="pixel" width="persen" noshade> Latihan 1: Menampilkan teks dengan ganti baris (element BR): Belajar bahasa pemrograman web. Dengan materi dasar HTML. Dan JSP Belajar bahasa pemrograman web. Dengan materi dasar HTML. Dan JSP. Nama file: latihan2_1.html <title>latihan2-1</title> Belajar bahasa pemgrograman web. Dengan mater dasar HTML. Dan JSP. <br> <br>belajar bahasa pemrograman web.<br>dengan materi dasar HTML.<br>Dan JSP. Latihan 2: Menampilkan teks dalam bentuk paragraf (element P): Tampilan teks sebelum paragraf. Tampilan teks paragraf pertama. Tampilan teks paragraf kedua. Modul praktikum html 4
5 Nama file: latihan2_2.html Tampilan teks setelah paragraf. <title>latihan2-2</title> Tampilan teks sebelum paragraf. <p>tampilan teks paragraf pertama.</p> <p>tampilan teks paragraf kedua.</p> Tampilan teks setelah paragraf. Gantilah setiap tag </p> dengan element BR, dan lihat hasilnya. Latihan 3: Menampilkan posisi horizontal kelurusan paragraf: Paragraf ini pada posisi rata kiri (default) Paragraf ini pada posisi rata tengah Paragraf ini pada posisi rata kanan Paragraf ini pada posisi rata kiri Nama file: latihan2_3.html <title>latihan2-3</title> <p>paragraf ini pada posisi rata kiri (default)</p> <p align="center">paragraf ini pada posisi rata tengah</p> <p align="right">paragraf ini pada posisi rata kanan</p> <p align="left">paragraf ini pada posisi rata kiri</p> Latihan 4: Menampilkan teks sebagai header (element H): Ini Heading-1 Ini Heading-2 Ini Heading-3 Ini Heading-4 Nama file: latihan2_4.html <title>latihan2-4</title> <h1>ini Heading-1</h1> <h2>ini Heading-2</h2> <h3>ini Heading-3</h3> <h4>ini Heading-4</h4> <h5>ini Heading-5</h5> Ini Heading-5 Ini Heading-6 Modul praktikum html 5
6 <h6>ini Heading-6</h6> Tempatkanlah tampilan isi element H3 di kanan dan H5 di tengah. Latihan 5: Menampilkan teks dalam format tebal, miring dan garis bawah: Nama file: latihan2_5.html Ini normal teks Ini teks tercetak tebal (bold) Ini teks tercetak miring (italic) Ini teks tercetak garis bawah (underline) <title>latihan2-5</title> Ini normal teks<br> <b>ini teks tercetak tebal (bold)</b><br> <i>ini teks tercetak miring (italic)</i><br> <u>ini teks tercetak garis bawah (underline)</u> Buat teks tercetak miring dan tebal. Latihan 6: Menampilkan teks dalam bentuk apa adanya (element PRE): Nama file: latihan2_6.html Ini bentuk penulisan preformated text apapun bentuknya tulisan ini akan ditampilkan pada web browser seperti apa adanya, alias yang ditulis <title>latihan2-6</title> <pre> Ini bentuk penulisan preformated text apapun bentuknya tulisan ini akan ditampilkan pada web browser seperti apa adanya, alias yang ditulis </pre> Latihan 7: Menampilkan teks pada posisi tengah jendela web browser (element CENTER): Teks ini terletak di tengah layar web browser dengan menggunakan element CENTER Nama file: latihan2_7.html <title>latihan2-7</title> Modul praktikum html 6
7 <center> Teks ini terletak di tengah layar web browser<br> dengan menggunakan element CENTER </center> Latihan 8: Menampilkan teks berdasarkan element BASEFONT: Teks ini mempunyai size = 1 Teks ini mempunyai size = 2 Teks ini mempunyai size = 3 Teks ini mempunyai size = 4 Teks ini mempunyai size = 5 Teks ini mempunyai size = 6 Teks ini mempunyai size = 7 Nama file: latihan2_8.html <title>latihan2-8</title> <basefont size="1">teks ini mempunyai size=1<br> <basefont size="2">teks ini mempunyai size=2<br> <basefont size="3">teks ini mempunyai size=3<br> <basefont size="4">teks ini mempunyai size=4<br> <basefont size="5">teks ini mempunyai size=5<br> <basefont size="6">teks ini mempunyai size=6<br> <basefont size="7">teks ini mempunyai size=7 Latihan 9: Menampilkan teks dengan menggunakan element FONT: Teks dengan format color=fuchia; size=+2; face=verdana Teks dengan format color=gray; size=6; face=algerian Teks dengan format color=red; size=-1; face=impact Nama file: latihan2_9.html <title>latihan2-9</title> <font color="fuchsia" size="+2" face="verdana"> Teks dengan format color=fuchsia; size=+2; face=verdana<br> </font> <font color="gray" size="6" face="algerian"> Teks dengan format color=gray; size=6; face=algerian<br> </font> <font color="red" size="-1" face="impact"> Teks dengan format color=red; size=-1; face=impact </font> Latihan 10: Menampilkan garis horizontal menggunakan elemen HR: Nama file: latihan2_10.html <title>latihan2-10</title> Modul praktikum html 7
8 <hr align="left" size="6" width="30%"> <hr align="left" size="6" width="30%" noshade> Buatlah garis horizontal di bawah ini dengan size=5, align=center dengan urutan width 40%, 20%, 10%: :: 3-HTML DAFTAR URUTAN :: ELEMENT OL (Orderd List) Element OL berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute yaitu start, dan type. Attribute start berfungsi untuk memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default: start="1" type="1" ). Dalam element OL harus terdapat beberapa element LI. <ol start="number" type="a" "a" "I" "i" "1">... </ol> ELEMENT UL (Unordered List) Element UL berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet). Element ini mempunyai attribute yaitu type. Attribute type berfungsi untuk memilih bentuk bullet yang digunakan. Nilai dari pada attribute type ini adalah "circle", "square" dan "disc". Dalam element UL harus terdapat beberapa element LI. <ul type="circle" "square" "disc"> </ul> ELEMENT LI (List Item) Element LI merupakan isi dari pada daftar. Element ini harus berada di dalam element OL atau UL. Element ini mempunyai attribute type dan value. Nilai attribute type adalah A,a,I,i,1,circle,square,disc dan attribute value berisikan nilai nomor urutan dari attribute type. <li type="a" "a" "I" "i" "1" "circle" "square" "disc"> </li> Latihan 1: Menampilkan teks dengan daftar urut (element OL): Matakuliah TKJ Semester 1: 1. Bahasa Inggris 1 2. Matematika 1 3. Jaringan Komputer 1 4. Konsep Teknologi Informasi 5. Keterampilan Komputer dan Pengelolaan Informasi 6. Perangkat Keras Komputer 7. Sistem Operasi Nama file: latihan3_1.html <title>latihan3-1</title> Matakuliah TKJ Semester 1: <ol> <li>bahasa Inggris 1</li> <li>matematika 1</li> <li>jaringan Komputer 1</li> <li>konsep Teknologi Informasi</li> <li>keterampilan Komputer dan Pengelolaan Informasi</li> Modul praktikum html 8
9 <li>perangkat Keras Komputer</li> <li>sistem Operasi</li> </ol> Latihan 2: Menampilkan teks dengan daftar urut (element OL): Matakuliah TKJ Semester 1: a. Bahasa Inggris 1 b. Matematika 1 c. Jaringan Komputer 1 d. Konsep Teknologi Informasi e. Keterampilan Komputer dan Pengelolaan Informasi f. Perangkat Keras Komputer g. Sistem Operasi Nama file: latihan3_2.html <title>latihan3-2</title> Matakuliah TKJ Semester 1: <ol start="1" type="a"> <li>bahasa Inggris 1</li> <li>matematika 1</li> <li>jaringan Komputer 1</li> <li>konsep Teknologi Informasi</li> <li>keterampilan Komputer dan Pengelolaan Informasi</li> <li>perangkat Keras Komputer</li> <li>sistem Operasi</li> </ol> Ubahlah tampilannya dalam format kombinasi ordered list dan unordered list. :: 4-HTML TABEL :: ELEMENT TABLE Element TABLE befungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border, cellpadding(jarak antara tepi sel dengan isi sel), cellspacing(jarak antara sel), width(lebar tabel), height(tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD. <table align="left" "center" "right" bgcolor="color" border="pixel" cellpadding="pixel" cellspacing="pixel" width="pixel" "%" height="pixel" "%" >... </table> ELEMENT CAPTION Element CAPTION berfungsi untuk membuat judul dari tabel. Element ini harus berada di dalam element TABLE dan mempunyai attribute align dengan nilai top(judul terletak di atas tabel), dan bottom(judul terletak di bawah tabel). <caption align="top" "bottom"> </caption> Modul praktikum html 9
10 ELEMENT TR (Table Row) Element TR mendefinisikan baris pada tabel dan element ini harus berada di dalam element TABLE. Pada element TR terdapat element TH dan TD. Attribute yang terdapat pada element ini adalah align, valign(posisi vertikal), dan bgcolor. <tr align="left" "center" "right" valign="top" "middle" "bottom" bgcolor="color"> </tr> ELEMENT TH (Table Header) dan TD (Table Data) Element TH dan TD merupakan informasi pada tabel. TH mendefinisikan isi sel sebagai header sel pada kolom tabel dan datanya tercetak tebal dan dengan posisi ditengah sel. Element TH dan TD ini harus terletak di dalam element TR. Attribute kedua element ini adalah align, valign, bgcolor, colspan, rowspan <th align="left" "center" "right" valign="top" "middle" "bottom" bgcolor="color" colspan="number" rowspan="number"> </th> <td align="left" "center" "right" valign="top" "middle" "bottom" bgcolor="color" colspan="number" rowspan="number"> </td> Latihan 1: Buat tabel untuk teks di bawah ini: Tabel 1.1 No. Nama 1. Rina Hastuti 2. Ali Amran 3. Rahmat Nama file: latihan4_1.html <title>latihan4-1</title> <table align="center" border="2" bgcolor="cyan" cellpadding="5" cellspacing="0" > <caption align="top"><b>tabel 1.1</b></caption> <tr> <th>no.</th> <th>nama</th> </tr> <tr> <td>1.</td> <td>rina Hastuti</td> </tr> <tr> <td>2.</td> <td>ali Amran</td> </tr> <tr> <td>3.</td> <td>rahmat</td> </tr> Modul praktikum html 10
11 </table> 1. Ganti ukuran cellpadding, cellspacing, border dengan lainnya. 2. Berikan nilai width dan height pada tabel hingga 100%. Latihan 2: Dari Latihan 1 gantilah warna background baris tabel menjadi baris-1=green baris-2=yellow baris-3=red baris- 4=blue Nama file: latihan4_2.html <title>latihan4-2</title> <table align="center" border="2" bgcolor="cyan" cellpadding="5" cellspacing="0" > <caption align="top"><b>tabel 1.1</b></caption> <tr bgcolor="green"> <th>no.</th> <th>nama</th> </tr> <tr bgcolor="yellow"> <td>1.</td> <td>rina Hastuti</td> </tr> <tr bgcolor="red"> <td>2.</td> <td>ali Amran</td> </tr> <tr bgcolor="blue"> <td>3.</td> <td>rahmat</td> </tr> </table> Ubahlah align pada baris-2 kolom-1 dan baris-4 kolom-2 ke kanan :: 5-HTML IMAGE (GAMBAR) :: ELEMENT IMG Element IMG befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar tidak tampil), border, height, width, hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari gambar itu disimpan beserta nama filenya). <img align="left" "right" "top" "middle" "bottom" alt="text" border="pixel" width="pixel" "%" height="pixel" "%" hspace="pixel" vspace="pixel" src="uri"> Latihan 1: Tampilkan gambar image027.jpg dengan ukuran width dan height 160pixel dan border 8pixel : Nama file: latihan5_1.html Modul praktikum html 11
12 <title>latihan5-1</title> <img width="160" height="160" src="image027.jpg"> Letakkan gambar tersebut ke kanan, setelah itu ke kiri. Latihan 2: Dari Latihan 1 ubah gambar menjadi yang terdapat dalam direktori /images dengan nama image050.jpg Nama file: latihan5_2.html <title>latihan5-1</title> <img width="160" height="160" src="./images/image050.jpg"> Latihan 3: Tampilkan gambar image027.jpg dengan ukuran width dan height 80pixel dan border 8pixel serta teks seperti di bawah ini : Nama file: latihan5_3.html <title>latihan5-3</title> <img width="80" height="80" src="image027.jpg" align="left" border="8"> Kehadiran Web Teknisi Jardiknas dapat memudahkan penyebaran informasi antara Biro Perencanaan dan Kerja Sama Luar Negeri - dan anggota Teknisi Jardiknas. Keuntungan bila sistem jaringan informasi ini terbentuk, komunikasi antar Biro Perencanaan dan Kerja Sama Luar Negeri dan Provider dan anggota Teknisi Jardiknas akan lebih cepat terjalin, informasi dapat dengan cepat sampai dan tepat sasaran pula. Salam Pendidikan...! Dr. Ir. Gatot Hari Priowirjanto Modul praktikum html 12
13 :: 6-HTML HYPERLINK :: ELEMENT A Element A befungsi untuk menghubungkan ke internal ataupun eksternal halaman web. Element ini mempunyai attribute href, name, dan target. Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web. Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web (anchor). Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru. <a href="uri" name="name" target="_blank" "parent" "_top" "_self">. </a> Latihan 1: Membuat link eksternal: Link: 1. yahoo 2. google 3. d3tkj Nama file: latihan6_1.html <title>latihan6-1</title> Link: <ol> <li><a href=" <li><a href=" <li><a href=" </ol> Tambahkan setiap link dengan target "_blank", "_parent", "_self", "_top". Amatilah hasilnya. Latihan 2: Membuat link internal dan anchor: Link internal dan anchor adalah link yang menunjuk ketempat yang ada dalam dokument ini. kebagian akhir Modul praktikum html 13
14 kebagian pertama Nama file: latihan6_2.html <title>latihan6-2</title> Link internal dan anchor adalah link yang menunjuk ketempat yang ada dalam dokument ini.<br> <a href="#akhir">kebagian akhir</a> <a name="pertama"></a> <p> </p> <p> </p> <p> </p> <p> </p> Modul praktikum html 14
15 <p> </p> <a name="akhir"></a> <p> </p> <a href="#pertama">kebagian pertama</a> Buatlah link ke bagian ketiga dari posisi bagian keenam. :: 7-HTML FORM :: ELEMENT FORM Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(get/post). <form action="action" method="get" "POST">. </form> ELEMENT INPUT Element INPUT berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu name, size, type, value, checked. Attribute name mendefinisikan nama dari input kontrol form, attribute size mendefinisikan ukuran teks pada input kontrol, type mendefinisikan bentuk-bentuk input kontrol, value mendefinisikan nilai awal/reset/submit, checked mendefinisikan pilihan terpilih pada type radio/checkbox. Element ini tidak mempunyai tag penutup dan harus berada di dalam element FORM. <input name="name" size="number" type="text" "checkbox" "radio" "submit" "reset" value="value" checked > ELEMENT SELECT Element SELECT berfungsi untuk mendefinisikan opsi pilihan pada form kontrol. Element ini mempunyai attribute yaitu name, size, multiple(diizinkan banyak pilihan). Element ini harus berada di dalam element FORM. <select name="name" size="number" multiple >... </select> ELEMENT OPTION Element OPTION mendefinisikan opsi pilihan pada menu SELECT. Element ini mempunyai attribute selected, dan value. Attribute selected opsi terpilih dan attribute value berisikan nilai element OPTION. <option Modul praktikum html 15
16 selected value="number" >... </option> ELEMENT TEXTAREA Element TEXTAREA berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris. Element ini mempunyai attribute yaitu name, cols, rows. Attribute name mendefinisikan nama input kontrol form element textarea, attribute cols mendefinisikan jumlah kolom textarea yang terlihat, dan attribute rows mendefinisikan jumlah baris textarea yang terlihat. Element ini harus berada di dalam element FORM <textarea name="name" cols="number" rows="number" >... </textarea> Latihan 1: Buat form dengan input kontrol form seperti text, checkbox, radio, reset, submit, seperti tampilan di bawah ini: Nama file: latihan7_1.html <title>latihan7-1</title> <FORM METHOD="POST" <H4>FORM</H4> <INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Enter your name here."> <B>Are you a student?</b> <INPUT TYPE="checkbox" NAME="var2"> <B>How old are you?</b> <INPUT TYPE="radio" NAME="var3" VALUE="r1">10-15 <INPUT TYPE="radio" NAME="var3" VALUE="r2">16-20 <INPUT TYPE="radio" NAME="var3" VALUE="r3">21-25 <INPUT TYPE="submit" NAME="var4" VALUE="Send"> <INPUT TYPE="reset" NAME="var5" VALUE="Clear"> </FORM> Jika diisi namanya adalah Rahmat ; student di check ; umur ; maka jika form ini di submit data form yang terkirim adalah var1="rahmat"&var2="1"&var3="r3" Latihan 2: Dari latihan 1 tambahkan menu select seperti gambar di bawah ini: Modul praktikum html 16
17 Nama file: latihan7_2.html <title>latihan7-2</title> <FORM METHOD="POST" <H4>FORM</H4> <INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Enter your name here."> <B>Are you a student?</b> <INPUT TYPE="checkbox" NAME="var2"> <B>How old are you?</b> <INPUT TYPE="radio" NAME="var3" VALUE="r1">10-15 <INPUT TYPE="radio" NAME="var3" VALUE="r2">16-20 <INPUT TYPE="radio" NAME="var3" VALUE="r3">21-25 <B>Where are you from?</b> <SELECT NAME="var6" SIZE="1"> <OPTION VALUE="BG">Bulgaria <OPTION VALUE="UK">United Kingdom <OPTION VALUE="USA" SELECTED>USA </SELECT> <INPUT TYPE="submit" NAME="var4" VALUE="Send"> <INPUT TYPE="reset" NAME="var5" VALUE="Clear"> </FORM> Latihan 3: Dari latihan 2 tambahkan textarea seperti gambar di bawah ini: Nama file: latihan7_2.html Modul praktikum html 17
18 <title>latihan7-2</title> <FORM METHOD="POST" <H4>FORM</H4> <INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Enter your name here."> <B>Are you a student?</b> <INPUT TYPE="checkbox" NAME="var2"> <B>How old are you?</b> <INPUT TYPE="radio" NAME="var3" VALUE="r1">10-15 <INPUT TYPE="radio" NAME="var3" VALUE="r2">16-20 <INPUT TYPE="radio" NAME="var3" VALUE="r3">21-25 <B>Where are you from?</b> <SELECT NAME="var6" SIZE="1"> <OPTION VALUE="BG">Bulgaria <OPTION VALUE="UK">United Kingdom <OPTION VALUE="USA" SELECTED>USA </SELECT> <B>Your comment:</b> <TEXTAREA NAME="var7" COLS="30" ROWS="6"> </TEXTAREA> <INPUT TYPE="submit" NAME="var4" VALUE="Send"> <INPUT TYPE="reset" NAME="var5" VALUE="Clear"> </FORM> Catatan: Pemberian nilai attribute action pada element FORM dengan menuju ke alamat adalah untuk memperlihatkan nilai-nilai data form yang dikirimkan. :: 8-HTML FRAME :: ELEMENT FRAMESET Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border, bordercolor, frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY. <frameset cols="list" rows="list" border="pixel" bordercolor="color" frameborder="yes" "no" framespacing="pixel">. </frameset> ELEMENT FRAME Element FRAME mendefinisikan frame yang terdapat dalam frameset. Element ini mempunyai attribute yaitu name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (dokumen yang ditampilkan pada frame). Element ini tidak mempunyai tag penutup. Modul praktikum html 18
19 <frame name="name" marginheight="pixel" maginwidth="pixel" bordercolor="color" frameborder="yes" "no" noresize scrolling="yes" "no" src="uri"> ELEMENT NOFRAMES Element NOFRAME mendefinisikan isi yang akan ditampilkan jika suatu frame tidak dapat diakses. <noframes>... </noframes> Latihan 1: Bagilah jendela menjadi dua frame secara vertikal dengan komposisi 40% untuk dokumen left.html dan 60% untuk dokumen right.html. Nama file: latihan8_1.html <title>latihan8-1</title> <frameset cols="40%,60%"> <frame src="left.html"> <frame src="right.html"> </frameset> Catatan: penulisan nilai attribute cols dapat juga ditulis cols="40%,*". Latihan 2: Dari latihan 1 ubahlah dengan memberikan warna merah pada border dengan ukuran 10pixel. Nama file: latihan8_2.html <title>latihan8-2</title> <frameset cols="40%,*" border="10" bordercolor="red"> <frame src="left.html"> <frame src="right.html"> </frameset> Latihan 3: Dari latihan 2, tambahkan pada frame dokumen right.html dengan margin 50pixel. Nama file: latihan8_3.html <title>latihan8-3</title> <frameset cols="40%,*" border="10" bordercolor="red"> <frame src="left.html"> <frame src="right.html" marginheight="50" marginwidth="50"> </frameset> Modul praktikum html 19
20 html :: Membuat halaman web statis.. JScript :: Biasanya bisa menampung sebuah variabel. Misalnya ada 2 buah textbox trus dari dua textbox tsb di inputkan angka. ketika ditekan button nanti muncul hasil penjumlahan dari kedua angka yang di tampilkan di textbox ketiga,, nah itu bisa menggunakan html yang digabung ma JavaScript.. Selain itu juga bisa memodifikasi tampilan website.. Tapi kalo untuk tampilan biasanya yang sering digunakan adalah css. PHP :: hampirsama dengan html tapi ada tambahannya yaitu : Data yang diinputkan melalui textbox bisa disimpan di database(jika ditambahkan mysql) ; Bisa juga mengandung VARIABEL spt pada JavaScript. Modul praktikum html 20
1. HTML DASAR Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY
--------------------------------------------------------------------------------------------------------- BELAJAR HTML DASAR LENGKAP SINGKAT JELAS PADAT (Disertai Study Kasus) (www.infomugi.blogspot.com)
Modul Desain Web Teori + Praktik HTML, CSS, dan Javascript
Modul Desain Web Teori + Praktik HTML, CSS, dan Javascript 2014 Pertemuan II 2.1. Definisi dan Pengertian HTML 2.2.1 Ringkasan Materi HTML merupakan singkatan dari HyperText Markup Language adalah script
DEDI MUKHLAS. Buat Teman-Teman Teknologi Pendidikan Universitas Negeri Malang
DEDI MUKHLAS Buat Teman-Teman Teknologi Pendidikan Universitas Negeri Malang :: HOME :: OBJEKTIF: Memahami teknik dasar pemrograman web HTML MATERI: 1. HTML DASAR Struktur dokumen HTML(Tag, Element, Attribute),
OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.
1-HTML DASAR :: OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML. MATERI: Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element
Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink
Pengenalan HTML Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink Indikator Hasil Belajar 1. Dapat menjelaskan pengertian html. 2.
A. Pengertian HTML, HTTP, URL, FTP, DOMAIN, HOSTING, dan WWW
Pemrograman WEB A. Pengertian HTML, HTTP, URL, FTP, DOMAIN, HOSTING, dan WWW HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan
Materi HTML. Lecture D3TI-FTI-WIN 5/1/2012
2012 Materi HTML Lecture 5/1/2012 P a g e 2 :: 1-HTML DASAR :: STRUKTUR DASAR DOKUMEN HTML HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumendokumen Web. Dokumen
10/04/2014. Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting
Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting 1 Kegunaan Form Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan Memperoleh informasi
MODUL HTML 2015 MODUL I PENDAHULUAN
MODUL I PENDAHULUAN HTML merupakan singkatan dari Hyper Text Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang
KONSEP DASAR HTML. HTML ( HyperText Mark up Language )
KONSEP DASAR HTML HTML ( HyperText Mark up Language ) hypertext adalah kata yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskahnaskah lainnya markup menunjukkan bahwa pada file HTML berisi
FORM DAN ELEMENNYA. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri
FORM DAN ELEMENNYA 9 Kegunaan Form Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang disediakan Memperoleh informasi dari customer secara online Memperoleh
Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya
Pertemuan 2 1 Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya menentukan tampilan suatu teks dan tingkat kepentingan
FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri
FORMAT TEXT Tag Attribut Value Keterangan Body P (Paragraf) H (Heading) ol (Order List) ul (UnOrder List) Font marquee align RGB(red,green,blue) Kode Warna justify Memberikan warna terhadap background
HTML (Hypertext Markup Language)
1 HTML (Hypertext Markup Language) HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen (web page) dan aplikasi yang berjalan di halaman web. Dokumen HTML
BAB 1 PENGENALAN HTML
1 BAB 1 PENGENALAN HTML HyperText Markup Language (HTML) merupakan bahasa standar yang digunakan untuk membuat sebuah tampilan halaman website. Sesuai dengan namanya yaitu HyperText Markup Language (HTML)
P - 6 Bab 4 : HTML (Hypertext Markup Language)
P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Table Tabel terdiri dari beberapa bagian, antara
PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom
PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks
MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form
MODUL 3 HTML (HyperText Mark-Up Language) Sub : Tabel & Form Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 3 3.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.
Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com HTML Lanjut Page 2 List Digunakan untuk membuat daftar, terdiriatas: Ordered List (Numbering) Unordered List (Bullet) Definition List Ordered Lists (OL)
MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL
MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL A. MAKSUD DAN TUJUAN 1. MAKSUD a. Merapikan teks yang berupa daftar (list) dan table dengan tag HTML b. Membuat halaman web terhubung dengan halaman
:: HTML DASAR :: MATERI: Struktur dasar HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY.
:: HTML DASAR :: TUJUAN PEMBELAJARAN : Setelah mempelajari materi ini mahasiwa diharapkan anda dapat memahami struktur dasar dari dokumen HTML. MATERI: Struktur dasar HTML(Tag, Element, Attribute), Element
1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.
A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C
4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta
LATIHAN SOAL HTML DASAR 1 1. Singkatan HTML adalah. a. Hyper Text Markup Language b. Hygher Text Markup Language c. Hyper Terminal Markup Language d. Hyper Text Make Language 2. Dibawah ini merupakan tag
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur
d. Caption Elemen caption berfungsi untuk memberikan nama atau judul pada tabel. Tag yang digunakan
ATRIBUT TABEL ATRIBUT TABEL a. Table Row (TR) Elemen Table Row digunakan untuk menandai awal dari tiap baris pada tabel, atau tag ini digunakan untuk membuat baris tabel. Tag yang digunakan adalah tag...
HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.
MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.
Desain Web HTML Layout Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Layout 1. Tabel 2. Frame TABLE Digunakan untuk membuat tabel (kolom dan baris) Diperbolehkan membuat tabel di dalam tabel (nested
Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )
MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML
MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 3 HTML Layout Tujuan: Mahasiswa mengenal konsep-konsep dan komponen layout dasar untuk membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha
HTML.
HTML www.amikom.info HTML HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumendokumen web yang
Soal Remedial Prakarya-1
Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML
1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com
Web Design : Struktur Dasar Web
Web Design : Struktur Dasar Web dan Dokumen HTML Siti Mustiani ICT SMA Tunas Bangsa Jln. Arteri Supadio KM. 2 Kab. Kubu Raya T.A. 2015/2016 sitimustiani@gmail.com 1 1 Dasar HTML OBJEKTIF: Setelah mempelajari
BAB I Pengenalan HTML
BAB I Pengenalan HTML 1.1 Pengertian HTML HTML kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang (notepad, word, dll). Dokumen
Pemrograman Internet by Susiana Sari, S.Kom
1 Muara Teweh, 01 April 2009 Susiana Sari, S.Kom Manajemen Informatika Politeknik Muara Teweh STRUKTUR DASAR HTML : sebagai tanda awal dokumen : sebagai informasi page header : sebagai
HTML Dasar Pertemuan - 2
HTML Dasar Pertemuan - 2 Semester Ganjil 2009/2010 HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser. HTML berupa kode
Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya
Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar Menciptakan dokumen HTML dengan
PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).
PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.
<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat
: Tag ini merupakan inti dari perintah untuk membuat tabel pada dokumen HTML : Tag ini merupakan penutup dari perintah untuk membuat tabel pada dokumen HTML : Tag ini digunakan untuk membuat
KOMPUTER APLIKASI IT (Information Technology)
KOMPUTER APLIKASI IT (Information Technology) 2 SKS Semester 1 S1 Sistem Informasi Nizar Rabbi Radliya nizar.radliya@yahoo.com Pertemuan 5 Universitas Komputer Indonesia 2014 Tabel pada HTML Tabel pada
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML Lanjut [1]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan
Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah :
PERTEMUAN 5 Membuat Tabel Tabel biasanya digunakan untuk menempatkan data secara spreadsheet, tapi untuk desain suatu web, selain untuk menempatkan data, tabel digunakan untuk merapikan teks, ataupun gambar.
1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b
1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a. tr b. br c. td d.   e. &nsp jawaban :
HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.
HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs. Untuk belajar HTML dasar sebaiknya Anda ketikkan di Notepad. Bentuk umum:
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Form Frame S1 Teknik Informatika - Unijoyo 2 TABEL Fungsi: Menampilkan
Materi latihan yang akan Anda dapatkan dalam Buku Student Exercise Series Pemrograman Web dengan HTML, CSS, dan JavaScript ini mencakup:
Kata Pengantar Buku Student Guide Series Pemrograman Web dengan HTML, CSS, dan JavaScript ditujukan untuk para siswa-siswi SMP/SMA dan pemula pengguna komputer agar dapat lebih memahami, menguasai, dan
BAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Materi. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image
Pengenalan HTML Materi I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image I. Pengenalan HTML WWW HTML Browser dan Editor I. PENGENALAN HTML World Wide Web Internet merupakan jaringan global yang
HTML : Apa itu? HTML = Hyper Text Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW)
MK MK Desain Desain Grafis Grafis Web Web 2002/2003 2002/2003 by by Ido Ido Priyana Priyana Hadi Hadi :: HTML : Apa itu? HTML = Hyper Text Markup Language HTML adalah dokumen text yang bisa dibaca untuk
HIPER TEXT MARKUP LANGUAGE
HIPER TEXT MARKUP LANGUAGE (HTML) 1. PENGERTIAN HTML Bicara mengenai HTML, kita juga harus bicara mengenal HTTP (hypertext transfer protokol). HTTP adalah protokol yang digunakan untuk mentransfer dokumen
HTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web
HTML ( HyperText Markup Language) Mata Kuliah : Pemrograman Berbasis Web Pertemuan 2 Oleh : Nufan Balafif html (hypertext markup language) Adalah bahasa pemrograman Web (client) yang dikhususkan untuk
Pemrograman WEB PERTEMUAN KE-1
Pemrograman WEB PERTEMUAN KE-1 Pengertian HTML HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya,
HTML (HYPERTEXT MARKUP LANGUAGE)
HTML (HYPERTEXT MARKUP LANGUAGE) HTML merupakan Script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri terdiri dari tag-tag yang fungsinya untuk membuat dokumen
HTML. Hipertext Markup Language
HTML Hipertext Markup Language HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser. HTML berupa kode - kode tag yang
HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs.
HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML HyperText Markup Language HTML bahasa pemrograman HTML markup language Digunakan
MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL
MODUL V TABEL 5.1 Tabel Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table dalam HTML. Disamping itu tabel juga
MODUL 1 HTML. (HyperText Mark-Up Language)
MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar HTML 2. Mahasiswa
Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L
Edisi 1 UNIVERSITAS NEGERI SEMARANG Badan Pengembangan Teknologi Informasi dan Komunikasi Modul Pelatihan H T M L U N I V E R S I T A S N E G E R I S E M A R A N G Modul Pelatihan HTML Akhmad Munawar http://about.me/akhmad.munawar
Pengenalan Perancangan Web 2016
6. Image Gambar pada halaman sebuah web merupakan salah satu daya tarik pengguna. Umumnya browser web dapat menampilkan inline image (yaitu gambar yang disajikan bersamaan dengan teks). File gambar yang
XHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT
SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT 1. HTML 1.1. Susunan Dasar HTML Judul disini Program disini 1.2. Contoh Halaman Pertama Teks dengan Heading 1 Teks
BAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Pertemuan IV. Semester 1
Tables dan Forms Pertemuan IV Pemrograman Web Dasar Semester 1 Tabel HTML Tag digunakan untuk mengawali sebuah tabel. Di dalam elemen table, terdapat tag (table rows) dan tag (table
PENGGUNAAN SINGKATAN
PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag , Anda
Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.
Desain Web HTML Lanjut Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Lanjut 1. List 2. Fontasi 3. Image 4. Hyperlink 5. Form Tag LIST Membuat daftar urutan berupa bullet tdan numbering. Terdiri dari
MS Wulandari - HTML 1
MS Wulandari - HTML 1 PERTEMUAN VII FRAME A. MEMBUAT DAN MENGGUNAKAN FRAME Frame digunakan untuk : Membuat daftar isi pada suatu sisi frame sementara sisi frame yang lain untuk menampilkan isi Membuat
[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]
![[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]](/thumbs/63/50441664.jpg "[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]")
[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ] Modul FORM DAN FRAME 1. TEORI DASAR FORM Form identik dengan formulir. Form sangat dibutuhkan pada saat
Pemrograman Web DASAR HTML 2
Pemrograman Web DASAR HTML 2 Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang
MODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan
Pengaturan Teks. Contoh : <H2>Tutorial Html</H2> Hasilnya akan terlihat seperti : Tutorial Html
Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara
1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML
MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide
Review Pemrograman Web I
Review Pemrograman Web I Pemrograman Web II Ganjil 2010 2011 Intro Mata kuliah : Pemrograman Web 2 SKS : 3 Jenis : Mata kuliah wajib Pertemuan : 14 pertemuan kelas Periode : Ganjil 2010 2011 Dosen : Sandra
DASAR HTML UNTUK PEMULA
DASAR HTML UNTUK PEMULA Dian Propa, dianpropa@gmail.com HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser, seperti Internet
P - 5 Bab 4 : HTML (Hypertext Markup Language)
P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep
MODUL TIK - HTML II KELAS XI SEMESTER I
MODUL TIK - HTML II KELAS XI SEMESTER I Dapatkan tutorial-tutorial komputer, soal-soal matematika, soal-soal TIK, modul TIK, modul matematika di http://istiyanto.com. Kini Anda dapat berlangganan dan menerima
Struktur dasar HTML BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.
Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara
STRUKTUR DASAR HTML. Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:
Struktur Dasar HTML Nama Penulis taufanriyadi@gmail..com http://www.trikaja.co.cc Lisensi Dokumen: Copyright 2003-2006 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
Pemrograman Web Dasar
Pemrograman Web Dasar Definisi HTML HTML adalah singkatan dari HyperText Markup Language adalah salah satu bahasa pemrograman web desain dan juga biasa di sebut script untuk menyusun dokumendokumen Web.
Web dan HTML Dasar. Siti Maesyaroh, M.Kom
Web dan HTML Dasar Siti Maesyaroh, M.Kom 1 Pengenalan Word Wide Web What is an Word Wide Web? Protocol Address HTML 2 Pengenalan Word Wide Web Bagaiman Word Wide Web bekerja? Informasi disimpan dalam dokumen
Pengantar HTML. Achmad Fadlil Chusni, S.Kom, M.MT
Pengantar HTML Achmad Fadlil Chusni, S.Kom, M.MT Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami konstruksi dasar halaman web. Mengerti tentang WWW Mengerti tag-tag dasar HTML
Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: format teks Table Frame Form Hyperlink pada HTML Lanjut Format Teks Ada beberapa fasilitas tag yang dapat
Mendesain HTML dapat dilakukan dengan dua cara: 1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lainlain.
Dasar-dasar HTML i A. SEJARAH HTMLp Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard
Pemrograman Web PRAKTIKUM 1 PENGANTAR
PRAKTIKUM 1 PENGANTAR TUJUAN BELAJAR Mengenalkan dunia web MATERI Teknologi dan Terminologi Web (konsep dan istilah di dunia web) TUGAS Tidak ada TEORI W3C Singkatan World Wide Web Consortium suatu konsorsium
Berikut akan diberikan contoh program HTML yang sederhana :
1. Struktur Dokumen Syarat perlu mempelajari suatu bahasa pemrograman adalah mengetahui Strukturnya. Program/dokumen HTML terdiri dari Kepala Program/Dokumen dan Badan Program/Dokumen dengan bentuk sbb
BUKU PANDUAN WEB DESIGN
BUKU PANDUAN WEB DESIGN DAFTAR ISI 1. PENDAHULUAN... 1 2. KUMPULAN TAG HTML... 2 3. STRUKTUR DASAR HTML... 3 4. MEMBUAT DOKUMEN HTML... 4 5. RANCANGAN STRUKTURAL TEXT... 5 6. LATAR BELAKANG DAN WARNA...
MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME
MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME A. MAKSUD DAN TUJUAN 1. MAKSUD a. Membuat formulir dengan berbagai tipe b. Membuat tampilan halaman web dengan frame 2. TUJUAN a. Mahasiswa dapat membuat
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MATERI KULIAH SEMESTER 3 D3 TEKNIK INFORMATIKA STMIK AMIKOM YOGYAKARTA 2009 Disusun Oleh : ANGGIT DWI HARTANTO, S.KOM MODUL II CASCADING STYLE SHEET (CSS) I. PENGERTIAN
Chapter 1. Pengenalan HTML
Chapter 1. Pengenalan HTML 1.1. Pengenalan HTML HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. HTML adalah
Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web
HTML DASAR BAGIAN 1 Oleh: Heribertus Heri Istiyanto Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web Materi: 1. HTML Dasar 2. Desain Layout di Photoshop 3.
HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom
HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom 1 DAFTAR ISI BAB I : PENGENALAN HTML... 1 A. Pengertian HTML... 1 B. Sejarah HTML... 3 C. Penggunaan HTML... 3 D. Strukture Documen HTML...4
Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1
![Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1](/thumbs/52/29877460.jpg "Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1")
Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Tabel Membuat tabel sederhana Menambahkan judul tabel Mengatur lebar dan tinggi suatu tabel Perataan dalam tabel Membuat warna pada
Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web
MODUL TIK KELAS XI SEMESTER I TAHUN AJARAN 2008-2009 2009 SMA KOLESE DE BRITTO YOGYAKARTA Modul dapat di download di: Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman
PENGANTAR INTERNET & DESAIN WEB
Program Studi Manajemen Informatika Fakultas Bisnis Dan Teknologi Informasi Universitas Teknologi Yogyakarta PENGANTAR INTERNET & DESAIN WEB Ganjil 2012-2013, S.Kom HTML Dasar Bagian 2 Numbered & Indented
Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web
HTML DASAR BAGIAN 2 Oleh: Heribertus Heri Istiyanto Materi: 1. List Item 2. Form Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web Indikator: 1. Siswa dapat membuat