Senin, 19 Maret 2018

langkah awal belajar html,disain web..


Ass.wr.wb
kali ini saya akan berbagi tutor pembahasan html daln disain web kenapa karena selama saya menjelajahi komputer menurut saya disain web adalah program yang paling mudah di banding dengan program yang lain kenapa karena tidak adanya aturan yang mutlak dalam html,oke langsung aja ke topik pembahasa untuk yang bagian pertama ini kita mulai dari..

HTML/XHTML merupakan format tampilan yang digunakan untuk menampilkan halaman website.
HTML terdiri dari simbol­simbol tertentu yang sering disebut dengan tag. Sebuah halaman website
yang valid selalu diapit tag <html></html>. File HTML umumnya memiliki akhiran *.htm atau
*.html.
Tag­tag pada HTML selalu diawali dengan <x>...</x>, dimana x tag HTML seperti <strong>, <p>,
<div>, dan lain­lain. Dibawah ini adalah tabel beberapa tag HTML yang sering digunakan.
Tag HTML Keterangan

<html></html> Tag untuk mengapit halaman HTML
<head></head> Tag yang berisi informasi umum dari halaman
<title></title> Judul Halaman *
<body></body> Akan ditampilkan di browser
<style></style> Untuk CSS *
<strong></strong> Untuk menebalkan teks
<div></div> Untuk membuat layer
<a></a> Untuk membuat hyperlink


<p></p> Untuk membuat paragraf
<hn></hn> Untuk membuat header **
<span></span> Untuk inline style (manipulasi teks)
<!­­--   -- ­>Komentar

* Tag tersebut harus berada didalam tag <head>...</head>
** n dapat berupa angka dari 1 – 5, contoh <h1>...</h1>
Penerapan Teori HTML
1. Buka editor anda (gedit(Linux), Notepad++(Windows), dsb))
2. Ketik kode berikut:
<html>
<head>
<title>Website Pertamaku</title>
</head>
<body>
<h1>Hello F**king World!!</h1>
</body>
</html>
3. Simpan pada dengan nama hello­world.html
4. Buka browser anda(Firefox, IE, dsb) dan buka file yang baru saja anda buat.

Dan untuk menampilkan hasilnya bisa di dibukak lewat aplikasi browser temen-temen.
Sekian tutorial kali ini saya ucakanterimakasih.....

seeyou...!

Tidak ada komentar:

Posting Komentar

Button Link Dengan Form

 assalamualaikum wr.wb Button Link Dengan Form Untuk membuat link button dengan memanfaatkan form caranya cukup mudah. Seperti yang sud...