Makalah HTML

LAPORAN PRAKTIKUM

PEMROGRAMAN WEB

D3-MANAJEMEN INFORMATIKA

“ HTML ”

  Pertemuan ke : 1,2,3

Nama
NIM
Dosen Pengampu
Nama Koordinator Asisten
Kelas

D3 – MANAJEMEN INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

STMIK AMIKOM YOGYAKARTA

2016

PENDAHULUAN

Penjelasan 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. HTML merupakan 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.

Fungsinya :

1.     Membuat, mendesain, dan mengontrol tampilan dari Web Page (Halaman Web) dan isinya.

2.     Mempublikasikan document secara online sehingga bias diakses, dilihat dan dari dan keseluruh dunia.

3.     Membuat online form yang bias di gunakan untuk menangani pendaftaran, transaksi secara online.

4.     Menambahkan object – object seperti image, audio, video dan juga java applet (aplikasi java seperti java game dll) dalam document HTML.

Pada dasarnya elemen HTML ada 2 kategori:

1. Elemen  berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut.
2. Elemen berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.

HTML (Hyper Text Markup Language) digunakan untuk membuat/mengedit sebuah halaman web. HTML terdiri dari tag, attribute, dan value kecuali untuk beberapa tag yang tidak memiliki attribute dan value seperti "<i>", "<b>", "<u>", dll (tag-tag tersebut akan dijelaskan fungsinya pada posting yang lain). Tag diapit oleh dua kurung siku "<tag>". Dan tag terdiri dari tag pembuka dan tag penutup yang ditandai dengan garis miring. Ada juga beberapa tag yang tidak memiliki tag penutup seperti "<br>", "<hr>", "<img>", dan sebagainya di sebut dengan attribut.

PEMBAHASAN

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.
»HTTP Singkatan dari Hypertext Transfer Protocol, yang mana adalah suatu protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client.

Struktur HTML

Struktur HTML

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

Setiap ada tag pembuka maka harus ada tag penutup yang ditandai dengan tanda "/". Contoh :<title></title>, <body> </body>,<html></html>.
Antara tag <title> </title> digunakan untuk menulis judul halaman web yang bersangkutan. Contohnya adalah tulisan "Diyah Ima" yang ada pada pojok kiri atas halaman ini maka penulisannya menjadi :

<html>

<head>

<title>Diyah Ima

</title>

</head>

<body>

</body>

</html>

Sedangkan antara tag <body> </body> digunakan untuk mengisi apa yang akan ditampilkan pada halaman anda, bisa berupa tulisan, gambar, link dan sebagainya.
Adapun beberapa tambahan yang dapat ditambahkan pada tag <body> adalah sebagai berikut:

• Meberikan warna background pada halaman web :

<body bgcolor="blue">

Atau dapat juga menggunakan kode warna Hexa (RGB /red-green-blue) yang terdiri dari 6 karakter yang terdiri dari gabungan angka dan huruf, dan penulisannya juga harus diawalai dengan tanda "#"(pagar). 2 karakter pertama mewakili warna merah yang dimulai dari paling rendah 00 sampai paling tinggi ff, atau bisa juga kombinasi huruf dan angka tadi. Begitu juga 2 karakter berikutnya mewakili warna hijau dan 2 karakter berikutnya mewakili warna biru.
contoh penulisan kode untuk warna hitam #000000, putih #ffffff, merah #ff0000, abu-abu #d3d3d3 dan lain lain sesuai dengan keinginan anda. 

• Memberikan warna teks

<p><font color="#CC0000">STMIK AMIKOM YOGYAKARTA </font></p>

·         Membuat teks berjalan

               <marquee><strong>Diyah Ima Purwani<font color="#FF0000"></font></strong></marquee>

