Skip to content Skip to sidebar Skip to footer

TUGAS Modul1 PEMOGRAMAN WEB 1

 A.     TUGAS

1.      Ketikan semua script tersebut kemudian berikan hasil dari analisa anda !

Jawaban : secrift hasil fraktikum setelah digabung sebagai berikut

<html>

<head>

<title>Judul Hello World</title>

</head>

<body bgcolor="silver" text="white">

Hello World

          <p>Akhir pekan ini ...</p>

          <p align=”left”>Akhir pekan ini ...</p>

          <p align=”justify”>Akhir pekan ini ...</p>

          <p align=”right”>Akhir pekan ini ...</p>

          <center>Akhir Pekan ini</center>

 

<p>UNIKU JAYA !!!</p>

<p> UNIKU JAYA !!!</p>

 

 

<h1>HEADER Level 1</h1>

<h2>HEADER Level 2</h2>

<h3>Header Level 3</h3>

<h4>Header Level 4</h4>

<h5>Header Level 5</h5>

<h6>Header Level 6</h6>

 

<b>Ini adalah huruf bercetak tebal</b>

<i>Ini adalah huruf bercetak miring</i>

<u>Ini adalah huruf dengan garis bawah</u>

<br>

<font face=”arial”>Hello Saya Arial</font>

<font face=”arial” color=”blue”>Hello saya Arial dengan warna</font>

<font face=”arial” color=”yellow” size="5">Hello saya Arial dengan warna dan saya lebih besar dari sebelumnya</font>

 <br>

&quot;

          &amp;

          &lt;

<BR>

          &gt;

          &copy;

          &reg;

<BR>

          &plusmn;

          &AElig;

          &aelig;

          &Eacute;

          &eacute;

 

 

</body>

</html>

 

 

Analisa:

Dari secrift diatas terdiri dari banyak tag seperti:

·         <HTML>..</HTML> = untuk menyatakan bahwa dokumen tersebut adalah dokumen HTML

·         <HEAD> ..</HEAD> = untuk memberikan informasi mengenai dokumen HTML

·         <TITLE>...</TITLE> = berisi judul dokumen & ditampilkan pada title bar web browser contoh diatas seperti Judul Hello World

·         <BODY>..</BODY>  =berisi informasi / data yang ingin ditampilkan pada dokumen HTML di dalam dini kita bisa membuat berbagai tag untuk mendesain web contoh bisa mebuat begrount dan tek sesuai keinginan contoh tag <body  bgcolor="silver" text="red">...</body>

·         <p>...</p> =yaitu digunakan untuk membuat sebuah paragraf dimana text dipoles dengan menggunakan tag <p>, tag <p> dan mempunyai atribut align dengan format: align =”right” align =” center” align =”justify” align =”left” penulisn seperti secerft diatas yang bertandakan tag <p>...</p>

·         <body bgcolor="silver" text="white"> = sehingga warna bground menjadi warna silver dan tek menjadi warna putih. tag pembuatan warna , text ataupun background menjadi berwarna, tulis script seperti contoh diatas

·         <hi>  ….. </hi> =untuk mengatur ukuran huruf (i) diganti dengan angka 1 s/d 6 (1 -> terbesar, 6 -> terkecil) seperti contoh di atas

·         <b>..</b> =untuk merubah tek menjadi tebal seperti gambar diatas

·         <i>..</i> =untuk merubah tek menjadi miring seperti gambar diatas

·         <u>..</u> =untuk merubah tek menjadi ada garis bawah seperti gambar diatas

·         <font>...</font> yaitu untuk merubah pengaturan hurup/ bentuk hurup yang diinginkan seperti huruf arial,calibri,ukurn huruf,warna contoh tagnya seperti <font face=”arial” color=”yellow” size="5">Hello </font> maka bila ditampilkan tek helow hurufnya arial,warna tex kuning, dan ukuran huruf 5.

·         Dalm tag ini bagai mana cara pembuatan charakter misal “&”

Contoh untuk membuat caracter

ü  &quot; membuat character seperti

ü  &amp; membuat character seperti &

ü  &lt ; membuat character seperti <

ü  &gt; membuat character seperti >

ü  &copy; untuk membuat character seperti ©

ü  &reg; untuk membuat character seperti  ®

ü  &plusmn; untuk membuat character seperti  ±

ü  &AElig;  untuk membuat character seperti  Æ

ü  &aelig; untuk membuat character seperti  æ

ü  &Eacute; untuk membuat character seperti  É

ü  &eacute; untuk membuat character seperti  é

ü  <br> untuk pindah garis baru

2.      Mengapa dokumen HTML source code nya dapat dilihat dari sisi client?Jelaskan !

Jawaban :

Karna setiap HTML bisa dilihat oleh setiap celinet/orang contohnya dalam google.apabila kita klik kanan lalu pilih scoure coe/lihat halaman maka kode hatemlnya akan kelihatan/di tampilkan

3.      Buat sebuah tulisan penuh (cerita, artikel atau apapun), kemudian poles dengan HTML, buat semenarik mungkin.

JAWABAN:

·         Buatlah code hteml sebagai berikutdan simpan dengan namafile.html

<html>

<head>

<title>Universitas Kuningan</title>

</head>

<body text="black" background="HUJ.jpg">

<marquee> <h3>SELAMAT DATANG DI WEB INI BERSAMA PATALA CITY<h3> </marquee>

<b><a herf="hal1.html">Home</a>|

<a herf="hal1.html">Materi</a>|

<a herf="hal1.html">Software</a>|

<a herf="hal1.html">Fuisi</a>|

<a herf="hal1.html">Biodata</a>|

</b>

<hr>

<pre>

<b>BELAJAR </b>

HARI INI....

aku sedang belajar

belajar tentang HTML...

    Kadang sulit untuk di mengerti

    karena banyak teka teki aneh

    tapi biarlah....

    aku coba terus menerus.

    sampai pingsan

kendatipun segala upaya

kemampuan yang ada pada diri saya

telah saya kerahkan...

untuk memberi yang terbaik

namun manusia tak luput dari kekurangan dan kehilafan

maka dari itu mohon maaf bila ada kekurangan...

by wawan wahyu

</pre>

<body>

</html>

·         Lalu buka file tadi maka hasilnya sebaga berikut

 

Post a Comment for "TUGAS Modul1 PEMOGRAMAN WEB 1"