Wednesday, 14 February 2018

Font html

Sekarang kita nulis html kita tambah kan code font nya biar kita tau letak nya di mana tulis scrip nya di bawah lalu pastekan di notepad dan lihat hasil nya


<!DOCTYPE html>
<html>
<body>

<h1 style="font-family:verdana;">ini contoh h1</h1>
<p style="font-family:courier;">ini contoh paragraf.</p>

</body>
</html>
keterangan
 font-family:verdana ini jenis font ny jadi sobat tinggal ganti j font yang sobat mau
dibawah hasil nya

ini contoh h1

ini contoh paragraf.
at No comments:
Labels:

Friday, 9 February 2018

Melihat code Html video


sekarang saya akan  mencoba mencari tau gmna cara membuat video pake code html dengan bantuan blog kita bisa tau
saya masih sulit tapi saya akan mencoba cara  yang mudah saja sobat di blog ada icon video sobat  pilih youtobe ketik saja   apa yang sobat mau dan pilih di icon html  kita lihat di scrip nya jadi kita bsa mempelajari nya dan mengetahui tag apa sja yang digunakan
ok sobat dibawah ini code html nya video yang diatas

<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/kr4882GSwpA/0.jpg" src="https://www.youtube.com/embed/kr4882GSwpA?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br />

ternyata sulit juga y tapi jangan menyerah y sobat  selamat belajar
at No comments:
Labels:

Wednesday, 7 February 2018

Tag Tabel html


Membuat Tabel 


sekarang kita membuat tabel sederhana saja
kita gunakan dua tag tabel saja tr sama td
<table </table
<tr> </tr>
<td  </td>
ini code nya yang harus di tulis

<!DOCTYPE html>
 <html lang="en-GB">
<head> 
<meta charset="utf-8">
 <title>membuat tabel</title>
</head>
 <body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#0000FF">&nbsp; </td>
<td bgcolor="#FFFF66">&nbsp;</td>
<td rowspan="2" bgcolor="#FF3366">&nbsp;</td>
</tr>
<tr>
<td colspan="2" bgcolor="#33CC66">&nbsp;</td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFCC99">&nbsp;</td>
</tr>
</table
 </body>
 </html>

 keterangan

<table width = lebar tabel pembuka
<td bgcolor= warna sel
<td rowspan= rentang baris
<td colspan= rentang baris
cellspacing= celah sel
cellpadding= penyangga sel
</table = penutup tabel

kalau berhasil tampak seperti ini

membuat tabel
     
 
 
at No comments:
Labels:

fungsi tag ul dan ol

Mengetahui fungsi Tag ul dan ol
tag ol dan ul

sebelum nya kita buat tulisan sebagai berikut

<ul>  mengelompokkan item yang tidak memiliki urutan.

contoh
<ul>
<li>ayam bakar</li> 
<li>ayam goreng</li> 
<li>ayam panggang</li>
<li>ayam opor</li>
</ul>

<ol> mengelompokkan item yang berurutan

contoh
<ol> 
<li>Masukkan 3 sdm kopi bubuk</li>
<li>Tuangkan 250 ml air hangat</li> 
<li>Tambahkan gula secukup nya</li>
<li>Aduk hingga campur</li>
</ol>

sekarang  kita buat code html nya seperti di bawah ini di notepad

<html lang="en">
 <head> 
 <meta charset="utf-8">   
<title>fungsi tag ol dan ul</title>
<body>
<ul> 
<li>ayam bakar</li> 
<li>ayam goreng</li> 
<li>ayam panggang</li>
<li>ayam opor</li>
</ul>
<ol>   <li>Masukkan 3 sdm kopi bubuk</li>
<li>Tuangkan 250 ml air hangat</li> 
<li>Tambahkan gula secukup nya</li>
<li>Aduk hingga campur</li>
</ol>
 </body>
</html>

dan lihat hasil nya seperty di bawah ini

fungsi tag ol dan ul
  • ayam bakar
  • ayam goreng
  • ayam panggang
  • ayam opor
  1. Masukkan 3 sdm kopi bubuk
  2. Tuangkan 250 ml air hangat
  3. Tambahkan gula secukup nya
  4. Aduk hingga campur
at No comments:
Labels: ,

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


at No comments:
Labels:
Subscribe to: Posts (Atom)

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...