Breaking News

Senin, 29 September 2014

Paragraf dan Line Break (HTML)

Paragraf & Line Break

Assalammua'alaikum....
E-Weblog hadir lagi nih untuk menamani waktu luang para googlinger. Oh ya kali ini E-Weblog akan membahas mengenai Paragraf dan Line break pada HTML. Sudah siapkah kalian? Kalau sudah, oke mari kita ke materi. Check it out!
  • Paragraf. Tag paragraf <p> berfungsi layaknya untuk pengaturan antar paragraf dalam halaman web. Tag ini memiliki beberapa elemen, misalnya : align [left | center | right]. 
  • Line Break. Tag line break <br> digunakan untuk memberi baris baru suatu paragraf dalam halaman web.
Untuk prakteknya ketik aja script berikut dengan notepad++ atau bisa juga dengan Adobe Dreamweaver.

 Paragraf 

 <html>
<head>
<title>Penggunaan Paragraf</title>
</head>
<body bgcolor="#0066FF" text="#FFFFFF">
<h1><center>::- Belajar Penggunaan Paragraf -::</center></h1>
        <hr width="100%" size="5px" align="center">
        <h3>Fungsi :</h3>
        <h4>Merapikan tulisan</h4>
        <p>Membuat lebih tersusun</p>
</body>

</html>

 Line Break
<html>
<head>
<title>Penggunaan Line Break</title>
</head>
<body bgcolor="#0066FF" text="#FFFFFF">
<h1><center>::- Toko Komputer -::</center></h1>
        <hr width="100%" size="5px" align="center">
        <h3>Kategori :</h3>
        <h4>Gadget, HP & Accessories</h4>
        <p>Handphone<br>Smartphone<br>Tablet<br>Baterai<br>Charger</p>
        <h4>Electronic & Home App</h4>
        <p>Alat Kebersihan<br>Mesin Cuci<br>Freezer<br>AC<br>Peralatan Dapur</p>
</body>

</html>

Apabila sudah menulis seperti diatas, langkah selanjutnya save-as file dengan ekstensi .html, nama boleh bebas. Kemudian cek hasilnya dengan klik file tersebut dan lihat tampilan yang tampak dibrowser. Apabila seperti berikut berarti penulisan script kawan sudah benar :-)

Tampilan untuk Paragraf

Tampilan untuk Line Break

Sampai disini dulu ya sahabat E-Weblog yang setia, admin lelah nih :-D
Tetap kunjungi blog ini untuk info selanjutnya, See U next Time. :-)
Salam NetBie...


Read more ...
Diposting oleh di Tidak ada komentar:
Label:

Heading dan Horizontal Ruler (HTML)

Heading & Horizontal Ruler

Hello, kawan E-Weblog?
Pada kesempatan ini, admin akan meneruskan lanjutan dari posting Pengenalan HTML. Materi kali ini yaitu tentang Heading dan Horisontal Ruler. Ini adalah tag yang digunakan dalam menulis sebuah judul dan sub judul dalam HTML. Bagaimana bentuknya itu, mari kita simak sama-sama. :-)
  • Heading, tag heading <hx> digunakan untuk memformat judul dan sub judul dari suatu halaman web. Heading ini akan memperbesar ukuran huruf untuk setiap heading. Ada enam heading yang dikenal HTML. Yaitu dari <h1> sampai <h6>. Tag ini memiliki atribut : [left | center | right]. Untuk lebih jelasnya bisa ketikan code ini di notepad++ atau bisa juga bisa dengan Adobe Dreamweaver.
 <html>
<head>
<title>Contoh Penggunaan Heading</title>
</head>
<body>
<h1>Ini Heading 1</h1>
    <h2><center>Ini Heading 2</center></h2>
    <h3>Ini Heading 3</h3>
    <h4>Ini Heading 4</h4>
    <h5>Ini Heading 5</h5>
    <h6>Ini Heading 6</h6>    
</body>
</html>

Apabila sudah menulis seperti diatas, langkah selanjutnya save-as file dengan ekstensi .html, kemudian cek hasilnya dengan klik file tersebut dan lihat tampilan yang tampak dibrowser. Apabila seperti berikut berarti penulisan kawan sudah benar :-)
Heading

  • Horisontal Ruler.  Tag horisontal ruler <hr> berfungsi untuk menampilkan garis horisontal tiga dimensi didalam halaman web. Tag ini tidak memerlukan elemen penutup </hr>. Atribut elemen <hr> yaitu : align = [left | center | right], size = pixel (tebal garis, default 2), width = panjang (lebar garis,pixel atau persen, default 100%), noshade (garis solid). Untuk jelasnya bisa ketikkan latihan berikut :

