SMKN 2 Pacitan ziddu
link
code 4ur web

Alumni SMKN 2 Pacitan

Pemrograman HTML

Sebuah web dengan bentuk dan fasilitas yang macam-macam ragamnya, tidak terlepas dari penggunaan kode-kode HTML sebagai dasar pembuatan web. Sehingga akan sangat penting untuk mengetahui dasar-dasar dalam pembuatan web yang dimulai dari kode-kode (tag) HTML.

HTML (Hyper Text Markup Language) merupakan bahasa dasar yang digunakan untuk membangun konstruksi web hingga dikembangkan yang bisa digabung dengan code PHP, Javascript, maupun ASP. Pemahaman terhadap kode HTML menjadi hal yang penting, karena sebagai bahasa dasar dalam pembuatan web, akan sangat berguna jika di ketemukan trobel terhadap sistem.

Aturan dasar dalam kode HTML, setiap akan melakukan format terhadap segala sesuatu, maka bagian yang ada dalam format tersebut pasti akan diapit oleh tag pembuka <perintah> dan tag penutup </perintah>, namun ada beberapa pengecualian terhadap tag ini yang sekaligus satu tag sebagai tag pembuka dan tag penutup.

Struktur dasar dalam pembuatan web adalah

Dari kode diatas, bisa dilihat bahwa kode html memiliki tiga struktur utama yang digunakan untuk membuat halaman html, yaitu:

  • Seluruh kode html akan masuk dalam tag <html>...</html>, jadi semua informasi yang ada dalam suatu halaman web harus diletakkan diantara tag ini. Didalam tag html akan tersimpan informasi yang langsung ditampilkan dalam browser maupun digunakan sebagai keterangan dari suatu halaman html yang tidak ditampilkan.
  • Pada tag <head>...</head> akan dituliskan semua informasi yang tidak ditampilkan dalah halaman utama browser. Namun pada tag ini memiliki peran penting untuk memasangkan beberapa atribut yang digunakan untuk melakukan pemformatan halaman, sebagai contoh pemasangan link "style". Perkecualian pada tag ini adalah pada tampilan informasi title dan icon yang bisa ditampilkan secara langsung melalui browser.
  • Untuk tag <body>...</body> memasangkan semua informasi utama yang akan ditampilkan dalam halaman web browser. Pada tag ini akan memuat banyak modifikasi kode program hingga dihasilkan tampilan halaman web yang nyaman dilihat, dan sebagian besar pembahasan kode html akan dimasukkan pada tag ini.

Memulai HTML

Untuk memulai membuat web, beberapa pengetahuan mendasar perlu diketahui agar dalam pembuatan web bisa berjalan dengan lancar, pengetahuna-pengetahuan tersebut diantaranya:


Heading, format font untuk judul
Heading ini biasa digunakan untuk memberikan format judul dalam suatu web, memiliki range antara 1 sampai 6 dengan model penulisan <h1> hingga <h6>.

Contoh
<h1>Heading 1</h1>

Heading 1

<h3>Heading 3</h3>

Heading 3

<h6>Heading 6</h6>
Heading 6

Paragraph, membuat paragraf

Untuk membuat sebuah paragraf, maka tulisan yang masuk dalam satu paragraf harus diapit oleh tag <p>...</p>


Link, penghubung antar bagian

Untuk mempermudah dalam menjelajah uatu web, makan simbol-simbol khusus yang menghubungkan dengan satu halaman tertentu sangat dibutuhkan. untuk menjawab hal ini html menyediakan tag <a>...</a> untuk memberikan link/penghubung antar bagian tersebut. Bentuk umum dari penulisan link adalah "<a href="alamat_tujuan">simbol link</a>"

<a href="ptc.php">ptc</a> Link ke halaman lain dalam satu web, jika antara link dengan halaman tujuan berbeda folder, maka tuliskan nama folder diikuti tanda /
<a href="http://www.rowang.com"> rowang.com</a> Link ke alamat website lain, dimulai dengan mengetikkan "http:// "
<a href="http://www.rowang.com/index.php"> indexnya rowang</a> Link ke halaman website lain,untuk memisahkan alamat dengan folder/file menggunakan tanda "/"
<a href="mailto:oedha@rowang.com"> oedha@rowang.com</a> Link ke alamat email, dimulai dengan mengetikkan "mailto:" diikuti alamat email.

Random Article

¤ Download di Ubuntu Segampang IDM
¤ Default Check Radio Button sesuai Inputan
¤ HP Mini 210-1014TU, mungil eksotik
¤ Web Control dengan Seting DNS
¤ anyRemote, Remote PC dengan HP
¤ Ubuntu 12.04, Install
¤ Pemrograman PHP
¤ 7ZIP, Kompresi File
¤ Pemrograman HTML: Link
¤ Menampilkan file hidden
Hosting dan Domain Termurah
Pagoda DJ
alertpay
Valid XHTML 1.0 Transitional
Valid CSS!
optimized resolution 1024x768 pixel
www.rowang.com © 2008 - 2012 all rights reserved
create by oedhawidhi
adh