 |
| Pembuatan WEB Bagi Pemula |
HTML dan XHTML
Hello good millennial, jumpa lagi di blogger joeshapictures tema hari ini adalah tentang "Pembuatan WEB Bagi Pemula" penasaran, yuk kita baca !
HTML (Hypertext Markup Language) merupakan sebuah bahasa markup, bukan bahasa pemrograman. Bahasa markup (Indonesia: markah) adalah bahasa yang mengombinasikan teks dan informasi tambahan mengenai teks tersebut. HTML merupakan dokumen standar yang digunakan untuk mendesain halaman web. Pada awal tahun 2000, W3C (World Wide Web Consortium) membuat perubahan besar melalui
HTML (Hypertext Markup Language) merupakan sebuah bahasa markup, bukan bahasa pemrograman. Bahasa markup (Indonesia: markah) adalah bahasa yang mengombinasikan teks dan informasi tambahan mengenai teks tersebut. HTML merupakan dokumen standar yang digunakan untuk mendesain halaman web. Pada awal tahun 2000, W3C (World Wide Web Consortium) membuat perubahan besar melalui
XHTML (eXtensible Hypertext Markup Language). Ide dasarnya, dalam upaya meningkatkan kompatibilitas dokumen HTML, W3C menambahkan struktur dan ekstensibilitas XML (eXtensible Markup Language) ke HTML.
Struktur Dokumen HTML
Setiap dokumen HTML harus diawali dengan tag <html> dan diakhiri dengan komplemennya, yakni tag </html> tag. Sebagai tambahan, dokumen
HTML juga menyertakan tiga pasang tag.
Tag <head> dan </head>: digunakan untuk menyatakan informasi mengenai dokumen HTML.
Tag <title> dan </title>: digunakan untuk menambahkan title di title bar browser.
Tag <body> dan </body>: digunakan untuk melingkupi semua teks yang terdapat di halaman HTML.
Kebutuhan-kebutuhan yang diperlukan Saat Pembuatan WEB
- WampServer [ Paket web server Apache, PHP, dan MySQL.]
- Web Browser [Disarankan menggunakan browser utama Mozilla Firefox,DLL ]
- Editor Teks [Editor teks untuk menuliskan kode-kode HTML pembentuk halaman aplikasi web]
Dokumen HTML Standar;
<html>
<head>
<!--ini baris komentar, tidak diproses-->
<title>Ini Judul Dokumen</title>
</head>
<body>
ini adalah isi pada bagian body
</body>
</html>
Hasilnya Adalah;
 |
| Hasil Menampilkan "Ini adalah teks di body" |
Format Text;
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
Hasilnya Adalah;
 |
| Format Font "Heading 1,Heading 2, Dll" |
Karakter Khusus;
<body>
£ Pound <br/>
€ Euro <br/>
© Copyright <br/>
® Registered <br/>
™ Trademark <br/>
</body>
Hasilnya Adalah;
 |
| Karakter Khusus |
Menggunakan List;
<body>
ordered list
<ol>
<li>satu</li>
<li>dua</li>
</ol>
<hr/>
unorderd list
<ul>
<li>satu</li>
<li>dua</li>
<hr/>
definition list
<dl>
<dt>satu</dt>
<dd>satu satu</dd>
<dt>dua</dt>
<dd>dua dua</dd>
</dl>
</body>
Hasilnya Adalah;
 |
| Penggunaan List |
Pewarnaan;
<!--memberi warna aqua di body-->
<body bgcolor="aqua">
<h3 align="center">Heading 3</h3>
<font color="red">Font berwana merah</font> <br/>
<font color="FF0000">
Font berwana merah (menggunakan nilai heksa)</font>
</body>
Hasilnya Adalah;
 |
| Pewarnaan |
Kode HTML mengatur Posisi Paragraf;
<body>
<p align="center">
Ini paragraf rata tengah
<p align="justify">
<p align="right">
Ini paragraf rata kanan
</body>
Kode untuk membuat Garis Baru;
<html>
<body>
Membuat baris baru <br />
Membuat baris baru <br />
<p>
<!-- break di dalam paragraf -->
Contoh membuatan web bagi pemula untuk perintah membuat garis baru.
</body>
</html>
</html>
Memasukkan Gambar;
<html>
<body>
<img src="kucing.jpg" />
</body>
</html>
Terima kasih sudah membaca semoga apa yang kita baca hari ini bisa bermanfaat bagi kita semua, sebelum meninggalkan blogger joeshapictures sebaiknya di share dulu, apa yang kita dapat hari ini ada baiknya jika kita membagikan pengetahuan kepada orang lain. Sampai jumpa di artikel selanjutnya . . .
0 komentar:
Post a Comment