Header Ads

Belajar HTML Dasar Part 1 : Mengenal HTML dan Struktur HTML

Senin 24 oktober 2016

assalamualaiakum w.wb

belum tau html ? dan fungsi html ? nah sekarang saya akan menjelaskan tentang html dan struktur dasar html .
Latar Belakang
Web merupakan media untuk menampilkan halaman. Web terbagi menjadi dua yaitu web statis dan web dinamis. Web statis adalah media untuk menampilkan halaman statis atau tetap, tetapi yang mengatur nya adalah web browser. Contoh teknologi yang berkaitan dengan web statis adalah Client Side seperti HTML, Java script.


Tujuan
untuk mempermudah dalam pembelajaran, maksudnya walaupun kita tidak begitu mrngerti terhadap pembahasan tetapi kita sudah mengenal dan mngetahui nya. Hal ini telah memudahkan bagi pelajar yang mempelajari tentang HTML ini karena sudah dikelompokkan sesuai dengan bahasannya. Tetapi disamping itu kita haru rajin berlatih terus mencoba membuat web, baik yang statis ataupun dinamis.

 
Langsung saja kita bahas di bawah ini .

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

sumber : Wikipedia indonesia . W3Schools



Pengertian HTML 5


HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997[1]) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.

Sumber : Wikipedia Indonesia. W3School
____________________________________________________________________________________
 oke mari kita belajsuar menggunakan HTML cara membuat HTML nya sangat mudah ,
Langkah pertama : Buka Notepad kalau di windows dan gedit kalau di linux.
kemudian ketik skrip di bawah ini.

<!DOCTYPE html>
<html>
<head>
    <title>judul</title>
</head>
<body>
              Belajar HTML .
</body>
</html>
Keterangan :
  • <html>...</html>  : bertujuan untuk mendefinisikan sebuah dokumen HTML.
  • <head>...</head> : bertujuan untuk memberikan informasi tentang dokumen.
  • <title>...</title>    : bertujuan untuk memberikan judul header di atas dokumen.
  • <body>...</body> : bertujuan untuk memasukan isi halaman yang terlihat di web browser.
 Kemudian :jangan lupa saat saving harus ".html", kalau sudah selesai tinggal di save dengan cara ctrl + s atau klik file lalu klik save as.

 Hasil skrip yang di atas sperti di bawah ini :




sedikit keterangan ,yang diatas tadi adalah skrip dasar Html dan Srtuktur dasar Html. ____________________________________________________________________________________
 mari sekilas kita bahas HTML ke dua yaitu format HTML:

"memberikan judul , menganti baris ,memberi ketebalan dalam text ,membuat text menjadi miring , Dll !!!" Oke masih banyak lagi Format Html. kalau mau tau ikuti saya.

mari kita bahas : 

ini adalah Scriptnya:
<!DOCTYPE html>
<html>
<head>
    <title>JUDUL</title>
</head>
<body>
<h1> BIMA ZAINUDIN IKHSAN</h1>
     <br>
<b>JURUSAN</b>
    <br>
<i>ALAMAT</i>
    <br>
<u>ASAL SEKOLAH</u>
</body>
</html>
keterangan : 
  •  <h1>...</h1> : bertujuan untuk mengambarkan judul .macam -macam header :<h1>...</h1>,<h2>...</h2>,<h3>...</h3>,<h4>...</h4>,<h5>...</h5> dan <h6>...</h6>.urutan dari <h1> ...</h1> sampai <h6>...</h6> .dari yang terbesar sampai kecil.
  •   <b>...</b> : bertujuan untuk mengubah text menjadi tebal atau Bold.
  •   <i>...</i> :bertujuan untuk mengubah text menjadi miring atau italic
  •   <u>...</u> : bertujuan untuk mengubah text ada garis bawah atau underline .
  •   <br> : bertujuan untuk menganti baris atau Enter.

inilah hasil dari script di atas :

cukup itu saja tutorial dari saya 
jika ingin lebih lengkap nya klik di bawah ini
____________________________________________________________________________________
Mohon maaf sampai disini pengetahuan yang saya dapatkan ,dan bila ada salah kata maupun kurang kata mohon di maafkan,


KESIMPULAN
Dalam pembuatan website, dikenal dua komponen penting yaitu www dan HTML. Dimana www merupakan suatu protokol standar dari internet, sedangkan HTML merupakan script atau program standar yang dijalankan oleh www atau internet. Proyek HTML ini dibuat dengan menggunakan media web editor notepad.

Di dalam HTML terdapat dua bagian dokumen yaitu bagian kepala (head) dan bagian tubuh (body). Pembuatan proyek web/HTML sekolah dengan menggunakan notepad ini dimulai dengan pembuatan bahasa HTML dalam notepad. Yang kemudian untuk setiap baris dalam proyek ini selalu dibuat dengan bahasa HTML tersendiri sesuai dengan apa yang akan kita buat.

akhir kata 
wassalamaualaiakum wr.wb 

No comments

Powered by Blogger.