Postingan

Menampilkan postingan dengan label HTML

Membuat Frame Pada HTML

Gambar
Frame  digunakan  untuk  membagi  jendela  browser  menjadi  beberapa bagian dan masing-masing bagian terdiri dari dokumen  HTML tersendiri. Untuk membuat sebuah frame,  tag yang digunakan adalah :   Tag <FRAMESET> Tag <FRAME> Tag  <NOFRAME>,  digunakan   untuk  menampilkan  sebuah alternatif   dokumen  jika browser   tidak  mendukung  penggunaan frame.   Sebuah  frame  dapat  didefinisikan  di dalam frame lain. Contoh : <html> <head> <title>Frame Kiri</title> </head> <body   bgcolor = "white"> <h1>Frame di Sebelah Kiri</h1> </body> </html> Simpan dengan nama : framekiri.html <html> </head> <title>Frame Kanan</title> <head> <body   bgcolor = "white"> <h1>Frame di Sebelah Kanan</h1> </body> ...

Membuat Tabel Pada Dokumen HTML

Gambar
Kali ini saya akan memberikan materi tentang membuat tabel, langsung aja : Membuat Tabel    HTML menyediakan tag-tag untuk membuat sebuah tabel,  yaitu :  Tag <TABLE>   : untuk mendefinisikan sebuah tebel  Tag <TR>   : untuk mendefinisikan baris  tabel  Tag <TH>  : untuk mendefinisikan  judul tiap kolom atau baris   Tag <TD>  : untuk mendefinisikan  isi tiap kolom Contoh; <HTML>  <HEAD>  <TITLE> Menggunakan Tabel </TITLE>  </HEAD> <BODY>  <TABLE BORDER="1"> <TR> <Td> kelas 1 </Td> <Td>kelas 2 </Td> <Td>  kelas 3 </Td>  </TR> <TR> <Td> X MM </Td> <Td> XI MM </Td> <Td> XII MM </Td>  </TR> </TABLE>  </BODY>  </HTML>

Adobe Dreamweaver CS 6 Full

Gambar
Kali ini saya akan membagikan software Adobe Dreamweaver CS 6 . Software ini biasanya digunakan untuk membuat web, terutama  membuat dokumen HTML, PHP, Java Script dan lainnya . yang berurusan dengan coding . untuk yang sudah ahli pasti selalu menggunakan software ini karena bisa dibilang lebih komplit. Untuk Mendownload klik link dibawah ini: Download Untuk bisa mendownload software ini gunakan Bit torrent --- Bit Torrent Download Silahkan Komen Gan.. 

Membuat Link Pada HTML

Gambar
Dikesempatan ini ane mau ngasih materi tentang HTML lagi gan . yaitu tentang cara membuat link pada HTML. Langsung aja copas atau ketik diNotepad: <HTML> <HEAD> <TITLE> Penggunaan Link </TITLE> </HEAD> <BODY> <a href=”a.html”> <img src="kecil.jpg"></a> <p> <a href="http://www.facebook.com"> facebook</a> </BODY> </HTML> pertama buatlah dulu a.html di notepad dengan isi semaunya.  terus untuk gambar pilih sendiri. tetapi saya sarankan anda menggunakan Adobe Dream Weaver agar lebih mudah dan cepat. Silahkan Komen gan..

Membuat font berwarna pada HTML

Gambar
Disini saya akan menerangkan mengubah karakter dan warna pada font di HTML check this out: Tag <font> Contoh: <HTML> <HEAD> <TITLE>Order List</TITLE> </HEAD> <BODY> <FONT FACE=”Lucida Sans Unicode” SIZE=5 COLOR=red> <center> SMK Negri 2 Garut</center > </FONT> </BODY> </HTML> untuk font face bisa diubah dengan keinginan sendiri misalnya dengan comic sans ms.. kalau ada masalah dalam pembuatan silahkan komen broo....

Membuat Format pada Dokumern HTML

