Desy Lidya Alsha

1. PENGERTIAN HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

2. STRUKTUR HTML

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

Contohnya :

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 "ahmadamirudin.jw.lt" yang ada pada pojok kiri atas halaman ini maka penulisannya menjadi :

<html>

<head>

<title>ahmadamirudin.jw.lt

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

<body background="gambar.jpg">

Penulisan format gambar juga harus disertakan seperti *.jpg, *.gif, *.bmp dan lain-lain
Jika ingin menginginkan warrna background transparan maka ditulis dengan <body bgcolor="transparent">

Memberikan warna teks

<body text="#000000">

Mengatur margin halaman

<body leftmargin="20" topmargin="20">

mengatur warna link

·         <body link="#ff0000"vlink="#00ff00"

alink="#0000ff">

Dan jika semuanya ditulis bersamaan maka menjadi :

<body bgcolor="blue"text="#000000"

               

leftmargin="20" topmargin="20"

link="#ff0000"vlink="#00ff00"alink="#0000ff">

3. KUMPULAN TAG HTML

Tag dasar

Tag awal	Kegunaan
<html>	Untuk mendefinisikan sebuah dokumen HTML.
<body>	Untuk mendefinisikan body atau isi sebuah dokumen.
<h1> sampai <h6>	Untuk mendefinisikan heading 1 sampai 6
<p>	Untuk mendefinisikan sebuah paragraf
<br>	Untuk membuat baris baru
<hr>	Untuk memisah antar bagian atau paragraf ( horizontal rule )
<!-- diakhiri dengan -->	Untuk mendefinisikan komentar dalam source code

Tag Pemformatan

Tag awal	Kegunaan
<b>	Definisi teks yang ditebalkan
<big>	Definisi teks yang besar ukurannya
<em>	Definisi teks yang ditekan
<I>	Definisi teks yang dicetak miring ( italic )
<small>	Definisi teks kecil ukurannya
<u>	Definisi teks yang bergaris bawah
<sub>	Definisi teks yang jadi subscript
<sup>	Definisi teks yang jadi supercript
<ins>	Definisi teks yang disisipkan
<del>	Definisi teks yang dihapus

Tag Computer Output

Tag awal	Kegunaan
<code>	Definisi teks computer code
<kbd>	Definisi teks keyboard
<samp>	Definisi contoh computer code
<tt>	Definisi teks teletype
<var>	Definisi suatu variabel
<pre>	Definisi teks preformatted

Tag Cititation, Quotation, Definition

Tag awal	Kegunaan
<abbr>	Definisi suatu singkatan
<acronym>	Definisi suatu akronim
<address>	Definisi penulisan alamat
<bdo>	Definisi arah penulisan
<blockquote>	Definisi quotation panjang
<q>	Definisi quotation pendek
<cite>	Definisi suatu citation
<dfn>	Definisi istilah ( term )

Tag Link

Tag awal	Kegunaan
<a>	Mendefinisikan suatu link

Tag Image

Tag awal	Kegunaan
<img>	Definisi sebuah image dalam dokumen
<map>	Definisi sebuah image map
<area>	Definisi suatu area dalam image map

4. ATRIBUT-ATRIBUT DARI TAG HTML

HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.

Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.

<a href="http://www.pemrograman.org/">Pemrograman</a>

Coba contoh HTML diatas dengan HTML Editor.

Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Pemrograman adalah value atau nilai atribut.

Berikut adalah beberapa atribut standar yang hampir dipakai semua elemen:

Atribut	Nilai	Keterangan
class	class_rule atau style_rule	Kelas elemen
id	id_name	Nomor unik suatu elemen
style	style_definition	Definisi gaya atau style
title	tooltip_text	Tulisan yang akan tertampil pada tool tip

Nilai suatu atribut harus selalu dimulai dan diakhiri dengan tanda petik. Biasanya menggunakan tanda petik (“…”). Tanda petik ini mengapit petikan langsung dari suatu nilai elemen. Tanda petik tunggal juga diperlehkan untuk digunakan walaupun dalam keadaan tertentu nilai suatu atribut bisa berisi tanda kutip, untuk itu di pergunakan tanda kutip tunggal yang mengapit petikan yang tersusun di dalam petikan lain. Contoh :
name=’Komunitas “Programmer” Indonesia’

Sangat disarankan untuk penulisan atribut dan nilainya tetap menggunakan huruf kecil karena pada versi HTML yang lebih baru (X)HTML meminta penulisan menggunakan huruf kecil.

5. FOLDER YANG MENGGUNAKAN TAG/HTML

<html>
<head>
<title>Ini Web Baru Ku</title>
</head>
<body>
<B>Welcome in my Web</B>
<BR>
<I>Saya Baru Belajar :)
</body>
</html>

6. SOFTWARE-SOFTWARE ANIMASI

1.Sharp Animator 1.30

2.Synfig Animation Studio 0.63.02

3.ASCII Animator 1.5

4.Alferd Spritesheets Unpacker 3.0

5.Web Cartoon Maker 1.03

6.SSuite Office – Gif Animator 2.0

7.Animate Gif 1.1

8.Stykz 1.0.2

9.GifTedMotion 1.21

10.Free Morphing 2.1

11.Alternate Pic View EXESlide 1.502

12.K-3D v0.8.0.1

13.GifSicle 1.58

14.Open FX 2.0

15.Aleggro Sprite Editor 0.8.2

7. SOFTWARE-SOFTWARE WEB EDITOR

1. Adobe Dreamweaver

2.CoffeeCup HTML Editor

3.Komodo IDE

4.Expresion Web

5.phpDesigner

6.BestAddress HTML Editor

7.CSE HTML Validator

8.EditPlus

9.Web Studio

10.Top Style

8. SOFTWARE-SOFTAWWRE PROGRAMMING

1. Java

2. Serif WebPlus X6

3. Adobe Dreamwear

4. Site Spinner

5. Xara Web Designer

Desy Lidya Alsha

Selasa, 09 Juni 2015

Administrasi Server

Rabu, 28 Agustus 2013

tugas pertama web program