<html>
<head>
<title>Penggunaan Horisontal Ruler</title>
</head>
<body bgcolor="#0066FF" text="#FFFFFF">
<h1><center>::- Belajar Horisontal Ruler -::</center></h1>
        <hr width="100%" size="5px" align="center">
</body>
</html>

maka hasilnya akan seperti ini :
Horizontal Ruler

Mungkin sekian dulu yang bisa E-Weblog infokan, tetap kunjungi blog ini untuk melihat postingan selanjutnya yang tak kalah penting.
Sayonara :-)
Salam NetBie...
Read more ...
Diposting oleh di Tidak ada komentar:
Label:

Minggu, 28 September 2014

Pengenalan HTML

HTML
HTML
Assalammu'alaikum,
Apa kabar good people?
Pada kesempatan ini E-Weblog akan memberikan sedikit pencerahan tentang HTML. Pasti bagi yang sudah menggeluti dunia web tidak asing lagi dengan HTML. Namun bagi para newbie pasti ada yang penasaran dengan apa sih itu HTML? Daripada penasaran, Oke kita langsung ke topik saja. 
HTML atau Hypertext Markup Language adalah bahasa untuk membentuk sebuah halaman web dan html itu bukan sebuah bahasa pemrograman melainkan bahasa (markup language). Markup language terdiri dari sekumpulan markup tag. Simbol markup HTML yang ditandai lebih kecil (<)  dan lebih besar (>) yang disebut dengan tag.
Tag-Tag Dasar HTML :

  1. <html> itu untuk awal dokumen dan </html> pada akhir dokumen.
  2. <head> diawal setelah <html> dan </head> di akhir section head. Ada elemen yang terdapat pada bagian head. Misalnya :
  • Tag <title>, digunakan untuk memberi judul dokumen. Penggunaan sebagai berikut <title>Judul Dokumen</title>. 
  • Tag <base>, digunakan untuk menentukan basis URL sebuah dokumen. Contoh <base target="_blank"/>.
  • Tag <link>, digunakan untuk menunjukan relasi antar dokumen HTML. Tag ini memiliki beberapa atribut, seperti : 
    Tag <link>
    Tag <link>
     Contoh penggunaan : <link rel="sylesheet" href="http://situs.com/style.css" type="text/css" />.
  • Tag <meta>, digunakan untuk mendefinisikan informasi-informasi diluar HTML. Tag <meta> mempunyai atribut :
    Atribut Tag <meta>
    Atribut Tag <meta>
     Contoh penggunaan : <meta http-equiv="refresh" content="50" />.
      3.  diawali <body> dan ditutup </body>, Tag body digunakan untuk menulis isi dari dokumen. Atribut:
Atribut tag <body>
Atribut tag <body>
Buat para newbie yang ingin mencoba praktek, silahkan ketik aja script berikut dengan notepad++ atau bisa juga bisa dengan Adobe Dreamweaver.

<html>
<head>
    <title>Contoh Penggunaan BODY</title>
        <base target="_blank" />
        <meta http-equiv="refresh" content="50" />
        <meta name="keywords" content="Meta, Body, HTML" />
        <meta name="description" content="Belajar HTML">
     </head>
     <body bgcolor="#990099" text="white" vlink="#00FFFF"
     link="yellow" >
      Ini adalah contoh penggunaan body.
        Dan ini adalah sebuah <a href="">link</a>
     </body>
</html>

 Apabila sudah menulis seperti diatas, langkah selanjutnya save-as file dengan ekstensi .html, kemudian cek hasilnya dengan klik file tersebut dan lihat tampilan yang tampak dibrowser. Apabila seperti berikut berarti penulisan tag kawan sudah benar :-)

Sekian dulu pencerahan yang bisa E-Weblog berikan kepada kawan-kawan, tunggu saja lanjutan postinganya. Atas kekurangannya mohon dimaklumi, soalnya admin juga dalam tahap pembelajaran. :-D
Wassalammu'alaikum WR WB....
Salam NetBie :-)      
Read more ...
Diposting oleh di 3 komentar:
Label:
Langganan: Postingan (Atom)
Copyright © 2014 E-Weblog | Designed By VungTauZ.Com