JUANKAKA: BELAJAR HTML

PENGERTIAN HTML

Pengertian dan Fungsi HTML (HyperText Markup Language) - Feriantano.com

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

Supaya dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut Standard Generalized Markup Language (SGML).

Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C). Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa)

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke web browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.

Fungsi HTML (HyperText Markup Language)

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu :

Membuat halaman web.
Menampilkan berbagai informasi di dalam sebuah browser Internet.
Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

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>

</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

dengan awal <p> dan di akhiri </p>

CONTOH :

<html>

<head>

<title>paragraph, break dan HR</title>

</head>

<body>

<p>

Contoh paragraf</p>

</body>

</html>
Hasil :
Contoh paragraf

BREAK

berfungsi untuk memberikan baris baru pada suatu paragraph dalam halaman web. Tag break <br> tidak memerlukan tag penutup.

CONTOH :

<html>

<head>

<title>paragraph break dan HR</title>

</head>

<body>belajar html

<br>

contoh br <br>

</body>

</html>
Hasil :
belajar html
contoh br

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>

<p>

meja

kursi

file manager

dll.</p>

</body>

</html>
Hasil :

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

BLOD ITALIC DAN UNDERLINE

BOLD
Teks dapat beraksen dalam berbagai cara. Yang pertama adalah BOLD.
Bold dilambangkan oleh <b> di depan teks yang ingin tebal, dan </ b> pada akhir daerah Anda inginkan berani. Memasukkan teks ke dalam file Anda yang dikelilingi oleh tag tebal akan menonjolkan teks. Teks ini ditebalkan. Teks ini adalah normal.

ITALIC
Teks dapat dibuat menonjol dengan menggunakan huruf miring. Hal ini menyebabkan teks untuk miring. Tag adalah sederhana <i> di depan hte teks yang Anda inginkan dicetak miring dan </ i> pada akhir teks yang Anda inginkan dicetak miring.
Teks ini adalah dalam huruf miring. Teks ini tidak.

UNDERLINE
Teks juga dapat dibuat menonjol dengan menggunakan teks menggarisbawahi. Tag untuk ini adalah <u> </ u> dan digunakan mirip dengan huruf tebal dan miring. Banyak web desainer tidak menggunakan tag ini sering karena garis bawah yang dirasakan di web sebagai hyperlink.
Teks ini digarisbawahi. Teks ini tidak.
Sering 2 atau tiga ini digunakan bersama-sama.

CONTOH :

<html>
<head>
<title>CONTOH HEADING BLOD ITALIC UNDERLINE</title>
</head>
<body>
<h1>CONTOH</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>
<p><h2>Selanjutnya kita belajar Bold,Italic dan Underline</h2></p>
<hr>
<b>Ini adalah contoh teks yang Bold/tebal</b><br>
<i>Ini adalah contoh teks yang Italic/Miring</i><br>
<u>Ini adalah contoh teks yang Underline/Garis Bawah</u><br>
<b><i><u>Ini adalah contoh teks yang Bold, Italic dan Underline</b></i></u><br>
</Body>
</html>
Hasil:

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 :

FONT

Dengan tag <font> bisa menentukan format tampilan font dalam document HTML seperti color, size, style.

CONTOH :

<p style="color:rgb(0,128,0)">Membuat warna tulisan dengan Nilai RGB</p>

<p style="color:#008000">Membuat warna tulisan dengan Kode Hexadecimal</p>

<p style="color:green">Membuat warna tulisan dengan Nama Warna</p>

HASIL :

Membuat warna tulisan dengan Nilai RGB

Membuat warna tulisan dengan Kode Hexadecimal

Membuat warna tulisan dengan Nama Warna

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

CONTOH :

<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.Jadi fungsi marquee untuk memperindah penampilan dan tampilan web

CONTOH :

<marquee direction="down" scrollamount="2" height="100" width="50%"> Contoh Marquee dari atas ke bawah </marquee>

Cukup ini saja ilmu yang bisa saya bagikan.Semoga bermanfaat dan berguna untuk menambah pengetahuan.

TERIMAKASIH ATAS PERHATIANNYA??>>>>
hhhhhheeeeeeeeeeee ;

JUANKAKA

Label

Kamis, 12 Maret 2015

BELAJAR HTML

Fungsi HTML (HyperText Markup Language)

1 komentar:

Labels