Anda di halaman 1dari 8

Kesimpulan Tag 1. Pada document html, adalah <html>. Tag ini memberitahu bahwa awal dari doc.

html, sedangkan tag terakir pd doc. adalah </html>. Tag ini memberitahu bahwa akhir dari doc. html. Text antara <head> dan </head> adalah informasi header. Informasi header tidak di tampilkan pd window browser. Hanya text yg berada di antara di antara tag <body> dan </body> yg akan di tampilkan pd browser. Text diantara tag <title> dan </title> adalah informasi judul document, judul di tampilkan pd window caption.

2.6. Petunjuk untuk menggunakan tag


Tag html dapat di apit dg 2 karakter. Kuning bersudut (angle bracket) < dan > Tag html, secara normal selalu berpasangan seperti <h7> dan </h> Tag pertama dalam 1 pasangan adalah tag awal, dan tag yg kedua adalah akhir. Tag html tidak case sensitive , <h7> berarti sama dg <B>. Jika 1 tag ada tag lagi, maka penulisan tag akhir tidak boleh berulang harus berurutan misalnya <h> <I> huruf tebal dan miring </I> </h>.

2.7. Atribut tag.


Tag mempunyai atribut. Atribut menyatakan sesuatu ttg tag tsb. Atribut di gunakan untuk mengubah default penghormatan doc. dg tab yg bersangkutan. Tag berikut tdk mempunyai atribut : <body>. Tag <body> ini tidak menggunakan atribut sehingga doc. html di tampilkan dg warna background sesuai dg definisi warna background pd browser web. Tag berikut mempunyai atribut : <body bgcolor= red >. Tag <body> ini menggunakan atribut bgcolor dg nilai red , maka document yg ditampilkan akan mempunyai warna background merah. tag berikut tdk mempunyai atribut : <table> , tag tanpa atribut ini menyebabkan table akan ditampilkan tanpa menggunakan garis batas (border). Tag berikut mempunyai atribut <table border= 1 >. Atribut ini akan menyebabkan table di tampilkan dg dg menggunakan garis batas pd table yg di tampilkannya. LATIHAN 3: Mengatur warna text pd web. Warna text dapat di atur dg cara mengubah nilai atribut TEXT dalam tag <BODY>

Jalankan notepad Ketik baris text di bawah ini (ketikan persisi seperti ini) <HTML> <HEAD> <TITLE> Latihan Ketiga </TITLE> </HEAD>

<!- warna teks # ff0022 --> <BODY TEXT = #ff0022 >

Warna text web nya berubah </BODY> </HTML> Tag dasar berarti elemen dasar bg .doc. html secara mendas ar akan terdiri atas text informasi. Judul/ topic utama doc. di simpan dalam section/elemen head, disimpan dlm elemen title, dg tag <title> .</title>. Title ini akan di tampilkan pd bagian caption dari window browser web. Text informasi ini akan di simpan dlm section/ elemen body, di dalam tag <body> dan </body> Text . di susun dlm paragraf2-tag<p>. text juga mempunyai judul2 yg menunjukan topik2/bagian2 dalam document, judul ini biasa di sebut sbg heading.
y

Html Merupakan tag dasar yg mendefinisikan bahwa doc. ini adalah doc. html. Tag ini merupakan suatu keharusan bg pemograman web. Untuk menuliskannya sebagai tag pertama dlm doc. <html> diawal doc. dan </html> di akhir. Head Merupakan tag berikutnya setelah <html>. Untuk menuliskan ket. Ttg doc. web yg akan di tampilkan. <head> alamat setelah <html>, dan </head> di akhir section head. Title Merupakan tag agusto diam di dalam head yg harus di tuliskan utk memberikan judul / informasi pd caption browser web ttg topic/ judul dr doc. web yg di tampilkan dlm browser. <title> judul doc. </title>. Body Merupakan section utama Dlm doc. web.pada section ini, semua isi doc, yg akan di tampilkan di dlm browser harus di tuliskan sbb. <body> di awal, segera setelah tag </head> </body> diakhir, di letakan sebelum tag </html>. Paragraph Informasi yg di sajikan dlm doc. harus mengikuti kaidah2 dlm penulisan. Dari suatu pikiran utama di simpan dlm <p> dan </p>

Cnth: tidak menggunakan tag paragraph <htm> <head> <title> tidak menggunakan tag paragraph </title> </head> <body>

----------------------------------- ?????????

