Untuk kesempatan kali ini saya akan berbagi ilmu yang saya dapat dari kampus..yaitu HTML. HTML seringdi hubung hubungkan dengn web.Karna itu memang benar.HTML adalah atribut yang paling mendasar pada pemrograman web.Simpel saja web ini.Blog tanpa HTML hanya akan menjadi tempat putih yang tidak ada warna yang menarik.
Ada beberapa elemen pada HTML.Beberapa elemen pada HTML :
HTML
Merupakan tag dasar yang
mendefinisikan bahwa dokumen tersebut adalah dokumen HTML. Tag ini adalah suatu
keharusan bagi pemrograman web untuk menuliskannya sebagai tag pertama dalam
dokumen HTML.
<html> dan di akhiri </html>
HEAD
Merupakan tag berikutnya setelah <html> untuk
menuliskan keterangan web yang akan ditampilkan.Atau bisa kita sebut ini sebagai kepala bagi isi yang ada pada web
<head> dan di akhiri </head>
TITLE
Merupakan tag di dalam head yang harus dituliskan untuk
memberikan judul/informasi pada caption browser web tentang topic atau judul
dari dokumen web yang ditampilkan dalam browser.Biasanya ini muncul di bagian atas sendiri seperti judul.
<title> dan di akhiri dengan </title>
BODY
Merupakan section utama pada dokumen web. Pada section
ini semua isi dokumen yang akan ditampilkan di dalam browser harus ditulis.Maksudnya ini adalah isi yang ada di dalam web
<body> dan di akhiri dengan </body>
CONTOH :
<html>
<head>
<title>………………</title>
</head>
<body>
.
.
.
.
.
</body>
</html>
PARAGRAF
berfungsi untuk pengaturan antar paragraph
dalam halaman web. Pada tag paragraph terdapat atribut : align = [left | center
| right] yang berfungsi sebagai pengatur perataan paragraph. Anda dapat memilih
salah satu dari ketiga atribut tersebut, Left = kiri, Center = Tengah dan
Right = kanan.
BREAK
berfungsi untuk memberikan baris baru pada
suatu paragraph dalam halaman web. Tag break <br> tidak memerlukan
tag penutup.
HORISONTAL RULER
<hr> berfungsi untuk menampilkan garis
horizontal tiga dimensi di dalamhalaman web. Tag horizontal ruler juga tudak
memerlukan tag penutup.
Atribut elmen horizontal ruler
CONTOH :
<html>
<head>
<title>paragraph, break dan HR</title>
</head>
<body bgcolor=#990066 text=#ffccff>
<h1>
TOKO BUKU SERBA MURAH</h1>
<hr width=50% align=left>
<h2>
Toko kami menyediakan</h2>
<h3>
Alat Tulis</h3>
<p>
pensil
ballpoint
penggaris
dll.</p>
<h3>
Buku – buku pelajaran</h3>
<p>
ilmu pasti
ilmu bumi
sejarah
dll.</p>
<h3>
Alat kantor</h3>
<p>
meja
kursi
file manager
dll.</p>
</body>
</html>
HEADING
Heading berbeda dengan HEAD dalam HTML. Kalau HEAD berfungsi sebagai
Kepala HTML yang akan muncul pada bagian atas browser (Jendela browser),
sedangkan Heading tidak ada hubungannya dengan HEAD. Heading digunakan
untuk mengatur besar kecilnya judul konten/isi website dan terdapat pada
bagian body (tag body). Heading ini diukur dengan angka yang besarnya
mulai dari 1 s/d 6 dan dilambangkan dengan h (h1, h2, ..., h6). Huruf
yang paling besar adalah h1 sedangkan yang paling kecil adalah h6.
<html>
<head>
<title>Belajar HTML bersama UsmanBahtiar.com</title>
</head>
<body>
<h1>Mari Belajar HTML bersama UsmanBahtiar.com</h1><hr>
<H1>Contoh Heading 1</H1>
<H2>Contoh Heading 2</H1>
<H3>Contoh Heading 3</H1>
<H4>Contoh Heading 4</H1>
<H5>Contoh Heading 5</H1>
<H6>Contoh Heading 6</H1><br>
</body>
</html>
BACKGROUND COLOR
Digunakan untuk memberi warna latar belakang sebuah
dokumen HTML. Tag background color dituliskan dengan <body
bgcolor=”warna”>Jadi jika kita ingin menambahkan warna pada backround untuk mempercantik warna . Contoh :
html>
<head></head>
<body style="background-color:yellow">
<h1>Contoh membuat background warna dengan atribut style background-color.</h1>
</body></html>
BOLD, ITALIC, UNDERLINE
Digunakan untuk mempertegas sebuah kalimat atau kata. Tag
untuk bold<b>, italic<i>, underline<u>. contoh :
FONT
penataan dan pewarnaan pada font(karakter huruf) akan lebih menambah indah suatu tulisan pada
website.pewarnaan dan pemilihan jenis font yang tepat akan lebih menambah keindahan dalam suatu
website.
Mari kita masuk ke pembelajaran tentang font
dengan Tag font ini,kita dapat mengubah jenis font,warna font,besar font,dll.
Untuk mengubah warna font misalnya,kita dapat menambahkan kode sebagai berikut:
<font color=”#FF0000”>sampai nanti</font>
Tag di atas akan membuat kalimat “sampai nanti” menjadi berwarna merah…
Anda dapat mengisi kode warna di atas(#xxxxxx) dengan nama warna pada
umumnya,misalnya untuk warna merah(RED),sehingga kode warna hexadecimal
di atas dapat kita ubah menjadi sebagai berikut:
<font color=”RED”>sampai nanti</font>
Apa yang di hasilkan dari penulisan kode di atas…???
Kode warna hexadecimal:
#FF0000—-Merah
#00FF00—-Hijau
#0000FF—-Biru
#000000—-Hitam
<title><head>dunia</title></head>
<body>
<font face=”times new roman” size=”7″ color=”#FF0000″>
font ini times new roman dengan besar 7 dan berwarna merah
</font>
</body>
</html>
HASIL:
LIST ITEM
List dalam HTML adalah sebuah tag untuk mengelompokkan item-item dari suatu daftar baik secara berurutan maupun tidak berurutan yang dilengkapi dengan nomor alfabetik, nomor numerik ataupun dengan bullet. List Tag pada HTML memiliki 3 varian yaitu:
1. Ordered List (Daftar Bernomor)
2. Unordered List (Bullet)
3. Definition List (Daftar Definisi)
CONTOH :
<ol [atribut]>
<li>...item daftar...</li>
<li>...item daftar...</li>
<li>...item daftar...</li>
</ol>
MARQUEE
Marquee berfungsi untuk membuat text bergerak perpindah dari kanan
ke kiri atau sebaliknya dari atas ke bawah dan dari mana saja
CONTOH :
<marquee direction="down" scrollamount="2" height="100" width="50%"> Contoh Marquee dari atas ke bawah
</marquee>
hhhheeeeehehheeeeee
Tidak ada komentar:
Posting Komentar