Alamat : Jl. Raya Slogohimo - Wonogiri, Kab. Wonogiri, Prov. Jawa Tengah 57694 | Tlp. (0273) 411253 - Email: smkp8_slog@yahoo.co.id
Pilih Bahasa / Translate
Papan Informasi/Pengumuman
PENDIDIKAN SISTEM GANDA (PSG) KELAS X - XI

Upd: Senin, 5 Maret 2018 | 00:42 WIB
Mulai 19 Maret 2018 ...
ULANGAN TENGAH SEMESTER GENAP KELAS X - XI

Upd: Senin, 5 Maret 2018 | 00:41 WIB
Tanggal 5 - 14 Maret 2018 ...
TES KHUSUS KOMPETENSI (untuk CALON SISWA BARU)

Upd: Rabu, 14 Juni 2017 | 12:32 WIB
TES KHUSUS KOMPETENSI bagi CALON SISWA BARU dilaksanakan pada Har SENIN, 19 Juni 2017 Mulai Pukul 07.30 - selesai ...
Login Guru & Siswa
NIS. / User :
Password :
Sebagai : Guru/Siswa
Register |
Agenda Kegiatan Terbaru

Tanggal : 19/03/2018
PENDIDIKAN SISTEM GANDA (PSG) untuk KELAS X - ...
Tempat : INSTANSI (Institusi Pasangan Sekolah)
Tanggal : 05/03/2018
ULANGAN TENGAH SEMESTER GENAP untuk KELAS X - ...
Tempat : Ruang Kelas
Tanggal : 19/06/2017
TES KHUSUS KOMPETENSI untuk CALON PESERTA DIDIK ...
Tempat : RUANG KELAS
Agenda-agenda Lainnya..
Statistik Pengunjung
  Sedang Online     : 2 orang
  Visitor Hari ini
      : 9 visitor
  Total Visitor      
    : 38080 orang
  Tayangan hari ini
: 281 kali
  Total Tayangan    : 1820061 kali

Kategori :    

Tutorial Belajar HTML 1 – Pengenalan HTML


Ditulis pada hari Selasa, 13 Oktober 2015 | 12:17 WIB | Oleh : DWI ERY ROHMANSYAH


Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer. Nah setelah selesai dengan belajar HTML, maka kamu akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya kamu pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara lebih intens. Waktu itulah kamu perlu mulai belajar PHP. Setelah belajar PHP maka kamu bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP kamu.

Saya bisa dengan singkat menjelaskan seperti ini.

HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kamu dan mempermudah proses desain web kamu seperti CSS dan Javascript. Kamu juga mungkin akan perlu menambah ketrampilan kamu dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe.

Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web.

Perlu saya sampaikan di sini bahwa meskipun kamu sudah  menguasai berbagai aplikasi yang mempermudah desain web, tetapi walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning dalam program kamu.

Siap? OK, kita akan mulai belajar HTML.

Pengenalan HTML

Apa yang dimaksud dengan file HTML?

–    HTML merupakan kependekan dari Hyper Text markup Language

–    Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup

–    Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman

–    File HTML harus memiliki ekstensi htm atau html

–    File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.

Pengen Nyoba Bikin?

Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).
Ketikkan teks berikut:

<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya. <b>Teks ini ditebalkan</b>
</body>
</html>

   
Simpan dengan nama “halamanku.htm” (jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt).

Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.

Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.
Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>.
    Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
    Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
    Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).
    Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu.
    Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.

Dengan penjelasan ini kamu mustinya udah mulai manggut-manggut dan merasa, ko ternyata belajar HTML gampang gini yah :). Mudah-mudahan.

Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.

Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya.

Ok, tutorial belajar HTML sesi perkenalan cukup, kita akan melanjutkan ke Artikel berikutnya tentang elemen HTML.



Kategori : Pengetahuan | 1137 hits

<< Kembali ke Artikel



Jejak-jejak komentar visitor yang menyimak artikel ini (Total : 50 komentar)

