WELCOME TO MY PAGE

BIODATA SAYA

Nama	:	Muhammad Arif Firdaus
Alamat	:	JL.KH.Hasyim Ashari No.44 Cipondoh-Tangerang
RT	:	02       RW       : 002
Kelurahan	:	Kenanga
Kecamatan	:	Cipondoh
NO.HP	:	083876407359/0215547075
PIN BB	:	75F3D221
Hobi saya	:	Sepak Bola Menonton Film Kartun
Pekerjaan Saya	:	Karyawan office Mahasiswa teknik informatika
Ini Foto Saya	:	""

Selengkapnya....

Mengatur Spasi Paragraf
Mengatur Spasi Pada Baris
Preformatted Text (pre)
digunakan untuk menampilkan teks sama seperti yang Anda ketikkan dalam dokumen html. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet).

BLOCKQUOTE
Perintah tag <blockquote> digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (mengidentasi teks) atau menampilkan teks dalam bentuk huruf miring.

Begin Row
Tag ini digunakan untuk menulis teks pada baris berikutnya. Tag <br> membuat baris baru tanpa memberi baris kosong di bawahnya.

Untuk membuat paragraf digunakan tag <p>. Setelah tag <p> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </p>. Anda bisa mengatur posisi paragraf dengan attribut align. Atribut align diikuti dengan posisi yang diinginkan. left untuk rata kiri, center untuk rata tengah dan rightuntuk rata kanan.
contoh : <p align="right">Perhatikan!!</p>  

Perhatikan!!

contoh : <p align="left">Perhatikan!!</p>  

Perhatikan!!

contoh : <p align="center">Perhatikan!!</p>  

Perhatikan!!

Heading
adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen html html menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.

List Item
Properti <li> digunakan untuk menampilkan informasi dalam bentuk daftar (list ). Ada dua jenis daftar yang dikenal di HTML, yaitu list dalam format bullet (unordered list <ul>) dan dalam bentuk nomor (unordered list <ol>)

Ke Edit Paragraf
Ke Menu

Selengkapnya....

Pengaturan Paragraf

ALLIGMENT (TATALETAK)
Tata letak dapat ditulis dengan penggunaan Atribut Align. Attribut Align harus diisi
dengan string “Center”|“Left”|“Right”|”Justify”.

PHYSICAL FORMATING
Physical format adalah format terhadap fisik suatu font
Tag‐tag yang termasuk kedalam physucal format adalah:
<b> Untuk menampilkan huruf tebal </b> contoh
<i> Untuk Menampilkan Huruf Miring </i> contoh
<u> Untuk Menampilkan Huruf Bergaris </u> contoh
<tt> Untuk menampilkan huruf seperti huruf mesin tik</tt> contoh
<strike>Untuk menampilkan garis horizontal pada tengah huruf(coret tulisan)</strike> contoh
<Big>Untuk menampilkan ukuran huruf yang lebih besar </big> contoh
<Small>Untuk menampilkan huruf yang lebih kecil</small> contoh
<Sub>Untuk menampilkan tulisan subscript(kecil dibawah) </sub> _contoh
<Sup>Untuk menampilkan tulisan subscript(kecil diatas) </sup> ^contoh

LOGICAL FORMATING
Logical Format akan menerapkan layout dokumen secara logis dan terstruktur
Tag‐tag yang termasuk kedalam physucal format adalah:
<cite> Untuk menandai suatu kutipan (citation)</cite> contoh
<code> untuk menampilkan kode kode program </code> contoh
<em> Untuk memberikan tekanan pada teks (emphasize) </em> contoh
<kbd> Untuk menandai suatu teks yang harus dimasukkan oleh user melalui keyboard<kbd> contoh
<samp>untuk menandai suatu teks yang dimaksudkan sebagai contoh</samp> contoh
<strong> Untuk menandai bagian terpenting dari teks</strong> contoh
<var> untuk menampilkan nama variabel</var> contoh
<dfn> Untuk menandai sebuah subdefinisi dari daftar definisi</dfn> contoh
Ke Edit Paragraf
Ke Menu

Selengkapnya....

Pertemuan III

Mengedit Paragraf

• Format Font
• Pengaturan Paragraf
• Mengatur Spasi Paragraf

Format Font
WARNA FONT
Atribut color digunakan untuk mengatur warna font yang akan digunakan. Untuk memberi nilai pada atribut color,
ada dua cara. Cara pertama dengan menuliskan nama warna seperti Red, Blue, Yellow, White, dll.
Sedangkan cara kedua adalah dengan menggunakan nilai RGB (Red Green Blue) dari suatu warna, misalnya FF0000 untuk Red,
00FF00 untuk green, dan 0000FF untuk Blue.

UKURAN FONT
Untuk mengatur huruf dokumen html digunakan tag . Tag memiliki beberapa atribut untuk mengatur ukuran
huruf yang akan digunakan

