Melanjutkan posting yang terdahulu setelah terselang oleh beberapa artikel tentang blog tutorial maka kali ini saya akan membahas tentang tutorial HTML kembali.Sebelum menginjak kepada topik bahasan ada baiknya para sobat mengikuti bahasan kali ini dengan langsung memfraktekannya agar lebih cepat mengerti. Caranya siapkan terlebih dahulu program notepadnya lalu tuliskan kode HTML seperti dibawah, kemudian apabila telah selesai mempraktekan simpan file tersebut dengan extensi .htm (dot htm). Contoh file : latihan.htm kemudian jalankan dengan internet explorer. silahkan tulis kode-kode berikut :

<html>

<head>

<title>latihan</title>

<body>

Tulis apa-apa yang saya terangkan di sini !

</body>

</html>

Kita langsung ke topik bahasan aja ya biar ga bosan.

Elemen dasar HTML

Ada beberapa elemen dasar HTML yaitu :

Elemen Blok Level

Elemen blok level yaitu tingkatan besarnya hurup yang akan di tampilkan pada browser. Elemen blok level yang paling sering di gunakan adalah Heading (h1 sampai h6).Tag heading ini ini berupa <h1>...</h1> sampai dengan <h6>...</h6>.

Contoh :


<h1>Ini heading 1</h1>


<h2>Ini heading 2</h2>


<h3>Ini heading 3</h3>


<h4>Ini heading 4</h4>


<h5>Ini heading 5</h5>


<h6>Ini heading 6</h6>

Hasilnya akan seperti ini :

Ini heading 1

Ini heading 2

Ini heading 3

Ini heading 4

Ini heading 5

Ini heading 6

Sebenarnya ada cara lain untuk menampilkan berbagai ukuran hurup, yakni memakai tag <font size="...">.....</font>.

Contoh :

<font size="1">Ini font size 1</font>

<font size="2">Ini font size 2</font>

<font size="3">Ini font size 3</font>

<font size="4">Ini font size 4</font>

<font size="5">Ini font size 5</font>

<font size="6">Ini font size 6</font>

<font size="7">Ini font size 7</font>

Hasil yang akan tampil seperti ini :

Ini font size 1

Ini font size 2

Ini font size 3

Ini font size 4

Ini font size 5

Ini font size 6

Ini font size 7

Itu adalah contoh untuk menampilkan huruf dalam berbagai ukuran.

Untuk kesempatan kali ini, kaya nya udah dulu sobat soalnya belum mandi nih, mo berangkat kerja

hiii.....pantesan dari tadi ada yang bau aneh

Nantikan seri berikutnya!

Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, kang Rohman rekomendasikan anda belajar di sini «« sok atuh di klik biar situsnya keluar

Jika anda merasa artikel ini bermanfaat, silahkan lakukan vote ke Lintas Berita agar artikel ini bisa di baca oleh orang lain.

Comments :

28 komentar ke “Tutorial HTML (2)”

saya adalah orang yang baru mengenal blog tutorial yang anda berikan sangatlah membantu saya meskipun ada yang kurang sayaengerti
hambaly gitu lo mengatakan...: Minggu, 14 Oktober, 2007; saya orang baru dalam dunia tutorial...dengan membaca posting anda, saya jadi banyak mengerti.
tapi saya ada masalah sedikit dengan website saya www.sumberpost.com
masalahnya adalah saya menempatkan iklan aution ads di bagian bawah dan beberapa link pake marquee seperti yang saya baca dari blog anda, tapi kok posisinya kena garis pembatas web yang sebelah kiri...pertanyaan saya, bagaimana caranya saya menampilkan menu link web pake marquee agar tidak kena garis pembatas web dan supaya tampilannya normbal seperti menu-menu lainnya seperti dari menu utama. di mana ada spasi antara garis pembatas web. ini web saya www.sumberpost.com
Taufik Al Mubarak mengatakan...: Selasa, 23 Oktober, 2007; salam kenal mas..
sebelumnya saya pengan ngasih tau (biar ngga kaget) kalau saya ini netter bego (bego dalam artian sesungguhnya), gimana ga bego kalau nanya begini...
Mas, aku dah punya domain, web hosting & website template yang udah aku upload ke hostingku. Tp, ketika aku mo upload artikel lagi aku ngga tau gimana caranya nyinkronin halaman baru ma halaman lama. Jadi ketika ngeklik artikel a di main page ntar yang keluar artikel yg baru ku upload gitu. Apa di tag a href nya make format /home/user1234/local_public/nama_halaman
Udah kucoba tp g bisa..
Sebelumnya maaf atas ke kebegoan saya mas..

nb:hostingnya make local host, n website saya codenya HTML
abeng mengatakan...: Rabu, 26 Maret, 2008; Hi.

Thanks a lot Kang.
You are Manusia Pembelajar.
I got many informations from your Blog.

Nuhun Pisan.

