zaki

Khilafah Lovers

LATIHAN 1

start –> all file—>accecoris—>notepad—>tulis satu kalimat –>save di drive D NAMA DAN BERIKAN .HTM PADA NAMA FILENYA dengan save as type all file kemudian save di drive D…..akan berbentuk mozila dan klik 2kali. maka anda telah membuat HTML sederhana

html dog

LATIHAN KE 2

pada notepad

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document……
</body>
</html>

kemudian copy..refresh pada web yang kita buat pada mozila

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>The content of the document……</h2>
</body>
</html>—–>tulisan dalam body akan berbentuk h2

 

 

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2 align=”center”>The content of the document……</h2>
</body>
</html> tulisan akan berada ditenganh body

elemen title, elemen body, elemen html

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>The content of the document……</h2>
<p> ini contoh paragraf deduktif
</body>
</html>

maka pada body akan muncul tulisan ini adalaha paragraf deduktif

LATIHAN 3

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
</head>
<body>
<p>
Saat ini saya sedang belajar bahasa html<br />
ternyata html itu <strong>mudah</strong>, <em>asyik</em>, dan <u>menyenangkan</u>.
</p>
</body>
</html>

 

<strike>

heading

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
</head>
<body>
<p>
Saat ini saya sedang belajar bahasa html<br /
ternyata html itu <strong>mudah</strong>, <em>asyik</em>, dan <u>menyenangkan</u>. <br> ini adalah <strike> aku </strike>
</p>
<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>
</body>
</html>

list nama 1.,2 ,3

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
</head>
<body>
<p>
Saat ini saya sedang belajar bahasa html<br /
ternyata html itu <strong>mudah</strong>, <em>asyik</em>, dan <u>menyenangkan</u>. <br> ini adalah <strike> aku </strike>
</p>
<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>
<ol>
<li> Wahyu</li>
<li>dita </li>
<li>balqis</li>
<li>fathir</li>
<li>labib </li>
</ol>

</body>
</html>

ununderlist= jawa tengah

underlist: dita,wahtu dll

tag heading h1

tag underlist li

tag tulisan tercoret strike

 

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
</head>
<body>
<p>
Saat ini saya sedang belajar bahasa html<br /
ternyata html itu <strong>mudah</strong>, <em>asyik</em>, dan <u>menyenangkan</u>. <br> ini adalah <strike> aku </strike>
</p>
<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>
<ol>
<li> Wahyu</li>
<li>dita </li>
<li>balqis</li>
<li>fathir</li>
<li>labib </li>
</ol>
<ul>
<li>Jawa Tengah</li>
<li>Jawa Barat</li>
<li>Jawa Timur</li>
<li>Banten</li>
<li>DKI Jakarta</li>
</ul
<LI> JAWA TENGAH
<OL>
<LI> ANGGUR </LI>
<LI> JAMBU </LI>
<LI> MANGGA </LI>
</OL>
</LI>
<ul>
<li> jawa barat
<ol>
<LI> mangga </LI>
<LI> alpukat </LI>
<LI> semangka </LI>
</ol>

</li>

</body>
</html>

 

warna-warna html

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
<style>
body {background:gray;}
p {color:red;}
h1 {color:blue;}
em {color:green;}
u {culor:yellow;}
</style>
</head>
<body>
<p>
Saat ini saya sedang belajar bahasa html<br /
ternyata html itu <strong>mudah</strong>, <em>asyik</em>, dan <u>menyenangkan</u>. <br> ini adalah <strike> aku </strike>
</p>
<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>
<ol>
<li> Wahyu</li>
<li>dita </li>
<li>balqis</li>
<li>fathir</li>
<li>labib </li>
</ol>
<ul>
<li>Jawa Tengah</li>
<li>Jawa Barat</li>
<li>Jawa Timur</li>
<li>Banten</li>
<li>DKI Jakarta</li>
</ul
<LI> JAWA TENGAH
<OL>
<LI> ANGGUR </LI>
<LI> JAMBU </LI>
<LI> MANGGA </LI>
</OL>
</LI>
<ul>
<li> jawa barat
<ol>
<LI> mangga </LI>
<LI> alpukat </LI>
<LI> semangka </LI>
</ol>

