Hai guys postingan kali ini gue mau bahas tentang salah satu mata pelajaran di skolah gue yaitu HTML.. walopun gue anak TKJ tapi di skolah gue juga diajarin plajaran RPL loh :p
nih sedikit pembelajaran buat kalian :3
Hyper Text Marquee Languange atau yang lebih disebut dengan
HTML adalah HTML yang ditulis dalam bentuk elemen HTML yang terdiri dari tag
dan diapit oleh sudut kurung (seperti <html> ), dalam konten halaman
web/blog. Tag HTML yang paling sering datang berpasangan misalnya seperti
<h1> dan </ h1> , meskipun beberapa tag, dikenal sebagai elemen
kosong, yang tidak berpasangan, misalnya <img>. Tag pertama dalam
pasangan adalah dengan tag awal, tag kedua adalah tag akhir (mereka juga disebut
tag pembuka dan tag penutup). Di antara tag web designer dapat menambahkan
teks, tag, komentar dan jenis konten lainnya berbasis teks. Anda hanya perlu
tahu beberapa (tag) perintah HTML untuk membuat file untuk
"memasangnya" di Web/blog Anda. Sangat menyenangkan untuk mengetahui
bahwa file-file ini dapat dibuat dengan Microsoft Word® atau program pengolah
kata lainnya untuk masalah ini. Satu-satunya yang harus dimengerti adalah bahwa
Anda harus menyimpannya sebagai file teks dan memberi mereka kedalam HTML (atau
HTM untuk komputer PC) ekstensi (yaitu, aatg.html atau aatg.htm). Html atau.
Ekstensi. Htm memberitahukan web browser Anda bahwa ini adalah dokumen yang
dibuat untuk Web/blog.

