Friday, 11 November 2016

HTML : Struktur Dasar Pada HTML

Tutorial belajar HTML
Bahasa yang harus dipelajari untuk menjadi Web Developer :
1. HTML / Hypertext Markup Language
2. CSS / Cascading Stylesheet
3. Javascript
4. Server-side Programming : PHP, Phyton, Coldfusion, dll
5. Accessing Database : MySql, Sql Server, Oracle, dll
HTML singkatan dari Hypertext Markup Language merupakan bahasa Markup yang umumnya digunakan untuk membangun halaman web. HTML berisikan tag-tag yang berguna dalam menyusun halaman web. Oleh sebab itu, HTML bukanlah bahasa pemrograman.
Untuk menjadi seorang Web Designer/Developer, teman-teman haruslah menguasai HTML terlebih dahulu.

Struktur dasar pada HTML :

Struktus dasar pada HTML


Contoh simple pada halaman web :

My First Page
Dari source code HTML pada gambar di atas, terdapat beberapa tag diantaranya:
  • <h1>My First Page</h1>, merupakan tag heading 
  • <p>My First Page</p>, merupakan tag paragraf 
  • <a href="index.html">My First Page</a>, merupakan tag link. Di dalamnya terdapat atribut href yang fungsinya untuk menuju link yang dituju. Dalam hal ini berarti link akan menuju pada halaman index.html
Tampilan pada web browser

Tag Lainnya : 

Source code image tag
  • <img src="#" alt="#" width="" height="">, merupakan tag untuk menampilkan gambar pada halaman web. Di dalam tag tersebut terdapat atribut src - untuk mengambil sumber file gambar, alt - merupakan alternatif text, width dan height - mengatur lebar dan tinggi gambar
Tampilan gambar pada web browser
Sebarkan pada mereka: