Dasar Tag HTML Text Alignment html head titleLatihan

  • Slides: 16
Download presentation
Dasar Tag HTML Text Alignment <html> <head> <title>Latihan 05</title> </head> <body> <h 1 align=center>Text

Dasar Tag HTML Text Alignment <html> <head> <title>Latihan 05</title> </head> <body> <h 1 align=center>Text Alignment</h 1> <p align=center>Set in the centre of the window <p>Back to Normal <p align=right>Align to Right <p align=left>Align to Left </body> </html> BACK NEXT

Dasar Tag HTML Style pada Font <b>……</b> Tag ini untuk membuat bold (tebal) <i>.

Dasar Tag HTML Style pada Font <b>……</b> Tag ini untuk membuat bold (tebal) <i>. …. . </i> Tag ini untuk membuat italic (miring) <u>…. . </u> Tag ini untuk membuat underline (garis bawah) <tt>…. . <tt> Tag ini untuk membuat huruf dengan efek mesin ketik (font Courier) BACK NEXT

Dasar Tag HTML Style pada Font <html> <head> <title>Latihan 07</title> </head> <body> <b>If you

Dasar Tag HTML Style pada Font <html> <head> <title>Latihan 07</title> </head> <body> <b>If you set words in bold</b> <p> <i>If you set words in italic</i> <p> <u>If you set words in underline</u> <p> <tt>If you set words in typewriter</tt> </body> </html> VIEW BACK NEXT

Dasar Tag HTML Background <html> <head> <title>Latihan 08</title> </head> <body bgcolor=blue> </body> </html> Catatan:

Dasar Tag HTML Background <html> <head> <title>Latihan 08</title> </head> <body bgcolor=blue> </body> </html> Catatan: *) Pemberian warna pada background dapat juga menggunakan kode heksadesimal VIEW BACK NEXT

Dasar Tag HTML Bullet & Numbering Variasi bullet pada HTML: o o o Disc,

Dasar Tag HTML Bullet & Numbering Variasi bullet pada HTML: o o o Disc, memberikan efek lingkaran (default) Square, memberikan efek persegi empat Circle, memberikan efek lingkaran yang transparan BACK NEXT

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 10</title> </head> <body> <h

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 10</title> </head> <body> <h 3>Daftar Fakultas: <ul type=disc> <li>Fakultas Ekonomi</li> <li>Fakultas Kesehatan</li> <li>Fakultas Ilmu Komputer</li> <li>Fakultas Teknik</li> </ul> </h 3> </body> </html> Catatan: ul = unordered list li = list item BACK NEXT

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 11</title> </head> <body> <h

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 11</title> </head> <body> <h 3>Daftar Fakultas: <ul type=square> <li>Fakultas Ekonomi</li> <li>Fakultas Kesehatan</li> <li>Fakultas Ilmu Komputer</li> <li>Fakultas Teknik</li> </ul> </h 3> </body> </html> BACK NEXT

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 12</title> </head> <body> <h

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 12</title> </head> <body> <h 3>Daftar Fakultas: <ul type=circle> <li>Fakultas Ekonomi</li> <li>Fakultas Kesehatan</li> <li>Fakultas Ilmu Komputer</li> <li>Fakultas Teknik</li> </ul> </h 3> </body> </html> BACK NEXT

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 12</title> </head> <body> <h

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 12</title> </head> <body> <h 3>Daftar Fakultas: <ul type=circle> <li>Fakultas Ekonomi</li> <li>Fakultas Kesehatan</li> <li>Fakultas Ilmu Komputer</li> <li>Fakultas Teknik</li> </ul> </h 3> </body> </html> BACK NEXT

Dasar Tag HTML Bullet & Numbering o o o Daftar bernomor pada HTML: i

Dasar Tag HTML Bullet & Numbering o o o Daftar bernomor pada HTML: i adalah angka romawi kecil, misal: i, iii, iv, dst I adalah angka romawi besar, misal: I, III, IV, dst a adalah huruf kecil, misal: a, b, c, d, dst A adalah huruf kapital, misal: A, B, C, D, dst 1 adalah angka dalam standar, misal: 1, 2, 3, 4, dst BACK NEXT

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 13</title> </head> <body> <h

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 13</title> </head> <body> <h 3>Daftar Fakultas: <ol type=A> <li>Fakultas Ekonomi</li> <li>Fakultas Kesehatan</li> <li>Fakultas Ilmu Komputer</li> <li>Fakultas Teknik</li> </ol> </h 3> </body> </html> Catatan: ol = ordered list BACK NEXT

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 14</title> </head> <body> <h

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 14</title> </head> <body> <h 3>Daftar Fakultas: <ol type=a> <li>Fakultas Ekonomi</li> <li>Fakultas Kesehatan</li> <li>Fakultas Ilmu Komputer</li> <li>Fakultas Teknik</li> </ol> </h 3> </body> </html> BACK NEXT

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 15</title> </head> <body> <h

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 15</title> </head> <body> <h 3>Daftar Fakultas: <ol type=I> <li>Fakultas Ekonomi</li> <li>Fakultas Kesehatan</li> <li>Fakultas Ilmu Komputer</li> <li>Fakultas Teknik</li> </ol> </h 3> </body> </html> BACK NEXT

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 16</title> </head> <body> <h

Dasar Tag HTML o Bullet & Numbering <html> <head> <title>Latihan 16</title> </head> <body> <h 3>Daftar Fakultas: <ol type=i> <li>Fakultas Ekonomi</li> <li>Fakultas Kesehatan</li> <li>Fakultas Ilmu Komputer</li> <li>Fakultas Teknik</li> </ol> </h 3> </body> </html> BACK NEXT

Dasar Tag HTML o Soal Tuliskan Source Code dari tampilan berikut: VIEW END

Dasar Tag HTML o Soal Tuliskan Source Code dari tampilan berikut: VIEW END

UAS PRAKTEK PTI : 1. Lanjutkan homepage pribadi yg sudah Anda buat dan lengkapi

UAS PRAKTEK PTI : 1. Lanjutkan homepage pribadi yg sudah Anda buat dan lengkapi dg form dan table dan materi lain html yang sudah dipelajari sampai hari ini. 2. Tambahkan juga artikel tentang obyek pariwisata yang ada di kota Anda. 3. Tugas dikumpulkan hari Kamis tanggal 7 Januari 2016 jam 14. 00 s/d 16. 00 di Biro Umum + Tandatangan absen UAS.