Tag HTML Yang Diperlukan
(perhatikan bahwa upper-case/lower-case tidak penting)
"Nyawa" dari setiap file HTML harus terlihat
seperti ini :
<html>
<head>
<title>Nama Dokumen Yang Muncul Dalam Judul, Bukan Pada Halaman </
title>
</ head>
<body>Ketik Informasi Yang Ingin Ditampilkan Pada Halaman Di Sini
</ body>
</ html>
Dalam tag <body> (perintah), Anda dapat menggunakan tag
HTML lain untuk menambah gambar dan/atau suara, menghubungkan halaman Anda ke
halaman lain (URL) di Web, sorot teks dengan huruftebal atau italic itu,
atau mengubah ukuran font. Perhatikan bahwa semua tag harus dipanggil dengan
mengetikkan tag antara dua kurung (yaitu, <body> ). Ketik tag dalam
kurung lagi dengan sebuah garis miring di depan jika (yaitu, </ body> )
untuk meniadakan efek.
Dasar-dasar Perintah HTML
(untuk digunakan dalam file <body>):
<p>Teks Yang Anda Ketik</ p>
» Membuat paragraf (satu spasi antar baris dibuat)
<i>Teks Yang Anda Ketik</i>
» Perintah untuk membuat font menjadi miring
<b>Teks Yang Anda Ketik</b>
» Perintah untuk membuat font menjadi tebal
<blockquote>Teks Yang Anda Ketik</blockquote>
» Menempatkan teks yang Anda mengutip ke dalam dokumen
web - teks akan indentasi
<pre>Teks Yang Anda Ketik</pre>
» Mempertahankan format/lekukan dari teks yang
dimasukkan
<strong>Teks Yang Anda Ketik</strong>
» Juga membuat teks seperti bold
<center>Teks Yang Anda Ketik</center>
» Perintah untuk membuat teks menjadi rata tengah
<blink>Teks Yang Anda Ketik</ Blink>
» Perintah untuk membuat teks berkedip-kedip
<marquee>Teks Yang Anda Ketik</marquee>
» Perintah untuk membuat teks berjalan
(Atribut : Behavior{alternate, scroll, slide}, Direction)
<font size=7>Teks Yang Anda Ketik</ font>
» Perubahan ukuran teks -7 adalah font yang terbesar
yang tersedia dan 1 adalah yang terkecil (satu spasi)
<h1>Teks Yang Anda Ketik</h1>
» Teks muncul dalam font terbesar yang tersedia (dua
spasi)
<h6>Teks Yang Anda Ketik</h6>
» Teks muncul dalam font terkecil yang tersedia
Ada <h2> melalui tag <h5> tersedia untuk ukuran font antara
<h1> dan <h6> - percobaan dengan ukuran yang paling cocok untuk
Anda.
<body bgcolor="#FFFFFF">
» Untuk membuat pola latar belakang.
Ada web/blog di mana Anda dapat menemukan kode (misalnya, #FF0000=red) untuk
latar belakang/text warna: Backgrounds
<body background="small.gif">
Sebagai URL sering diperbarui/berubah, cek alamat ini secara berkala untuk
memastikan mereka masih ada!
Anda juga dapat menyalin gambar latar belakang yang Anda
lihat digunakan pada halaman web/blog - tetapi hanya jika Anda menggunakan PC
(Anda menekan ke bawah pada sisi kanan mouse dan menyimpan gambar latar
belakang di tempat yang tepat)
<body text="#FF0000">
» Ini akan mengubah warna semua teks dalam dokumen menjadi
merah
<font color="#FF00FF">
» Ini akan mengubah warna apa yang Anda ketik menjadi magenta
Membuat Daftar
Unordered list
<ul> <li> Ini
adalah tag untuk membuat daftar unordered <li> Setiap hal yang Anda
ketik setelah tag <li> akan muncul di samping peluru pada halaman
web <li> Teks ini akan muncul di sebelah peluru ketiga - peluru yang
menjorok </ul>
Perintahkan DAFTAR
<ol> <li> Ini
adalah tag untuk membuat daftar memerintahkan <li> Setiap hal yang
Anda ketik setelah tag <li> akan muncul di samping nomor di web
Halaman <li> Teks ini akan muncul di sebelah nomor "3"
pada halaman web </ol>
Deskriptif Daftar (berguna untuk membuat bibliografi, misalnya)
<dl> <dt> Tag untuk
menciptakan judul pertama dari daftar deskriptif Anda <dd> Ini
adalah item pertama di bawah judul pertama dari daftar - akan
menjorok <dd> item lain dalam daftar di bawah judul yang sama - juga
akan menjorok <dt> Ini adalah gelar kedua dalam Anda Daftar
deskriptif <dd> ini adalah item menjorok pertama di bawah judul
kedua dalam daftar deskriptif Anda </dl>
Perhatikan bahwa Anda mungkin "sarang" daftar -
yaitu, membuat daftar unordered dalam ordered list, dll
Membuat Tabel
Anda mungkin menemukan itu berguna untuk memasukkan tabel
pada halaman web/blog Anda. Berikut adalah beberapa tag yang sangat dasar untuk
membuat tabel.
<table border> Ini adalah tag
untuk membuat tabel <tr> ini adalah tag untuk baris
tabel <td> ini adalah tag untuk sel (kotak) dalam baris </
td> <td> Anda mungkin ingin memiliki dua atau lebih sel dalam
setiap baris tabel </ td>. </ tr> <tr> Ini adalah tag
untuk baris tabel kedua <td> ini adalah tag untuk pertama sel
(kotak) di baris kedua </ td> <td> Ini adalah sel kedua (box)
di baris kedua </ td> </ tr></ table>
Tag HTML lainnya dapat digunakan dalam setiap
sel untuk memformat teks Anda. Pada titik tertentu Anda mungkin ingin memiliki
kontrol lebih besar atas perbatasan atau jarak meja Anda. Lihat salah satu
tutorial banyak di Web. Melakukan pencarian dan masukkan kata kunci
"Tutorial HTML."
Menempatkan <hr> "bayangan" garis pada halaman web
<br>Tipe pada akhir garis untuk memulai istirahat baris (yaitu, ini
seperti carriage return)
Perhatikan bahwa tidak ada "end" tag
(yaitu, tidak ada </hr> atau </br>) dengan tag.
Membuat Link
<a href="Masukkan URL">Nama tag
Yang Diinginkan</ a>
Contoh: <a href="http://www.mtholyoke.edu">Mount Holyoke
perguruan</a>
Maka, teks yang akan muncul dengan warna biru
pada halaman web adalah: "Mount Holyoke College"
Jika Anda klik di atasnya, Anda secara otomatis akan dikirim ke homepage Mount
Holyoke College
Untuk membuat link ke alamat E-mail:
<a href="mailto:
dvanhand@mhc.mtholyoke.edu">Donna Van Menangani</ a>
(Jika Anda klik pada Handle Van Donna, bentuk E-mail muncul)
Tutorial diatas hanya sebagian kecil saja guys, semoga kalian ngerti yah :3
nggak lupa ni sumbernya hahahaaa :D :3
http://d-copy.blogspot.com
~Tri Cahyo Nugroho~
X Networkong IV
SMK TELKOM SANDHY PUTRA MALANG