RSS

TUGAS 1 WEB PROGRAMMING KELAS 05 PTIK 2011

23 Sep

Latihan 1

Tuliskan script berikut ini pada text editor Notepad atau Notepad++, lalu simpan pada folder tugas di komputer Anda

<HTML>

<HEAD>

<TITLE>Font <TITTLE>

</HEAD>

<BODY>

<font size=1>ukuran 1</font><br>

<font size=2> ukuran 2</font><br>

<font size=3> ukuran 3</font><br>

<font size=4> ukuran 4</font><br>

<font size=5> ukuran 5</font><br>

<font size=6> ukuran 6</font><br>

<font size=7> ukuran 7</font>

<I>Copyright; 2013, NAMA ANDA</I>

</BODY>

</HMTL>

Latihan 2

Tuliskan script berikut ini pada text editor Notepad atau Notepad++, lalu simpan pada Folder tugas di Komputer Anda

<HTML>

<HEAD>

<TITLE>Font Face<TITTLE>

</HEAD>

<BODY>

<font face=”Arial”>Arial</font><br>

<font face=”Tahoma”>Tahoma</font><br>

<font face=”Courier New”>Courier New</font><br>

<I>Copyright; 2013, NAMA ANDA</I>

</BODY>

</HTML>

Latihan 3

Tuliskan script berikut ini pada text editor Notepad atau Notepad++, lalu simpan pada Folder tugas di Komputer Anda

Mengatur Pemerataan Tulisan
Pemerataan tulisan sangat mempengaruhi tampilan dari halaman web anda, ada kalanya tulisan tertentu perlu ditampilkan pada tengah halaman, atau pun justified. Tag-tag HTML yang mengatur pemerataan tulisan pada satu halaman:
a.      <CENTER> </CENTER>
Tag ini akan menampilkan tulisan/gambar ditengah baris.
b.   <P ALIGN=LEFT|CENTER|RIGHT> </P>
Tag paragraf digunakan untuk memulai suatu paragraf baru disertai dengan pemerataan teks ke kiri, tengah, atau kanan dari tampilan browser untuk paragraf bersangkutan. Suatu paragraf dapat terdiri dari teks, gambar, hyperlink, dan element HTML lainnya.
c.   <H# ALIGN=LEFT|CENTER|RIGHT> </H#>
Ini akan merapikan tulisan ke kiri, tengah atau kanan dari tulisan yang diberi tingkat heading
Contoh :
<center>Tulisan ini berada ditengah baris</center>
<p align=left>Tulisan ini rapat kiri</p>
<p align=center>Yang ini juga ditengah baris</p>
<p align=right>Yang ini rapat kanan</p>
Hasil:
Tulisan ini berada ditengah baris
Tulisan ini rapat kiri
Yang ini juga ditengah baris
Yang ini rapat kanan

Latihan 3.a.

<HTML><BODY>

<H1>Header level 1</H1>

<H2 align=”center”>Header level 2</H2>

<H3 align=”right”>Header level 3</H3>

<HTML><BODY>

Latihan 3.b.

<HTML><BODY>

<P>paragraf rata kiri adalah default

<P align=”center”>paragraf di tengah

<P align=”right”>paragraf rata kanan

<P align=”justify”>paragraf rata kiri dan kanan

</HTML></BODY>

Latihan 4.

INDENTASI

Disamping mengatur perataan, kita pun bisa mengatur posisi baris-baris paragraf dari margin (tepi halaman). Ada tiga macam bentuk indentasi paragraf. Pertama, baris pertamanya saja yang agak masuk ke dalam. Untuk membuat paragraf semacam ini kita menggunakan tag <DD>.

Latihan 4.a.

<HTML><BODY>

<DD>Paragraf atau alinea ialah sekumpulan kalimat yang mengandung satu pokok pikiran. Antara satu paragraf dengan paragraf lainnya biasanya dipisahkan oleh baris kosong. Namun biasa pula paragraf itu ditandai dengan posisi baris pertamanya yang agak masuk ke dalam.

<HTML><BODY>

Latihan 4.b.

<HTML><BODY>

Ini adalah paragraf normal

<BLOCKQUOTE>

<P>Ini paragraf yang agak masuk ke dalam.

<P align=”justify”>Ini juga contoh paragraf yang agak masuk ke dalam. Dengan kalimat yang agak panjang, kita lihat bahwa <b>semua baris</b> dalam paragraf ini letaknya agak masuk ke dalam. <i>Sama rata sama jauhnya</i>. 

</BLOCKQUOTE>

<P>Nah, paragraf ini kembali normal, karena tag <i>blockquote</i> sudah berlalu alias sudah ditutup di atas. Ngerti, kan?

</HTML></BODY>

Latihan 4.c.

Tuliskan kode html, yang hasilnya seperti berikut ini:

HTML

SELAMAT BELAJAR
 
Tinggalkan komentar

Ditulis oleh pada September 23, 2013 in Tugas WEB PROGRAMMING

 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: