Nama : Ayu Sulistya
Kelas : 1EB21
NPM : 21212296
HTML
HTML (Hyper Text Markup Language) adalah sebuah bahasa
markup yang digunakan untuk membuat sebuah halaman web dan menampilkan
berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa
yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang
disebut dengan SGML (Standard Generalized Markup Language), HTML
adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan
penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode
tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan
yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan
menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet
Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA
dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa,
hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan
kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat
teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka
penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk
mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan,
dan diakhiri dengan tanda </b> untuk menonaktifkan cetak
tebal tersebut.
Secara garis besar,
terdapat 4 jenis elemen dari HTML:
§ structural. tanda yang menentukan level atau
tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan
memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang
menunjukkan sebagai Heading 1
§ presentational. tanda yang menentukan tampilan
dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold.
Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak
direkomendasikan untuk mengatur tampilan teks,
§ hypertext. tanda yang menunjukkan pranala
ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a
href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu),
§ Elemen widget yang
membuat objek-objek lain seperti tombol (<button>), list (<li>),
dan garis horizontal (<hr>).
Selain markup presentational , markup
yang lin tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat
ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai
ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.
TAG-TAG HTML dan FUNGSINYA
|
|
Tag HTML
|
Fungsi
|
<html>...</html>
|
Menyatakan pada browser bahwa dokumen Web yang
digunakan adalah HTML
|
<head>...</head>
|
Kepala dari dokumen HTML
|
<body>...</body>
|
Tag untuk menampilkan isi dokumen HTML
|
<title>...</title>
|
Judul dari dokumen HTML yang ditampilkan pada judul
jendela browser
|
<br>
|
Tag untuk ganti baris
|
<p>...</p>
|
Membuat paragraf
|
<h1>...</h1>
|
Header 1, untuk judul sebuah web
|
<h2>...<h2>
|
Header 2, sub judul sebuah web
|
<h3>...</h3>
|
Header 3, sub judul sebuah web
|
<h4>...</h4>
|
Header 4, sub judul sebuah web
|
<h5>...</h5>
|
Header 5, sub judul sebuah web
|
<h6>...</h6>
|
Header 6, sub judul sebuah web
|
<b>...<b>
|
Bold, tag html yang berfungsi untuk mempertebal teks
|
<i>...<i>
|
Italic, tag html yang berfungsi untuk membuat
tampilan teks tercetak miring
|
<u>...</u>
|
Underline, tag html yang berfungsi untuk membuat
tampilan teks tercetak garis bawah
|
<pre>...<pre>
|
Preformated Text, tag html berfungsi untuk
menampilkan teks apa adanya sesuai text editor
|
<center>...</center>
|
Tag html berfungsi untuk menampilkan teks dengan
posisi horizontal ditengah
|
<font>...</font>
|
Tag html berfungsi untuk merubah jenis, ukuran dan
warna dari tampilan huruf
|
<hr>
|
Tag html berfungsi untuk membuat suatu garis
horizontal
|
<ol>...</ol>
|
Order List, tag html berfungsi untuk membuat nomor
daftar urut, bisa berupa angka, huruf atau angka romawi.
|
<ul>...</ul>
|
Unorder List, tag html berfungsi untuk membuat
daftar tanpa nomor urut (dalam format bullet)
|
<li>...</li>
|
List Item, tag yang berada di elemen OL dan UL yang
berbentuk list
|
<table>...</table>
|
Tag yang berfungsi untuk membuat suatu data yang
terdiri dari baris dan kolom
|
<caption>...</caption>
|
Tag yang berfungsi untuk membuat judul dari tabel
|
<tr>...</tr>
|
Table Row, mendefiniskan baris pada tabel, dan tag
ini harus ada dalam tag TABLE
|
<td>...<td>
|
Table Data, terletak di dalam tag TR, yang berfungsi
untuk memasukkan data-data
|
<img>
|
Tag html untuk menampilkan gambar
|
<a>...</a>
|
Tag html yang berfungsi untuk menghubungkan ke
internal atau ekserrnal halaman web
|
<form>...</form>
|
Tag html berfungsi untuk mendefiniskan form
interaktif
|
<input>...</input>
|
Tag html berfungsi untuk mendefinisikan input yang
akan dimasukkan oleh pengguna
|
<select>...</select>
|
Tag html berfungsi untuk mendefinisikan opsi pilihan
pada form kontrol
|
<option>...</option>
|
Tag hml berfungsi untuk mendefinisikan opsi pilihan
ppada menu SELECT
|
<textarea>...</textarea>
|
Tag html berfungsi sebagai input kontrol form untuk
memasukkan teks lebih dari satu baris
|
<frameset>...</frameset>
|
Tag html berfungsi untuk membagi isi jendela web
browser menjadi beberapa bagian
|
<frame>...</frame>
|
Tag html yang berfungsi untuk mendefiniskan fram
yang terdapat dalam frameset
|
cara merubah warna text
<font color="warna">text anda</font>
CONTOH :
<font
color="blue">andika</font>
atau bisa juga menggunakan
code warna.
CONTOH :
<font
color="#ffa500">rayza</font>
jika ingin menggunakan code warna,
harus menggunakan tanda pagar (#)
cara merubah ukuran text
<font size="ukuran">text anda</font>
CONTOH :
<font
size="5">assiikkk</font>
cara merubah jenis text
<font face="jenis text">tulisan anda</font>
CONTOH :
<font
face="verdana">andika</font>
jenis text bisa anda
lihat di microsoft office word,
adobe photoshop,
paint, dll
memasang gambar
<img src="lokasi gambar">
CONTOH :
<img src="fotoku/andika.jpg">
mengubah warna background
Tambahkan 'bgcolor' pada <body>
Seperti ini :
<body bgcolor="warna atau code
warna">
CONTOH :
<body bgcolor="black">
memakai gambar background
Tambahkan kata 'background'
pada <body>
Seperti ini :
<body background="lokasi
gambar">
CONTOH :
<body
background="gambarku/rayza.jpg">
membuat link
<a href="alamat atau lokasi">judulnya</a>
CONTOH :
<a
href="andika1234.xtgem.com/Resolusi_1">download game</a>
membuat garis
<hr>
jika ingin pakai warna :
<hr color="warna atau code
warna">
CONTOH :
<hr color="silver">
jika ingin pakai ukuran :
<hr size="ukuran">
CONTOH :
<hr size="5">
jika ingin pakai warna dan ukuran :
<hr color="warna"
size="ukuran">
CONTOH :
<hr color="silver"
size="5">
Tidak ada komentar:
Posting Komentar