Subscribe to RSS

Mengenal HTML

HTML merupakan singkatan dari hyper text mark up language yang berfungsi untuk menampilkan informasi yang akan kita tampilkan ke dalam website atau halaman web kita.HTML dapat menampilkan informasi dalam bentuk hyper text. Untuk menggunakan HTML komputer  harus mendukung beberapa hal :

1. Komputer harus mempunyai text editor, text editor yang di gunakan untuk membuat HTML adalah notepad.

2. Komputer harus mempunyai web browser, misalnya internet explorer atau  mozila firefox.

3. Anda harus mempunyai tempat penyimpanan yang cukup.

Cara menggunakan HTML.
Terlebih dahulu kita harus membuka text editor atau notepad. Untuk pembuatan kodenya kita harus membuka perintah dengan cara buka kurung.

1).Kode HTML harus di mulai dari buka kurung,lalu ketikkan tulisan HTML ke dalamnya lalu tutup kurung. Kemudian untuk mengakhiri perintah, masukkan kembali buka kurung lalu tanda garis miring dan masukkan tulisan HTML lalu tutup kurung dan enter.

2).Kemudian buka kurung dan ketikkan tulisan head setelah itu tutup kurung, dan untuk mengakhiri perintah buka kurung lalu tanda garis miring dan ketikkan tulisan head kemudian tutup kurung kembali.

3).Untuk menampilkan judul halaman home, kita harus mengetikkan kode HTMLnya caranya :

-buka kurung lalu ketikkan tulisan title lalu tutup kurung, kemudian ketikkan judul di halaman home,lalu buka kurung kembali lalu masukkan tanda garis miring dan ketikkan tulisan title dan tutup kurung. Setelah itu jangan lupa untuk menyimpannya.

Setelah itu kita akan menambahkan konten caranya :

1). Masukkan tanda buka kurung seperti sebelumnya lalu ketikkan tulisan boddy lalu tutup kurung.    Kemudian tutup perintah ini dengan buka kurung lalu masukkan tanda garis miring dan ketikkan    tulisan boddy lalu tutup kurung kembali. Setelah itu kita ketikkan konten website yang kita inginkan, setelah itu kita simpan.

2). Lalu kita dapat melihatnya di browser kemudian di refresh. Dan sekarang kita dapat melihat  konten  yang telah kita buat.

3). Untuk mengubah posisinya menjadi rata tengah kita dapat membuka kembali notepad kode HTMLnya, Dengan buka kurung lalu ketik tulisan center lalu tutup kurung,kemudian akhiri dengan buka kurung  lalu garis miring dan ketik tulisan center dan tutup kurung kembali. Setelah itu kita simpan dan lihat pada browser anda dan refresh,Kemudian kita akan lihat tampilan konten yang kita baru kita buat dan konten berubah posisi menjadi rata tengah.


Untuk mengatur format huruf anda dapat mengetikkan kode HTML yaitu buka kurung h1 kemudian tutup kurung kemudian kita tutup kembali untuk perintah ini caranya buka kurung lalu garis miring dan ketik h1 lalu tutup kurung kembali, setelah itu kita simpan. Selanjutnya kita lihat pada browser maka akan terlihat perubahan ukuran pada jenis huruf,untuk perataannya kita akan menambahkan setelah tulisan h1 yaitu align sama dengan tanda kutip dua lalu ketik center dan tanda kutip dua lalu tutup kurung kembali.Lalu di refresh maka akan terlihat di browser perataan huruf sudah berubah. Adapun ukuran dari h1 sampai h6,kalau h6 ukurannya semakin kecil.

Untuk membuat garis horizontal kita dapat mengetikkannya di kode HTML yaitu buka kurung lalu ketik hr kemudian tutup kurung kembali, dan simpan,lalu kita lihat pada browser dan refresh maka akan muncul garis horizontal di bawah judul yang telah di buat. Kemudian kita akan membuat orderlist dan unorderlist atau bullets and numbering caranya yaitu,buka kurung ketik UL lalu tutup kurung. Sedangkan untuk memberikan tanda bulletsnya adalah buka kurung lalu ketik LI kemudian tutup kurung text yang akan di buat bulletsnya, Kemudian kita tutup perintahnya dengan buka kurung lalu garis miring dan ketik LI lalu tutup kurung.

Pada orderlist yaitu membuat nombor, yaitu buka kurung lalu ketik OL, kemudian tutup tutup kurung. Pada bagian textnya kita masukkan buka kurung lalu kita ketik LI lalu tutup kurung dan kita ketikkan text yang akan dibuat nomor. Kemudian kita tutup dengan buka tutup lalu garis miring dan kita ketik tulisan OL tutup kurung setelah itu langsung kita simpan.Dan kita lihat pada browser maka akan tampil bullets dan numberingnya. Dan jika kita ingin membuat text dengan perataan tertentu pada tampilan di notepad kita harus buka kurung lalu kita ketik pre dan tutup kurung,dan simpan kembali lalu lihat pada browser dan refresh maka kita akan melihat perataan text seperti yang di notepad sebelumnya.