Gambar
Saya akan meneruskan materi yang kemarin . langsung aja ya gan .. d)  Tag <pre> Contoh : Tag <PRE>, membuat tampilan dokumen HTML pada browser sama dengan tampilan pada teks editor. Dengan tag <PRE>, maka tag <P> dan tag <BR>  jadi tidak diperlukan lagi. <HTML> <HEAD> <TITLE> Format Dokumen HTML </ TITLE> </HEAD> <body> <pre> |,-----.,-----.,---.\ ||     ||     ||    \\ |`-----'|-----||-----\`----. [       |    -||-   _|    (| [  ,--. |_____||___/.--.   | =-(( `))-----------(( `))-== </body> </HTML> e)  Tag <center> Contoh : </ HEAD> <BODY> <pre>  <center> |,-----.,-----.,---.\ ||     ||     ||    \\ |`-----'|-----||-----\`----. [       |    -||-   _|    (| [  ,--. |...

Notepad ++ - Software untuk membuat html dan coding lainnya

Gambar
Kali ini admin mau bagiin software gratis yang berguna untuk kalian yang sedang belajar html , software ini bernama Notepad ++ .  Software ini sama halnya dengan notepad yang ada di windows bawaan, Notepad ++ lebih mempunyai fitur untuk membuat html dan coding lainnya. Notepad ++ juga dapat di download gratis di web resminya . Tetapi untuk yang sudah lebih mendalami tentang coding bisa menggunakan Adobe Dream Weaver. untuk mendownload Notepad ++ silahkan klik link dibawah ini: Download jika ada masalah harap komen ya bro..

Membuat Format Pada Dokumen HTML

Gambar
Dalam  HTML  terdapat  beberapa  tag  y ang  dapat  digunakan  untuk memformat dokumen. Tag-tag tersebut diantaranya adalah  : a)  Heading, html mengenal 6  level heading, mulai 1 (terbesar)sampai 6. Contoh  <HTML>  <HEAD>  <title> contoh Heading</title>   </HEAD> <BODY>  <h1>Jayzite </h1> <h2>Jayzite </h1> <h3>Jayzite </h1> <h4>Jayzite </h1> <h5>Jayzite </h1> <h6>Jayzite </h1> </BODY> </HTML> b)  Tag <BR> (baris), tag <p> (paragraph) Contoh <HTML> <HEAD> <TITLE> Format Dokumen HTML </ TITLE> </HEAD> <BODY>  Saya Sedang belajar html <BR> suka belajar <P> Saya belajar html di jayzite </body> </HTML> c)  Garis datar (horizontal rule) <hr> ...

Cara Membuat HTML Background Warna dan Gambar

Gambar
Kali ini saya akan menerangkan cara membuat html berbackground warna dan . sebelum itu kita kenali dulu body berikut pengertiannya: Bagian BODY merupakan isi dari dokumen HTML. Semua informasi yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini. Seperti telah disebutkan di atas, bagian BODY diawali oleh tag <BODY> dan ditutup </BODY> Contoh: <html> <head> <title>.........</title> <body> -(Body berada pada posisi dibawah title) </body> </html> Langsung saja ke cara membuat html backround warna dan gambar: (Agar lebih mudah gunakan lah dreamweaver) A. Background warna. B. Background gambar pada html  body image agar bisa terbuka selalu, save-an html dan gambar dalam satu folder.

Pengertian HTML

Gambar
HTML (HyperText Markup Languange) adalah sebuah text yang dipergunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser. Disebut hypertex t karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya dengan hanya meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext , walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link. Disebut Markup Language karena bahasa HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan di antara tanda lainnya akan tampak besar. Tanda ini akan kita kenal di HTML sebagai tag. HTML bukan merupakan suatu bahasa pemrograman, karena sifatnya yang hanya memberikan tanda (marking up) pada suatu dokumen teks dan bukan sebagai program. HTML merupakan bahasa dasar pembuatan web. Disebut dasar karen...