~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~SAYA MENDENGAR LALU SAYA LUPA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SAYA MEMBACA LALU SAYA INGAT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SAYA MELAKUKAN LALU SAYA MENGERTI~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

29 March 2015

Pelajaran 01 : Dasar HTML


Untuk memulai pembuatan halaman HTML maka dapat dimulai dengan menyiapkan editor yang akan digunakan, misalkan menggunakan EditPlus atau Notepad, yang dilakukan disini adalah menggunakan EditPlus karena mempunyai fasilitas yang mendukung guna pembuatan HTML nantinya. Ikuti penjelasannya sebagai berikut :

  • membuat file HTML
  • penulisan tag title
  • penulisan tag body
  • penulisan tag paragraf
  • penulisan tag turun satu baris

Format halaman HTML adalah terdiri dari dua bagian yaitu bagian Header dan bagian Body, yang semuanya itu dibuka dan ditutup dengan <tag>. Seperti tag <html> adalah digunakan untuk tanda awal dari suatu halaman HTML, sedangkan tag </html> (diawali tanda slash) digunakan untuk tanda akhir dari suatu halaman HTML. Tag-tag tersebut dapat ditulis dengan huruf kecil maupun huruf besar, karena HTML tidak mengenal case sensitive (membedakan huruf kecil dan besar).

Membuat file HTML

pembuatan halaman dapat dibuat dengan paket program dengan Notepad. adapun untuk membuka halaman Notepad dapat diikuti langkah berikut :

  1. Buka program
  2. Pilih Accessories
  3. Pilih Notepad



Dari halaman Notepad kita dapat menuliskan kode - kode untuk pembuatan halaman HTML. File yang dibuat oleh Notepad hasilnya akan berbentuk file teks (.txt), agar supaya file tersebut menjadi file HTML, maka saat menyimpan kode-kode yang telah dibuat dengan ekstensi html (.html)

Seperti contoh :



Kode - kode teks disimpan dengan nama file coba.html


 
Buatlah semua file - file berikut dengan mengikuti petunjuk pembuatan halaman HTML seperti diuraikan lebih lanjut.


1. Tag title <title>
 
Suatu tampilan browser dari halaman web biasanya menggunakan judul (title) yang digunakan untuk menamakan suatu halaman web dan untuk memberikan nama pada saat suatu halaman web akan disimpan atau didata pada menu browser (menu Favorite). Judul ini akan ditampilkan pada bagian kiri atas dari suatu browser. Untuk memberikan nama maka digunakan tag <title> yang didahului dengan tag <head> kemudian ditutup dengan tag </title> untuk membatasi judul dan tag </head> untuk menutup bagian format header. Tag tersebut diletakkan dibawah tag <head>.

Contoh penulisan tag TITLE :



  <html>
  <head>
  <title> nama titel </title>
  </head>
  <body>

  </body>
  </html>
 




2. Tag body <body>

Untuk menampilkan isi dari halaman web dapat diawali dengan tag <body> dan diakhiri dengan tag </body>.

Contoh penulisan tag BODY :



  <html>
  <head>
  <title> tag body  </title>
  </head>
  <body>
  INI ADALAH WEB KU <br>
  Untuk menampilkan isi dari halaman web ada didalam tag body <body>.
  </body>
  </html>
 



3. Tag Paragraf <p>

Untuk memulai penulisan halaman baru diawali dengan tag paragraf <p> dan diakhiri dengan tag </p>.

Contoh penulisan tag Paragraf :



  <html>
  <head>
  <title> tag paragraf </title>
  </head>
  <body>
  <p>INI ADALAH WEB KU</p> 
  <p>Untuk memulai paragraf menggunakan tag paragraf <p></p>
  </body>
  </html>
 




4. Tag Turun Satu Baris (ganti baris)<br>

Untuk menurunkan tulisan satu baris diawali dengan tag paragraf <br>.

Contoh penulisan tag <br> :



  <html>
  <head>
  <title> tag turun 1 baris </title>
  </head>
  <body>
  <br>INI ADALAH WEB KU 
  <br>Untuk menurunkan
  <br>satu batis
  <br>menggunakan tag <br>
  </body>
  </html>
 


By Herman @SMKN3BuduranSDA


ARTIKEL TERKAIT:


BACA JUGA TULISAN MENARIK LAINNYA :

0 Komentar:

Post a Comment