Warna	Heksa	Warna	Heksa
Aqua = Cyan (biru air)	#00FFFF	Maroon (merah tua)	#800000
Aquamarine (biru kehijauan)	#70DB93	Navy (biru gelap)	#000080
Black (hitam)	#000000	Olive (hijau kekuningan)	#808000
Blue (biru)	#0000FF	Orange	#FF7F00
Brass (kuning tua)	#B5A642	Pink (merah muda)	#FF6EC7
Chocolate (cokelat)	#5C3317	Purple (ungu)	#800080
Copper (keunguan)	#B87333	Red (merah)	#FF0000
Fuchsia (merah keunguan)	#FF00FF	Silver (perak)	#C0C0C0
Gray (abu-abu)	#808080	Teal (biru kehijauan)	#008080
Green (hijau)	#00FF00	Violet	#9F5F9F
Lime (hijau terang)	#00FF00	White (putih)	#FFFFFF
Magenta	#FF00FF	Yellow (kuning)	#FFFF00

Elemen ragam karakter

<b> teks bold </b> : menghasilkan teks tebal (bold)

<i> teks italic </i> : menghasilkan teks miring (italic)

<u> teks underline </u> : menghasilkan teks bergaris bawah (underline)

ELEMEN LIST

Properti <li> digunakan untuk menampilkan informasi dalam bentuk daftar (list). Ada dua jenis daftar yang dikenal di HTML, yaitu list dalam format bullet (unordered list <ul>) dan dalam bentuk nomor (ordered list <ol>).

Atribut elemen list

Ordered list <ol type=tipe_list>

type = [ 1 | a | A | i | I ] (tipe penomoran, default 1)

Unordered list <ul type=tipe_list>

type = [ disc | square | circle ] (tipe bullet, default disc)

Menuliskan kode untuk list di dalam list juga sangat sederhana, dengan langsung memasukkan list yang ingin ditambahkan ke dalam elemen li, seperti berikut:

<ol>

<li> HTML dan CSS Dasar

<ul>

<li>

                Elemen, Tag, dan Atribut

<ol>

<li>Elemen</li>

<li>Tag</li>

<li>Atribut</li>

</ol>

</li>

<li>Struktur Dokumen HTML</li>

<li>

                Dasar CSS

<ol>

<li>Selector</li>

<li>Property</li>

<li>Value</li>

<li>Sintaks CSS</li>

</ol>

</li>

<li>Mengimplementasikan CSS pada HTML</li>

</ul>

</li>

</ol>

MENAMPILKAN IMAGE

Anda dapat menampilkan gambar dalam halaman HTML, format filenya berupa JPG atau GIF. Untuk menampilkannya digunakan tag <img>.

<img src=nama_file_gambar>

Atribut elemen image

src = lokasi dan nama gambar

alt = teks alternatif, tex yang ditampilkan ketika gambar disorot dengan mouse

width = lebar gambar, pixel

height = tinggi gambar, pixel

align = [ top | middle | bottom | left | right ] (perataan gambar)

border = tebal garis tepi gambar, pixel       

<img src="bobo-4.jpeg" width="238" height="212">

PENUTUP

a.      Kesimpulan

HTML adalah singkatan dari Hypert Text Markup Langguage, yang digunakan untuk membuat halaman website atau sebuah website. HTML juga disebut dengan bahasa markup.

Dalam pembuatan halaman web, atau Tugas HTML ini saya menggunakan notepad untuk menuliskan perintah ke komputer. Sehingga komputer nantinya akan menafsirkan perintah tersebut ke bentuk halaman web seperti print screen yang saya perlihatkan di atas.

Dalam pembuatan tugas HTML ini, saya banyak menemui kesulitan, tetapi saya tidak menyerah, karena kunci dari pembuatan tugas ini adalah kesabaran dan terus mencoba.

b.      Saran

Dalam pembuatan tugas, jangan berpikir tidak akan bisa sebelum mencobanya. Itu sudah saya alami sendiri, saya berpikir dulunya sebelum mencoba membuat tugas ini, saya tidak bisa. Tetapi setelah saya mencoba membuatnya saya sangat menyukainya dan terus mencoba hingga akhirnya tugas ini selesai saya kerjakan. Tentunya ini tidak terlepas dari rasa sabar, karena kesabaranlah yang terpenting.