</body> </html> Cth ini memperlihatkan doc. web yg tidak menggunakan tag paragraph sama sekali. Dan text akan ditampilkan berbeda dg seolah2 tidak ada ganti baris walaupun telah di pisahkan dlm penulisan di note pad <>

7. ganti baris. Maksudnya di sini adalah hanya menyajikkan informasi pd baris sendiri tetapi tidak mengganti paragraph. Untuk menampilkan suatu text, ditampikan pada garis yg baru pd suatu paragraph, maka harusdi gunakan tag <Br> sebelum text yg di maksud tsb di tuliskan. <html> <head> <title> contoh ganti baris </title> </head> <body> memotong <br> baris <br> dalam suatu <br> paragraf <br> gunakan tag br </p> </body> </html>

8. Heading. Text dlm doc, biasanya mempunyai judul topic pd doc, html, Judul ini di sebut heading. manfaat dari heading utk menunjukan tingkat ke berartian dari text yg akan di tuliskan ada 6 tingkat heading dlm html di nomori dari 1-6. Nomor 1 merupakan heading yg terbesar, setiap heading dlm doc. harus di beritag. Jika tergantung pd kebutuhan/ keberartian text, di anggap sangat penting. Contohnya: 1-heading dipakai tag <hi>. <html> <head> <title> </head>

<body> <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> <h6> ini heading 6 </h6> <p> gunkan tag ini headingnya utk heading

9. MEMISAHKAN BARIS DENGAN TAG <BR> <HTML> <HEAD> <TITLE>LATIHAN KESEMBILAN </TITLE> </HEAD> <BODY> <P> <BR> <BR> <BR> </P> <P ALIGN = CENTER > <BR> <P ALIGN = RIGHT > <BR> </BODY> </HTML> </P> ..<BR> . </P> . <BR>

10. MENGGAMBAR GARIS DENGAN TAG <HR> HORIZONTAL <HTML> <HEAD>

<TITLE> . . . . . </TITLE> </HEAD> <BODY> . . . . .. . . . . . . . . . <HR> . . . . . . . . . . . . . . . . SIZE = 5 <HR SIZE = 5> . . . . . . . . . . . . . . . . . . LEBAR 50 % <HR WIDTH = 50 > . . . . . . . . . . . . . . . SIZE 10 DAN LEBAR 125 PIXEL <HR SIZE = 7 WIDTH = 125 > </BODY> </HTML> 11. MENGATUR HEADING <HTML> <HEAD> <TITLE> LATIHAN KE SEBELAS </TITLE> </HEAD> <BODY> <H6>INI TEKS DENGAN HEADING 6 </H6> <H5> <H4> <H3> <H2> <H1> 5</H5> 4</H5> 3</H3> 2</H2> 1</H1>

12. MEMOFRMAT TEKS <HTML> <HEAD>

<TITLE> LATIHAN KE DUA BELAS </TITLE> </HEAD> <BODY> INITEKS NORMAL <BR> <SMALL> TEKS DENGAN TAG SMALL </SMALL> <BR> <BIG> TEKS DENGAN TAG BIG </BIG> <BR> <I> TEKS BERCETAK MIRING </I> <BR> <B>TEKS BERCETAK TEBAL </B> <BR> <U>TEKS TERCETAK BERGARIS BAWAH </U> CONTOH : DENGAN SUPER BAWAH *<SUP>3</SUP> <BR> <STRIKE>TEKS YANG TERCORET </STRIKE> <BR>

13. memformat teks dengan tag font <html> <head> <tittle> </head> <body> Ini teks normal <BR> <Font size = 5> Teks yang diatur menggunakan tag font dengan size = 5 </font> <BR> </tittle>

<font size = 10> Teks yang diatur menggunakan tag font dengan size 10 </font> <BR> <font color= red > Teks yang diatur menggunakan tag font dengan color red </font> <BR> <font color = red ,size = 3> Teks yang diatur menggunakan tag font dengan color red dan size 3 </font> <BR> <font size = verdana > Teks yang diatur menggunakan tag font dengan face = verdana </font> <BR> <font face= san sheriff size=6> Teks yang diatur menggunakan tag font dengan face = sans sheriff dan size=6 </font> <BR> </body> </html>

LATIHAN 14 <html> <head> <title> latihan empatbelas </title> </head> <body> &quoy ; &amp ; &alt ;

<br> &gt ; &copy ; &reg ; <br> &plusmn ; &AElig ; &aelig ; &Eacute ; &eacute ; </body> </html>

Anda mungkin juga menyukai