Wsslam.
hukmi mengatakan...: Kamis, 05 Juni, 2008; b itutuuu gambar iconnya keren ......!!!!
PUTUS ASA ??? mengatakan...: Senin, 07 Juli, 2008; askum
kang bagaimana cara menjalankan dengan internet explorer maklum lah orang baru belajar:d
zha mengatakan...: Rabu, 16 Juli, 2008; terima kasih atas bantuannya.....
tiatata mengatakan...: Jumat, 08 Agustus, 2008; artikel yang sangat membantu,terutama untuk pemula ;)
bisnisonline mengatakan...: Kamis, 28 Agustus, 2008; kang rohman, lam kenal ya....
aq pemula juga, sama kayak kebanyakan yg lain.
Ingin sekali belajar buat website, udah mulai bisa dapet domain dan hosting gratisan. Masalahnya sekarang aq ngga ngerti bahasa pemerograman sama sekali. Kata temenku, aq musti belajar HTML dulu yg paling basic. Ngebaca blog kang rohim ini benar2 membantu proses belajarku, kalo boleh ni aq minta...tolong dilanjutin artikel tutorial HTML nya ya. Aq yakin banyak yg ambil manfaatnya kok kang. Smoga dicatat sebagai amal kebaikan ya. Amiin
Roy TM mengatakan...: Rabu, 15 Oktober, 2008; kang, di kolom site info punya kang rohman setiap gambar nya bisa rapi disusun sejajar secara horinzontal, apa kode HTML untuk mensejajarkannya kang???
intelektualkuldesak mengatakan...: Rabu, 26 November, 2008; mas..mas aku baru mau mengejar temanku yang seorang web designer di kampus...bantuin ya mas tutorialnya...he he siapa tau bisa bikin usaha

salam
Okky Fajar Trimaryana mengatakan...: Jumat, 19 Desember, 2008; Mau nanya kang.
Beberapa tahun yang lalu (4 tahunan) aq sering baca tulisannya Abdur Rahim tentang tutorial html. Alamatnya sih di http://rahim.f2o.org/ . Lah sekarang aq cari (googling) gak ketemu malah sekarang ketemu kang rahman. ilmunya sama2 bagus & TOP banget. Apa masih ada pertautan antara rahim.f2o.org (abdur rahim) dengan kang rahman ???.
Trim’s.
(aq tambah yakin kalo kang rahman sama abdur rahim itu orangnya sama karena postingannya sama persis artikelnya.)
sgharjono mengatakan...: Sabtu, 17 Januari, 2009; Hallo kang rohman makasih yach! selama ini udah bantu aku buat blog !! eh kunjungi dan follow aku yach . nanti aku comment!! lagi .. masih banyak Comment dan trimakasih dariku untukmu!! Oke!
Lutf! mengatakan...: Senin, 19 Januari, 2009; Thank Kang Rohman!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Lutf! mengatakan...: Senin, 19 Januari, 2009; postingan ini mirip dengan jaman dulu. waktu aku baru kenal komputer dan masih belajar internetan,
review seperti ini aku dapatkan aku lupa namaya yang aku ingat xxxx.org. moga tebakanku gak meleset jumpa lagi kang. atau salam. kenal.. kang.. hampir 5 tahun aku gak obok2 komputerku sudah banyak yang lupa, tolong dong... bantuin kang.. menurutku blog ini memang cocok bagi yang baru mulai belajar gak banyak basa-basi. langsung to the point. trims' kang.. rahmaaaaaaan
ody mengatakan...: Senin, 02 Februari, 2009; uh!kok susah ya buat bloglog!
Ai_rock n roll mengatakan...: Selasa, 10 Februari, 2009; Mantap Boss
ipay76.blog.com mengatakan...: Rabu, 04 Maret, 2009; pusing euy...
nda mengatakan...: Senin, 23 Maret, 2009; Makasih banyak kang atas semua template dan tutorialnya sehingga sy bisa buat blog untuk bisnis saya dan Alhamdulillah bisnis sy maju pesat. http://hftcenter.blogspot.com
ASTAWA mengatakan...: Jumat, 10 April, 2009; janu prioka
Janu Prioka mengatakan...: Sabtu, 09 Mei, 2009; terima jasih banyak kang ya
wiyono mengatakan...: Jumat, 15 Mei, 2009; saya sama sekali gak ngerti>>>>> ajarin dunk?????
waang_well mengatakan...: Senin, 15 Juni, 2009; Saya adalah Orang yang Tidak mengerti sama sekali membuat BLOG. Tetapi setelah mempelajari ilmu-ilmu yang diberikan Kang rohman di kolom tutorial ini, Alhamdulillah kini saya sudah bisa membuat Blog sendiri. dengan Tampilan yang cukup menarik bagi saya yang masih awam.

Tidak banyak yang ingin saya sampaikan disini selain Ucapan Terima Kasih ynang sedalam-dalamnya atas Ilmu yang diberikan melalui web ini. semoga menjadi amal Ibadah Buat Kang rohman. Amiin..

Wass.
BISNIS EXTREMEN mengatakan...: Kamis, 03 September, 2009; hatur nuhun ... infonya bagus, sangat membantu
Cari Duit Di Internet mengatakan...: Rabu, 30 September, 2009; Mas saya masih bingung dengan kode XML, hasil download kalo dipaste jadi amburadul. Singkatnya gimana cara mendapatkan kode siap pake. Tolong detil langkah2 nya, terima kasih.
Jo ' 09 mengatakan...: Senin, 09 November, 2009; terima kasih ka
gufta mengatakan...: Rabu, 18 November, 2009; terima kasih ka atas bantuannya
sphinx gun mengatakan...: Sabtu, 12 Desember, 2009; ini2 yg pntg coz aq gak paham blaz ttg html! maklum msh anak baru! tp ttp semangat u/ truz bljr! ditunggu tutorial html berikutnya maz! mksh bnyk
muzzy-musthofa mengatakan...: Selasa, 29 Desember, 2009