Belajar dan Mengenal HTML5

Intinya adalah HTML adalah bahasa program untuk menampilkan halaman web, HTML5 sendiri merupakan revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997), perbedaannya adanya penambahan sintaks sintaks baru pada revisi kelima ini.




Hypertext 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 (https://id.wikipedia.org/wiki/HTML).

Intinya adalah HTML adalah bahasa program untuk menampilkan halaman web, HTML5 sendiri merupakan revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997), perbedaannya adanya penambahan sintaks sintaks baru pada revisi kelima ini.

Dalam aturan penulisan tag HTML harus berurut, dimana setiap tag pembuka harus diberikan penutup sebagai contoh :


<A>
  <B>
    <C>
    </C>
  </B>
</A>

Apabila terbalik maka akan mengacaukan halaman yang akan di tampilkan.
Adapun struktur penulisan HTML untuk menampilkan halaman diwebsite adalah sebagai berikut :


<html>
  <head>
      <title>Judul halaman web disini</title>
   </head>
   <body>
      <h1>Informasi halaman website disini</h1>
   </body>
</html>

Pejelasan Struktur dasar diatas :

A. TAG
Merupakan teks khusus (markup) yang terdiri dari dua karakter yaitu karakter "<" dan karakter ">", sebagai contoh <body> adalah tag dengan nama body. Secara Umum tag ditulis secara berpasangan contoh tag <body> biasanya diakhiri dengan tag penutup </body> (ditambahkan karakter "/" setelah karakter "<") sehingga informasi yang diberikan didalam tag <body> berada sebelum ditutup dengan </body>

B. ELEMENT
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:


<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. Contoh penulisan tag-tag yang benar

<p>
<b> Informasi yang di bold </b>
</p>


Contoh yang salah :


<p>
<b> Informasi yang di bold </p>
</b>
 


C. ATTRIBUTE
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Secara umum nilai attribute harus berada dalam tanda petik satu atau dua, Contoh ingin membuat background hitam dengan warna tulisan putih

<body bgcolor="black" text="white">
test html
</body>
 
(Biasanya jarang digunakan, lebih banyak menggunakan CSS dalam desain tampilan.)

Ada banyak element dan tag dalam html, namun penggunaanya disesuaikan dengan kebutuhan, untuk mempelajari element-element dari tag html dapat di lihat dan dilatih dari link ini : http://w3schools.com/html/html_attributes.asp . Untuk awal silahkan belajar dengan kreasi menurutmu untuk tahap dasar, postingan mengenai html ini akan saya lanjutkan secara berlanjut, untuk tahap dasar mungkin beberapa pertanyaan dibawah ini bisa menjadi dasar latihan pemrograman dasar html.

  1. Cara Menampilkan teks dalam dokumen web HTML 
  2. Cara Merubah warna Teks dan background
  3. Cara Mengganti Teks dan Background gambar. 

Sebagai panduan, silahkan membuat dokumen html menggunakan Notepad++ atau Sublime text, setelah membuat silahkan save as dengan extension html contoh save as “index.html”. Silahakan coba membukanya menggunakan browser kesayangan kamu Chrome atau Firefox, Itu saja postingan kali ini mengenai belajar pemrograman web HTML5 sampai ketemu di postingan selanjutnya.

COMMENTS

Nama

AMP,3,BLOGGER,11,CSS,19,FREE TEMPLATE,1,GRATIS,1,HEADLINE,4,HTML,1,JQUERY,9,MARKETING,11,OPINI,69,PEMROGRAMAN WEB,41,PERFORMANCE WEB,4,PHP,9,SEO,9,SOCIAL MEDIA OPTIMIZATION,8,TIPS DAN TRIK,48,
ltr
item
Gee Web Studio - Tutorial, Share Web & Mobile: Belajar dan Mengenal HTML5
Belajar dan Mengenal HTML5
Intinya adalah HTML adalah bahasa program untuk menampilkan halaman web, HTML5 sendiri merupakan revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997), perbedaannya adanya penambahan sintaks sintaks baru pada revisi kelima ini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggzgMyvR4UZm7sZB1hAqRwZdobpHEY6zCzyvgW9uktooKKe_iNqo-AHcN6vBwAHxTCbh_yNYM0N8eGV3ze7V7hdYAAkeZPi5imGcL9YczTypAuzTQrih4Hnou5N4XxyRATykxxCK1w1fpG/s1600/HTML5_sticker.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggzgMyvR4UZm7sZB1hAqRwZdobpHEY6zCzyvgW9uktooKKe_iNqo-AHcN6vBwAHxTCbh_yNYM0N8eGV3ze7V7hdYAAkeZPi5imGcL9YczTypAuzTQrih4Hnou5N4XxyRATykxxCK1w1fpG/s72-c/HTML5_sticker.png
Gee Web Studio - Tutorial, Share Web & Mobile
https://www.gee.web.id/2017/08/belajar-dan-mengenal-html5.html
https://www.gee.web.id/
https://www.gee.web.id/
https://www.gee.web.id/2017/08/belajar-dan-mengenal-html5.html
true
77827092934645996
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content