</li>

</body>
</html>

 

tulisan blink2

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
<style>
body {background:pink;}
p {color:yellow;}
h1 {color:white;text-decoration:blink;}
em {color:green;}
u {culor:yellow;}
</style>
</head>
<body>
<p>
Saat ini saya sedang belajar bahasa html<br /
ternyata html itu <strong>mudah</strong>, <em>asyik</em>, dan <u>menyenangkan</u>. <br> ini adalah <strike> aku </strike>
</p>
<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>
<ol>
<li> Wahyu</li>
<li>dita </li>
<li>balqis</li>
<li>fathir</li>
<li>labib </li>
</ol>
<ul>
<li>Jawa Tengah</li>
<li>Jawa Barat</li>
<li>Jawa Timur</li>
<li>Banten</li>
<li>DKI Jakarta</li>
</ul
<LI> JAWA TENGAH
<OL>
<LI> ANGGUR </LI>
<LI> JAMBU </LI>
<LI> MANGGA </LI>
</OL>
</LI>
<ul>
<li> jawa barat
<ol>
<LI> mangga </LI>
<LI> alpukat </LI>
<LI> semangka </LI>
</ol>

</li>

</body>
</html>

body dengan body diha[pus

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
<style>
body {background:pink;}
p {color:yellow;}
h1 {color:white;text-decoration:blink;}font-size:border:1px dashed black;
em {color:green;}
u {culor:yellow;}
</style>
</head>
<body>

</body>
</html>

sesuaikan nama folder dengan kata yang akn diletakkan pada note pade

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
<style>
body {background:pink;}
p {color:yellow;}
h1 {color:white;text-decoration:blink;}font-size:border:1px dashed black;
em {color:green;}
u {culor:yellow;}
</style>
</head>
<body>
<img src=”images/img_2704.jpg”/>

</body>
</html>

 

jpg jangan lupa 🙂

besar kecil gambar

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
<style>
body {background:pink;}
p {color:yellow;}
h1 {color:white;text-decoration:blink;}font-size:border:1px dashed black;
em {color:green;}
u {culor:yellow;}
</style>
</head>
<body>
<img src=”images/khilafah.jpg”width=”200″/>

</body>
</html>

border gambar

<img src=”images/1.jpg”width=”150″/>

link ke my experince

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
<style>
body {background:pink;}
p {color:yellow;}
h1 {color:white;text-decoration:blink;}font-size:border:1px dashed black;
em {color:green;}
u {culor:yellow;}
img {border:10px dotted white;}
</style>
</head>
<body>
<img src=”images/khilafah.jpg”width=”200″/>
<img src=”images/langit.jpg”width=”200″/>
<a href=”myexperience.html”>klik disini</a>
</body>
</html>

tugas dari pak adam disuruh bikin tentang halaman biodata 🙁 bisakah kita???
halamanya berlink2kaynya bkin 3  hlaman

 

 

Categories: HASIL KULIAH Q

PROFIL AKU

zaki


Popular Posts

Sudah siapkah Menika

Ketika pertanyaaan ini muncul dan ditujukan padaku, pastinya loading dulu ...

basic HTML sederhana

LATIHAN 1 start --> all file--->accecoris--->notepad--->tulis satu kalimat -->save di drive ...

Hijab im in love : I

Pertama kali kali aku mengazzamkan diri  mengenangkannya.  Saat di bangku ...

Ihsanul Amal : Ibada

Ihsanul amal( amal yang baik) merupakan amalan yang InsyaAllah diterima ...

Islamic Farming : S

Ketika kita pulang kampung ini, secara tidak langsung orang-orang disekitar ...