Web Design

Diunggah oleh

Reni Mutiara Sari
12 tayangan5 halaman

Hak Cipta

© Attribution Non-Commercial (BY-NC)

Format Tersedia

DOC, PDF, TXT atau baca online dari Scribd

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Laporkan Dokumen Ini

Hak Cipta:

Attribution Non-Commercial (BY-NC)
Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
Tandai sebagai konten tidak pantas
12 tayangan5 halaman

Web Design

Diunggah oleh

Reni Mutiara Sari

Hak Cipta:

Attribution Non-Commercial (BY-NC)
Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
Tandai sebagai konten tidak pantas
dari 5

Pelajaran 2

Cara Merubah warna latar belakang browser <BODY BGCOLOR="#CCFFCC"> Sesuatu yang menarik </BODY> Menggunakan gambar sebagai latar belakang. File gambar tersebut harus berada pada direktori yang sama dengan file HTML anda. <BODY BACKGROUND="swirlies.gif"> Sesuatu yang menarik </BODY> Bold (cetak tebal), italic (miring), underlined (garis bawah). 1. <BODY> Sesuatu yang <B>menarik</B> </BODY> 2. <BODY> Sesuatu <I>yang</I> <B>menarik</B> </BODY> 3. <BODY> <U>Sesuatu</U>

</body> Pelajaran 3
Mono-spaced font, atau Typewriter Text. <BODY> <TT>Sesuatu yang menarik</TT> </BODY> Merubah font 1. Ukuran font (1-7) <BODY> Sesuatu yang <FONT SIZE=6>menarik</FONT> </BODY> 2. Font <BODY> Sesuatu yang <FONT FACE="ARIAL">menarik</FONT> </BODY> 3. Warna font <BODY> Sesuatu yang <FONT COLOR="#FF0000">menarik</FONT> </BODY>

## Attribute : <BODY BGCOLOR="#FFFFFF"> Sesuatu yang <U><I><B><FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">cool</FONT></B></I></U> </BODY> Merubah judul (section heading) <H1>Sesuatu yang menarik<H1> <H2>Sesuatu yang menarik<H2> <H3>Sesuatu yang menarik<H3> <H4>Sesuatu yang menarik<H4>

<H5>Sesuatu yang menarik<H5> <H6>Sesuatu yang menarik<H6> Tag heading adalah ALIGN... untuk menentukan letaknya. <H2 ALIGN="left">Sesuatu yang menarik<H2> <H2 ALIGN="center">Sesuatu yang menarik<H2> <H2 ALIGN="right">Sesuatu yang menarik<H2> Merubah warna link

Link biasanya biru Active link umumnya merah Visited link biasanya ungu
<BODY BGCOLOR="#00000" TEXT="#FFFF66" LINK="#00FF66" VLINK="#00BB33" ALINK="#00CCFF"> Sesuatu yang menarik </BODY> Ganti Baris <BODY> He! <BR>Jadinya <BR>kok <BR>seperti <BR>ini?? </BODY> Tag untuk paragraf <BODY> <P>Sesuatu yang menarik</P> </BODY>

### apa lagi manfaat tag <P> ini? Hmm, tag ini sangat berguna untuk mengatur letak (aligning).
<BODY> <P ALIGN="left">Sesuatu yang menarik</P> <P ALIGN="center">seperti tangan</P> <P ALIGN="right">atau tali</P> <P ALIGN="left"> Sesuatu yang menarik <BR>seperti tangan <BR>atau tali </P> </body> Spasi <BODY> Sesuatu&nbsp;yang&nbsp;&nbsp;&nbsp menarik </BODY> ### &nbsp; &lt; &gt; &amp; non-breaking space < less-than symbol > greater-than symbol & ampersand (spasi) (tanda lebih kecil) (tanda lebih besar) (dan)

&quot; &shy;

" quotation mark soft hyphen

(tanda petik) (tanda sambung)