Download: Video 1, Video 2

kytril

singulair melatonin fatigue green light

Share/Save/Bookmark

8 comments

#1rosidMay 22, 2009, 11:15 pm

Suaranya terlalu kecil, ga begitu terdengar.

#2KefyJune 30, 2009, 2:45 pm

Lumayan oke, cb tmbh kode html untuk efek2 warna

#3Goel DoankJuly 12, 2009, 4:11 pm

Thanks, penjelasan yang mudah dipahami.
Bravo.

#4mananOctober 15, 2009, 8:24 pm

tahks y buat ag udh paham

#5Gundala Putra PetirJanuary 6, 2010, 11:40 pm

Thank’s !
Semoga semakin maju dan Ok! Menjadi tempat belajar yang menyenangkan !

#6cipriano s. pintoMarch 11, 2011, 11:06 am

thank’s ya …..minta tutorialnya ya k …….
kirim aja ke alamat gue ….

#7FaridJune 5, 2011, 11:28 pm

makasih….
membantu sekali…
salam kenal

#8Syahrul AzmiDecember 19, 2011, 11:40 am

sangat berguna ,terimakasih.

Add your comment

Nickname:
E-mail:
Website:
Comment:

Other articlesgo to homepage

Membuat Frame

Membuat Frame(7)

Cara  membuat  frame, frame  di  gunakan  untuk  membagi  jendela  browser  anda  beberapa  bagian. Caranya  adalah  pada  bagian  kode  HTML  kita  ketikkan  seperti  ini  < frameset  cols=”20%, *”>. Kemudian  untuk menampilkan   isi  framenya  kita  ketikkan   seperti  ini  <frame  src=”  ketikkan  file Pada  halaman  yang  kita  buat  yang  kita  tampilkan  pada  pada  bagian  yang  pertama  yaitu  pada

Membuat Form

Membuat Form(4)

Cara  membuat form  di  dalam  halaman  website kita   yaitu  kita  harus  membuat lembar  kerja Yang  baru . Kita  akan  mengetikkan  pada  kode  HTML  seperti  ini  <form>  dan  di  akhiri  atau di tutup Dengan  perintah  </form>  ada  beberapa  form   yang  anda  gunakan   yaitu  input  area  ataupun  input accutane attorneys los angeles medicine shield shaped tablets lamictal

Membuat Dan Memformat Tabel

Membuat Dan Memformat Tabel(5)

Cara  menyisipkan  atau  membuat table  pada  halaman  web  kita   adalah  terlebih  dahulu  kita Harus  membuat  judulnya  yaitu  membuat  table di  bawah  bagian  body  kita  akan  mengetikkan Seperi  ini  <table  border=1   lalu  ukuran  lebar nya  yaitu  width=500  dan  untuk  memberi   warna  Background  Pada  table  adalah   bgcolor=”green”>. Tabel  terdiri  dari  beberapa  baris  dan  kolom Untuk  membuat  baris 

Format Halaman Dan Link

Format Halaman Dan Link(0)

Cara  membuat warna  background   pada halaman  web  adalah  kita  ketik  di  dalam  dan  setelah body  yaitu  bg  color=”blue”, Dan  jika  untuk warna  seperti  di  photosop   tentunya  sering  kita lihat kode  warna  RGB   maka  kita  ketikkan  seperti  kode  warna  yang ada  di  potoshop  tersebut. Setelah itu  kita  simpan  dan lihat  hasilnya   pada  halaman  web  kita,  maka 

Format Paragraf dan Karakter

Format Paragraf dan Karakter(3)

Materi Pada Video Belajar kita kali ini akan membahas bagaimana cara memformat paragraf dan huruf. kita akan menggunakan defenition list untuk membuat daftar dimana daftar ini akan terdapat detail untuk masing- masing daftar tersebut. Untuk menggunakan defenition list adalah buka kurung pada halaman notepad lalu kita ketik DL dan tutup kurung. Lalu untuk menutup perintah

read more

Word 2007

read more

Telkom Speedy

banner

Video Belajar

Who's Online

31 visitors online now
11 guests, 20 bots, 0 members
Map of Visitors
Powered by Visitor Maps

Contacts and information

Mari bersama berbagi dengan berbagai video pengetahuan untuk Indonesia yang Jaya. Membagi ilmu ke seluruh pelosok negeri.

Mau mengirimkan Video kamu? Atau ingin bekerjasama? Jangan sungkan hubungi kami.

Social networks

Most popular categories

© 2011 Webmedia Training Center All rights reserved.