PENGENALAN HTML
• Hypertext Markup Language (HTML) adalah
sebuah bahasa untuk menampilkan konten di
web. HTML sendiri adalah bahasa
pemrograman yang bebas, artinya tidak
dimiliki oleh siapapun, pengembangannya
dilakukan oleh banyak orang di banyak Negara
dan bisa dikatakan sebagai sebuah bahasa
yang dikembangkan bersama-sama secara
global.
• Hypertext Markup Language (HTML) adalah
sebuah bahasa untuk menampilkan konten di
web. HTML sendiri adalah bahasa
pemrograman yang bebas, artinya tidak
dimiliki oleh siapapun, pengembangannya
dilakukan oleh banyak orang di banyak Negara
dan bisa dikatakan sebagai sebuah bahasa
yang dikembangkan bersama-sama secara
global.
• simpan file di atas di dalam folder
c:\XAMPP\htdocs\ buat folder baru untuk
menyimpan file di dalam folder htdocs.
Simpan file dengan nama contoh01.html.
• Untuk melihat hasil dari file di atas dapat
menggunakan browser Mozilla, google
chrome, internet explorer atau jenis browser
lain. Ketikkan pada address bar
“Localhost\Nama Folder Penyimpanan\”,
kemudian pilih file contoh01.html
TAG
• Tag adalah bagian dari struktur html yang di
tuliskan diapit oleh tanda < tag >, dan tag
dituliskan berpasangan, dengan maksud < tag >
tag pembuka dan < /tag > tag penutup.
• Tag terbagi menjadi beberapa fungsi
– Formating - List
– Link - cititation
– Image - dll
Struktur TAG
<nametag atribut = nilai>
Contoh :
<body bgcolor=“lightblue”>
Penjelasannya :
Body = nama tag
Bgcolor = atribut
Lightblue = nilainya
Buat body berlatar belakang warna biru muda
• Dari berbagai jenis tag tersebut dapat di ringkas
menjadi 2, yaitu
– Tag yang di tuliskan diantara <head> dan </head>
– Tag yang di tuliskan diantara <body> dan </body>
• Tag diantara <head> dan </head>
– Judul halaman <title> </title>
– CSS <style><style>
– Javascript <script></script>
– Metadata <meta></meta>
• Tag yang di tuliskan diantara <body> dan </body>
– Teks <h1>,<h2>, …….. <h6>, <p>, ...
– Pendukung teks <br>, <hr>, <strong>, …
– Gambar <image>
– Hyperlink <a>
– List (bullets & numbering) <ul>,<ol>,<li>,<dl>,<dt>
– Table <table>, <thead>, <tbody>
– Form <form>, <input>, <select>,<button>
– Grouping <div>, <span>
– Dll ( dapat di lihat di http:www.w3school.com/tags )
Penggunaan Cellpadding & Cellspacing
Related Posts :
- Back to Home »
- BSI , Web Programming »
- Web Programming Pertemuan 2