Pelajaran 5
Menyisipkan gambar
<BODY> <IMG SRC="chef.gif" WIDTH=130 HEIGHT=101> </BODY>

Kita juga harus menyebutkan sumber (nama dan tempat) serta ukurannya.

#### Atribut IMG yang juga perlu anda perhatikan adalah ALT....
<IMG SRC="chef.gif" WIDTH=130 HEIGHT=101 ALT="Chef"> ALT adalah teks pengganti gambar jika pengunjung anda memakai browser

yang

(apapun alasannya) tidak menampilkan gambar. Pelajaran 6 (link)


<BODY> Lihat <A HREF="http://www.yahoo.com/">Yahoo!</A> </BODY>

Link pada gambar

<BODY> Lihat <A HREF="http://www.pts.co.id/"><IMG SRC="chef.gif" WIDTH=130 HEIGHT=101></A> </BODY>

#### untuk menghilangkan garis sekeliling gambar :


<BODY> Lihat <A HREF="http://www.pts.co.id/"><IMG SRC="chef.gif" WIDTH=130 HEIGHT=101 BORDER=0></A> </BODY>

Pelajaran 7

<BODY> <IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62> </BODY>

Membuat thumbulin pada gambar

Tambahkan tag <A>.


<BODY><A><IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62></A></BODY>.

Kemudian tambahkan URL gambar besar dan selesailah sudah!

<BODY> <A HREF="car1.jpg"><IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62></A> </BODY>

Pelajaran 8
Menambah lebar margin di kiri dan kanan teks. (Teksnya terdorong ke dalam.)
<BODY> <BLOCKQUOTE> Kami bangsa Indonesia dengan ini menyatakan kemerdekaan Indonesia. Hal-hal mengenai perpindahan kekuasaan dan lainlain akan diselenggarakan dengan seksama dan dalam tempo sesingkat-singkatnya. </BLOCKQUOTE> </BODY>

LIST (daftar).

- UNORDERED list. <BODY> Kepribadian yang saya sukai <UL> <LI>pribadi yang jujur <LI>pribadi yang ramah <LI>rumah pribadi <LI>mobil pribadi <LI>sekretaris pribadi </UL> </BODY> #### untuk ordered list: rubah <UL> dengan <OL> - Definition list <DL>. Definition title <DT> <BODY> <DL> <DT><B>Program Studi</B> <DD>Kesatuan rencana belajar sebagai pedoman penyelenggaraan pendidikan akademik dan/atau profesional yang diselenggarakan atas dasar suatu kurikulum yang ditujukan agar mahasiswa dapat menguasai pengetahuan, keterampilan, dan sikap yang sesuai dengan sasaran kurikulum. </DL> </BODY>

Program Studi Kesatuan rencana belajar sebagai pedoman penyelenggaraan pendidikan akademik dan/atau profesional yang diselenggarakan atas dasar suatu kurikulum yang ditujukan agar mahasiswa dapat menguasai pengetahuan, keterampilan, dan sikap yang sesuai dengan sasaran kurikulum.

Pelajaran 9
<BODY> <HR WIDTH=60% ALIGN="left"> <HR WIDTH=60% ALIGN="center"> </BODY>

Garis datar (Horizontal Rule)

ukuran garisnya
<BODY> <HR WIDTH=60% SIZE=1> <HR WIDTH=60% SIZE=8> <HR WIDTH=60% SIZE=15> </BODY>

- garis yang tebal.


<BODY> <HR WIDTH=60% SIZE=1 NOSHADE> <HR WIDTH=60% SIZE=8 NOSHADE> </BODY>

tag <PRE> (preformat),


<BODY> <PRE>

///\\___ (@ @) +----oOO----(_)-----------+ | Tegakkan UUD '45 | | dan | | Pancasila | +-----------------oOO-----+ |__|__| || || ooO Ooo </PRE> </BODY> Tag catatan / komentar

Catatan atau komentar harus dimulai dengan <!-- dan diakhiri dengan -->

Anda mungkin juga menyukai