JENIS FONT
Atribut face digunakan untuk mengatur jenis huruf yang diinginkan. Atribut face harus diisi dengan string jenis font
seperti Arial, Times New Roman,Verdana, dan sebagainya.

Ke Edit Paragraf
Ke Menu

Selengkapnya....

Pertemuan II

Tag-Tag Html

• Struktur Dasar Penulisan HTML
  
• Judul HTML
  
• Isi File HTML
  
• Baris
  
• Spasi
  
• Warna Background
  
• Background Gambar
  
• Warna Teks
  

Struktur Dasar Penulisan HTML
<HTML>
<Head>
</Head>
<Body>
</Body>
</HTML>
File html diatas hanya berisi tag-tag dasar html, tidak akan
menampilkan isi di layar browser.
Keterangan :
a) <html> </html> : mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML.
b) <head> </head> : mendefinisikan head dalam sebuah file HTML.
c) <title> </title> : mendefinisikan judul yang hendak ditampilkan pada browser.
d) <body> </body> : mendefinisikan teks beserta formatnya yang hendak ditampilkan
Ke Tag HTML
Judul HTML
<HTML>
<Head>
<Title> Ini Judul File HTML</title>
</Head>
<Body>
</Body>
</HTML>
File html diatas akan menampilkan tulisan judul File HTML di
Caption Web Browser .
Ke Tag HTML
Isi File HTML
<HTML>
<Head>
<Title> Ini Judul File HTML</title>
</Head>
<Body>
Ini Adalah isi Dari Sebuah Halaman
</Body>
</HTML>
Ke Tag HTML
Baris
<HTML>
<Head>
<Title> Latihan Penulisan Baris</title>
</Head>
<Body>
Pemindahan baris harus dilakukan dengan Menambahkan Tag Khusus
<p> Bisa Dianggap Sebagai Paragraf baru
<br> Atau Sekedar Tag baris Baru
<hr>
<br> Diakhiri Dengan Sebuah Garis Penutup
</Body>
</HTML>
Ke Tag HTML
Spasi
<HTML>
<Head>
<Title> Latihan Penulisan Dengan Spasi</title>
</Head>
<Body>
Pemindahan baris harus dilakukan dengan Menambahkan Tag Khusus
<p> Bisa Dianggap Sebagai Paragraf baru
<br> Atau Sekedar Tag baris Baru &nbsp; &nbsp; &nbsp;&nbsp; dan pemberian
spasi &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; seperti ini.
<hr>
<br> Diakhiri Dengan Sebuah Garis Penutup
</Body>
</HTML>
Ke Tag HTML
Warna Background
<HTML>
<Head>
<Title> Warna Background</title>
</Head>
<Body bgcolor=”#cccccc” >
Ini akan memberikan pewarnaan pada background
</Body>
</HTML>
Ke Tag HTML
Background gambar
<HTML>
<Head>
<Title> Background gambar</title>
</Head>
<Body bgcolor="aqua" background="./images/image027.jpg" >
Ini akan memberikan pewarnaan pada background
</Body>
</HTML>
Ke Tag HTML
Warna Teks
<HTML>
<Head>
<Title> Warna teks</title>
</Head>
<Body text=“red”>
Ini akan memberikan pewarnaan pada tulisan
</Body>
</HTML>
Ke Tag HTML
Ke Menu

Selengkapnya....

Pertemuan I

Apa Itu World Wide Web ?
World Wide Web (WWW) / WEB, merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke Internet.
Web pada awalnya adalah ruang informasi dalam Internet dengan menggunakan teknologi hyperteks, pemakai dituntun untuk
menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.
Apa Itu HTML ?
Hyper Teks Markup Language (HTML) : Standar Penulisan kode halaman web, terdiri dari kode-kode untuk ditampilkan
disebuah web browser. Oleh Karena Itu File HTML disebut juga sebagai halaman web.
Apa Itu File HTML?
File HTML : Sebuah File Teks yang berisi sejumlah markup tag (tag). Tag memberitahukan kepada Web Browser bagaimana sebuah halaman ditampilkan.
Contoh Bentuk Tag html:
<P>Ini Adalah Sebuah Paragraf</P>
File HTML dapat dibuat dengan menggunakan editor teks sederhana seperti Notepad, Untuk pengembangan yang lebih
cepat dapat digunakan perangkat lunak bantu untuk membangun html yang bersifat WYSIWIG (What You See Is What You Get).
Misal : Ms. Frontpage, Macromedia Dream Weaver, Claris Home Page, Atau Adobe PageMill.
Apa Itu Browser ?
Web Browser adalah suatu program aplikasi yang digunakan untuk menjelajah internet atau untuk mencari
informasi dari suatu web yang tersimpan didalam komputer.
Ke Menu

Selengkapnya....

Belajar Html

Pertemuan I   Pertemuan II   Pertemuan III  

Selengkapnya....