@ xhjepigh : Kamis, 15 November 2018 | 01:17 WIB | Kontak : bsd9o33jfsfh8ji@gmail.com
foto no prescription cialis п»їcialis online cialis professional [url=http://cialishwzbm.com/]cialis buy[/url]

@ sbhHeide : Rabu, 14 November 2018 | 23:49 WIB | Kontak : hwjeab3hcr@gmail.com
foto generic viagra online order viagra online viagra [url=http://www.viagenericahecv.com/]buy viagra online[/url]

@ nfhshism : Rabu, 14 November 2018 | 12:06 WIB | Kontak : hghsbsfah6@gmail.com
foto tadalafil 20 mg cialis cialis sale [url=http://cialisjesh.com/]online cialis generic[/url]

@ ikjgeapy : Rabu, 14 November 2018 | 11:59 WIB | Kontak : adb4bsqfbsgwcr@gmail.com
foto viagra reviews order viagra online buy viagra [url=http://saresltd.com/]viagra generic[/url]

@ bafWeemn : Selasa, 13 November 2018 | 21:20 WIB | Kontak : hbdsrvdsahdr2@gmail.com
foto do you need a prescription for cialis cialis online cialis tadalafil [url=http://cialisheobg.com/]online cialis[/url]

@ nwtWeemn : Selasa, 13 November 2018 | 14:21 WIB | Kontak : hwshwe5ydr2@gmail.com
foto cialis price online cialis cialis online [url=http://cialisgessa.com/]online cialis[/url]

@ btfHeide : Jumat, 2 November 2018 | 09:15 WIB | Kontak : hwje5sgh42avaqfcr@gmail.com
foto tadalafil cialis generic liquid tadalafil [url=http://genericcialls.com/]cialis generic[/url]

@ vskWeemn : Rabu, 31 Oktober 2018 | 15:54 WIB | Kontak : wfeg3qf14whdr2@gmail.com
foto viagra generic generic viagra without a doctor prescription generic viagra online [url=http://movietrailershd.org/]generic viagra online canadian pharmacy[/url]

@ snfshism : Selasa, 30 Oktober 2018 | 14:19 WIB | Kontak : hsgdgr4sah6@gmail.com
foto bad credit no payday loans personal loans online payday loan companies online [url=http://perfectbadcreditloans.com/]personal loans online[/url]

@ bsfepigh : Senin, 29 Oktober 2018 | 23:41 WIB | Kontak : afsegg23jfsi@gmail.com
foto instant payday loans for 1 hour faxless payday loan absolutely no fax payday loan [url=http://cashmojoloan.com/]quick cash advance[/url]

@ nsfrearm : Senin, 29 Oktober 2018 | 22:18 WIB | Kontak : abde4wgejf3@gmail.com
foto best payday loan online instant cash loans apr payday loans [url=http://instantpaydayloanscentral.com/]payday loan online[/url]

@ bsfSlort : Senin, 29 Oktober 2018 | 13:00 WIB | Kontak : atadfsghsd11tyd0@gmail.com
foto 100mg viagra is there generic viagra sildenafil viagra [url=https://www.purseinstock.com/]best place to buy generic viagra online[/url]

@ badHeide : Minggu, 28 Oktober 2018 | 00:10 WIB | Kontak : hwje53jw32avqfcr@gmail.com
foto cash check military loans articles credit card consolidation [url=http://nocreditcheck-militaryloans.com/]bad credit military loans[/url]

@ bsfWeemn : Jumat, 26 Oktober 2018 | 23:22 WIB | Kontak : wfeg34whdr2@gmail.com
foto cash loan advance cash advances quick cash [url=http://cash-advances-today.com/]QUICK CASH ADVANCE LOANS[/url]

@ bthshism : Kamis, 25 Oktober 2018 | 03:51 WIB | Kontak : h6hahfhsah6@gmail.com
foto installment loans poor credit get fast cash and fast payday loans [url=http://wwwonlinepaydayloans.com/]cash loans no credit check[/url]

@ Loans For Bad Credit : Sabtu, 20 Oktober 2018 | 08:08 WIB | Kontak : michrrt@pochtar.men
foto pay day loan bad credit credit loans guaranteed approval direct lenders installment loans [url=https://creditloansguaranteedapproval.com/]bad credit loans[/url]

@ Getting A Loan : Rabu, 17 Oktober 2018 | 04:10 WIB | Kontak : djling122@regiopost.trade
foto credit loans guaranteed approval no credit loans online installment loans direct lenders [url=https://creditloansguaranteedapproval.com/]cash express[/url]

@ Matthemelia : Sabtu, 13 Oktober 2018 | 15:07 WIB | Kontak : matthewaddip@starslots.bid
foto http://www.osricgames.com/Jade/BB/viewtopic.php?f=3&t=462484 http://www.telecomlinkph.com/index.php?option=com_k2&view=itemlist&task=user&id=223841 Barry reports grants, personal fees, and nonfinancial support from Healthwise outside http://www.dcjst

@ Matthemelia : Sabtu, 13 Oktober 2018 | 07:18 WIB | Kontak : matthewaddip@starslots.bid
foto solucin podra ser unas salas [url=http://www.fedegn.org/forum/viewtopic.php?f=12&t=372298]View all[/url] [url=http://gajczyna.pl/index.php?option=com_k2&view=itemlist&task=user&id=426103]web site[/url] [url=http://www.viaxplor.com/sitio/index.php?opt

@ Matthemelia : Sabtu, 13 Oktober 2018 | 03:49 WIB | Kontak : matthewaddip@starslots.bid
foto severe, he said. When selecting experts to join these panels, conflicts of of our hormone seminars to give it a and even high school boys gazing dreamily [url=http://chizh-avto.ru/forum/messages/forum1/topic185/message3667/?result=reply]purchase flut

@ Instant Online Loans : Sabtu, 13 Oktober 2018 | 02:32 WIB | Kontak : czbarnhart@rainmail.win
foto installment loans direct lenders credit loans guaranteed approval credit loans guaranteed approval [url=https://creditloansguaranteedapproval.com]bad credit loans[/url]

@ Matthemelia : Jumat, 12 Oktober 2018 | 21:11 WIB | Kontak : matthewaddip@starslots.bid
foto [url=http://forum.jorri.net/viewtopic.php?f=1&t=183092]For details click here[/url] however, may slow the progression. http://www.metrotv.com.do/index.php?option=com_k2&view=itemlist&task=user&id=152673 be casted or splinted and allowed with a low vo

@ Matthemelia : Jumat, 12 Oktober 2018 | 17:44 WIB | Kontak : matthewaddip@starslots.bid
foto http://eliasfacilitadordegrupos.org/index.php?option=com_k2&view=itemlist&task=user&id=427015 http://rr-transport.okbb.de/viewtopic.php?f=1&t=40402 once the incubation period is over, then they likely purchase to those 17yearsold and older, however.

@ Bad Credit : Rabu, 10 Oktober 2018 | 19:11 WIB | Kontak : rdfatass@rainmail.win
foto payday loans in corpus christi credit loans bad credit loans direct lenders credit loans guaranteed approval

@ Best Payday Loan : Senin, 8 Oktober 2018 | 17:57 WIB | Kontak : kandis@rainmail.win
foto credit loans guaranteed approval bad credit loans no credit loans credit loans guaranteed approval

@ Online Lenders : Minggu, 15 Juli 2018 | 19:17 WIB | Kontak : tenkula22@pochtar.men
foto loans loans loans direct lender tribal

@ Getting A Loan : Minggu, 15 Juli 2018 | 11:35 WIB | Kontak : calum29@pochtar.men
foto loans bad credit loan bad credit installment loan loans

@ Loans For Bad Credit : Minggu, 15 Juli 2018 | 07:22 WIB | Kontak : shuronda10@pochtar.men
foto loans for people with bad credit loans loans for people with bad credit loan with bad credit

@ Direct Lenders : Sabtu, 14 Juli 2018 | 20:50 WIB | Kontak : scoker2@regiopost.trade
foto loans houston loans online loans for bad credit loans

@ Getting A Loan : Sabtu, 14 Juli 2018 | 17:10 WIB | Kontak : xyuni@pochtar.men
foto a loan with bad credit no credit check loans with monthly payments online loans for bad credit bad credit loan

@ Easy Payday Loan : Sabtu, 14 Juli 2018 | 12:40 WIB | Kontak : delekay@rainmail.win
foto loan bad credit direct loan online payday loan direct lenders loans for people with bad credit

@ Quick Loan : Sabtu, 14 Juli 2018 | 12:31 WIB | Kontak : dinandvanvelzen@rainmail.win
foto loans for people with bad credit loans for bad credit direct loan consolidation loans

@ A Payday Loan : Sabtu, 14 Juli 2018 | 04:27 WIB | Kontak : andreglashoff@regiopost.trade
foto loans loans direct loan consolidation bad credit loan

@ Best Online Loans : Rabu, 11 Juli 2018 | 10:57 WIB | Kontak : mrjjbis@pochtar.men
foto best loans for bad credit payday loan application loans bad credit personal unsecured loans

@ A Payday Loan : Rabu, 11 Juli 2018 | 08:59 WIB | Kontak : weare@regiopost.trade
foto a loan with bad credit payday loan near me loans with bad credit no credit check payday

@ Payday : Rabu, 11 Juli 2018 | 05:53 WIB | Kontak : kelli92981@pochtar.men
foto online loans for bad credit payday loans surrey bc payday loans for bad credit loans

@ Quick Loan : Selasa, 10 Juli 2018 | 14:39 WIB | Kontak : shoreel@evropost.trade
foto payday loan application a loan with bad credit easy loans no credit easy installment loans online

@ A Payday Loan : Selasa, 10 Juli 2018 | 13:30 WIB | Kontak : austin@evropost.trade
foto 1 hour loans what is a bank loan payday loans bad credit loans

@ Fastest Payday Loan : Selasa, 10 Juli 2018 | 11:48 WIB | Kontak : darline@pochtar.men
foto loans loan with bad credit loans loans

@ Easy Payday Loan : Selasa, 10 Juli 2018 | 06:32 WIB | Kontak : juan0@evropost.trade
foto payday loan express loans best loans for bad credit bad credit loan

@ Bad Credit : Selasa, 10 Juli 2018 | 01:44 WIB | Kontak : superstrmom@mailllc.download
foto bad credit payday loans online loans bad credit loans with bad credit loan with bad credit

@ Loan Cash : Senin, 9 Juli 2018 | 07:44 WIB | Kontak : darealaldaddy@rainmail.win
foto loans loans loans need a loan with bad credit

@ Loans Online : Minggu, 8 Juli 2018 | 22:58 WIB | Kontak : markscott@pochtar.men
foto loans loan with bad credit loans loans

@ Personal Loans : Minggu, 8 Juli 2018 | 14:48 WIB | Kontak : morric@evropost.trade
foto loans bad credit payday loan lenders loans with bad credit loans

@ Loan Cash : Minggu, 8 Juli 2018 | 13:50 WIB | Kontak : smartin8@rainmail.win
foto speedy payday loans bad credit loans loans

@ Akkpwencug : Sabtu, 7 Juli 2018 | 18:00 WIB | Kontak : nvmfyeuronypono@moramail.bid
foto online casino games online casino bonus casino online online casinos | casino real money

@ lzu7v8wf : Sabtu, 7 Juli 2018 | 11:18 WIB | Kontak : cw5016fw@outlook.com
foto roulette online - free roulette games play roulette roulette free https://roulettecas.com/

@ Randallspume : Jumat, 5 Mei 2017 | 08:32 WIB | Kontak : randallPleak@newzeroemail.com
foto Sir Bobby Charlton made his Manchester United appear 60 years ago today (Thursday), when he scored twice in a 4-2 victory once more Charlton Athletic at Prior Trafford. Charlton joined Collaborative in 1953 as an England Schoolboys prodigy with a g

@ StevenBok : Senin, 16 Januari 2017 | 14:11 WIB | Kontak : leontiyabyaip@mail.ru
foto objawy dny moczanowej w stopie podagra leczenie domowe http://seeknet.pl/ dieta przy podagrze leczenie dny

@ Jual Kopi Racik Malang : Senin, 27 Juni 2016 | 11:46 WIB | Kontak : 082186148884
foto Terima kasih banyak telah berbagi, saya berharap anda terus semangat menulis topik selanjutnya http://jualkopiarabikamalang.blogspot.co.id http://jualkopiracik.blogspot.co.id



* Silahkan berikan komentar anda seputar artikel yang kami sajikan di atas.

Nama Lengkap :

Kontak (No. HP atau Email) :

Komentar (max. 250 karakter) :


Masukkan Jumlah :