Sunday, 4 February 2018

Membuat file html di Aplikasi Notepad

Sebagai pemula seperty saya dalam pembelajaran code Html ,css dan java scrip saya saran kan lebih baik gunakan aplikasi notepad agar kita leih menghafal tag t-ag ny  dan lebih mengetahui fungsi tag- tag tersebut sekarang langsung praktek aja

Pertama Jalankan Aplikasi Notepad


Kedua Copy Tulisan Dibawah ini dari <html> sampai </html>

<html>
<head>
</head>
<body>
<p align="center"><b><font face="Copperplate Gothic Bold" size="5"><b>Belajar Membuat File html di Notepad</b><br>
&nbsp;</font></p>
<p align="left"><font face="Courier New" size="2"><br>
<br>
</font><font face="Courier New" size="4">
<b>1 Contoh Tulisan</b></font></p>
<p align="left"><font face="Courier New" size="2"><br>
Contoh normal&nbsp; </font></p>
<p align="left"><b><font face="Courier New" size="4">Contoh bold</font></b></p>
<p align="left"><i><font face="Courier New" size="4">Contoh italic</font></i></p>
<p align="left"><u><font face="Courier New" size="4">contoh underline</font></u></p>
<p align="left"><font face="Courier New" size="2">
<br>
<b>2.contoh Tulisan pake GAMBAR</b></font></p>
<p align="left"><font face="Courier New" size="2"><br>
&quot;contoh gambar1&quot; .<br>
<img border="0" src="flax1.gif" width="123" height="116"></font></p>
<p align="left"><font face="Courier New" size="2">Gambar1.Contoh keterangan
image<br>
&nbsp;</font></p>
<p align="left"><font face="Courier New" size="2">3 Contoh Tulisan pake tabel</font></p>
<div style="border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px">
<p align="left"><font face="Courier New" size="2">contoh</font></p></div>
<p align="left"><font face="Courier New" size="2">4 contoh tulisan pake
horisontal line </font></p>
<p align="left"><font face="Courier New" size="2">contoh</font></p>
<hr>
<p align="left">&nbsp;</p>
</body>
</html>



Paste Kan Kedalam Notepad
 
ketiga klik File pilih  save as


di File Name   Tulis  Contoh.Html   (Titik dan Html Jangan Sampai Lupa )


di save as type pilih All Files
di encoding pilih UTF-8

kalau sudah selesai klik save
test jalan kan di browser google crome atau mozilla atau opera
kalau berhasil akan tampak seperti gambar di bawah ini.

Belajar Membuat File html di Notepad
 


1 Contoh Tulisan

Contoh normal 
Contoh bold
Contoh italic
contoh underline

2.contoh Tulisan pake GAMBAR

"contoh gambar1" .
Gambar1.Contoh keterangan image
 
3 Contoh Tulisan pake tabel
contoh
4 contoh tulisan pake horisontal line
contoh



No comments:

Post a Comment

Code Gambar Html

Banyak sekali gambar-gambar di Di website dan di Blog nah bagi yang New bie pasti ingin Tahu Code html nya bagaimana see langsung saja Kal...