Introduce About HTML


Belajar HTML 

[ Materi 1 Tentang Pengenalan HTML ]


 A). Apa Itu HTML?

HTML Singkatan dari "Hypertext Markup Languange". HTML memungkinkan seorang user untuk membuat dan menyusun bagian paragraf, heading, link atau tautan, dan blockquote untuk halaman web dan aplikasi.

HTML bukanlah bahasa pemrograman, dan itu berarti HTML tidak punya kemampuan untuk membuat fungsionalitas yang dinamis.


Ketika menggunakan HTML Anda harus menggunakan sturuktur code yang sederhana. Misalnya, Anda membuat sebuah paragraf dengan menempatkan enclosed text di antara tag pembuka <p>  dan tag penutup </p>.

 Contoh ; 

[1] <p> Ini adalah paragraf </p>

Kesimpulannya, pengertian HTML sebagai bahasa mark up sangatlah mudah untuk dipahami bahkan bagi webmaster pemula di bidang web development sekalipun.

 

B). Sejarah HTML?

HTML dibuat oleh Tim Berners-Lee, seorang ahli fisika di lembaga penelitian CERN yang berlokasi di Swiss. Dia memiliki ide tentang sistem hypertext yang berbasis internet.Hypertext merujuk pada teks yang memuat referensi (link) ke teks lain yang bisa diakses langsung oleh viewer. Tim merilis versi pertama HTML pada tahun 1991,

Berkat popularitasnya yang terus meningkat, HTML kini dianggap sebagai web standard yang resmi. Spesifikasi HTML di-maintain dan dikembangkan oleh World Wide Web Consortiumm (W3C). Cek versi terbaru dari bahasa ini di website W3C.

Upgrade HTML besar-besaran terjadi pada tahun 2014, dan hasilnya adalah pengenalan HTML5. Pada upgrade tersebut, terdapat semantic baru yang memberitahukan arti dari kontennya sendiri, seperti <artcile>, <header>, dan <footer>.

  

C). Bagaimana Cara kerja HTML?

Dokumen HTML adalah file yang diakhiri dengan ekstensi .html atau .htm. Ekstensi file ini bisa dilihat dengan mengunakan web browser apa pun (seperti Google Chrome, Safari, atau Mozila Firefox). Browser tersebut membaca file HTML dan me-render kontennya sehingga user internet bisa melihat dan membacanya. 

Masing - masing halaman halam HTML terdiri dari beberapa tags (Tags tersebut dapat kita sebut sebagai Elements). 

     Contoh : 

    div>

<h1>The Main Heading</h1>
<h2>A catchy subheading</h2>
<p>Paragraph one</p>
<img src="/" alt="Image">
<p>Paragraph two with a <a href="https://example.com">hyperlink</a></p>
</div>
 
        Keterangan ; 
        
  • Elemen teratas dan terbawah adalah division sederhana (<div></div>) yang bisa Anda gunakan untuk mark up bagian konten yang lebih besar.
  • Susunan HTML di atas terdiri atas heading (<h1></h1>), subheading (<h2></h2), dua paragraf (<p></p>), dan satu gambar (<img>).
  • Paragraf kedua meliputi sebuah link (<a></a>) dengan attribute href yang terdiri atas URL tujuan.
  • Tag gambar memiliki dua attribute, src untuk path gambar dan alt untuk deskripsi gambar.
 

D). Pengertian Tag HTML Dan Fungsinya ?

Tag HTML itu memiliki 2 Tipe Utama, Yaitu; Block-level Dan Inline Tags

1. Elemen block-level memakai semua space yang tersedia dan selalu membuat        line baru di dalam dokumen.
     
        Contoh : "Heading Dan Paragraf."
 
2. Elemen inline hanya memakai space sesuai dengan kebutuhannya dan tidak        membuat line baru di halaman. 
 
        Contoh : "Link Dan emphasized strings."
 

D.1). Tag Block-level 

    Tiga tag block-level yang harus dimiliki oleh setiap dokumen HTML adalah <html>, <head>, dan <body>.
 
1. Tag <html></html> adalah element level tertinggi yang menyertakan setiap halaman HTML.
 
2. Tag <head></head> Fungsinya untuk menyimpan informasi Meta, Seperti Judul Dan Charset Halaman.

3. Tag <body></body> Melampirkan semua halama yang muncul pada suatu halaman. 



4. Heading memiliki 6 Level di HTML, dan level itu bervariasi mulai dari "<h1></h1> Sampai <h6></h6>, Dimana h1 itu memiliki level yang paling tertinggi dan h6 itu memiliki level yang paling terendah.

5. Anda juga dapat membuat List yaitu dengan tag <ol></ol> membuat list dengan cara berurutan dan tag <ul>,/ul> untuk list yang tidak berantakan. Masing - masing list antara OL Dan UL harus diisi dengan tag <li></li>(li = List Item). 

    Sebagai contoh saya akan membuat contoh list dari kedua Tag tersebut ; 

 
Penggunaan Tag <ol></ol> ;

Penggunaan Tag <ul></ul>
 


D.2) Tag inline 

Sebagian besar tag inline digunakan untuk memformat teks. Sebagai contoh, tag <strong></strong> akan render elemen ke format bold, sedangkan tag <em></em> akan ditampilkan dalam format italic.
 
Contoh ; 
    input : <strong> Yeremia Saputra </strong>
    output : Yeremia Saputra 
 
    input :  <em> Yeremia Saputra </em>
    output : Yeremia Saputra 
 
adapun tag yang dapat membuat Horizontal Dan Paragraf Baru yakni <br><hr>, Sebagai contoh saya akan mempraktekannya ; 
 
    

 

Komentar

Posting Komentar

Postingan populer dari blog ini

How to Create a Password at Cisco Console

Gambar
Kesempatan kali ini saya akan memberikan tutorial bagaimana sih caranya membuat password untuk akses router cisco menggunakan kabel console ?? Contoh kasus :  1. Manager request kepada kita sebagai administrator jaringan untuk memberikan password akses cisco menggunakan kabel console dengan password "yeremia".  Nah sebenarnya caranya cukup mudah nih sob! ikutin tutorial di bawah ya... 1. Topologi  2. Konfigurasi  Router>enable Router#configure terminal Enter configuration commands, one per line. End with CNTL/Z. Router(config)#line console 0 Router(config-line)#password yeremia Router(config-line)#login Router(config-line)#exit Router(config)# Nah jadi untuk membuat password line console gampang banget kan? lalu cobalah untuk test password nya! Dengan masuk ke user exec mode, dan otomatis akan dimintai password yang baru saja kita buat 3. Konfigurasi untuk mengamankan password.  Router(config)#service password-encryption Router(config)# Nah maksud da...
Baca selengkapnya

How to Create VM On Microsoft Azure

Gambar
Hello Everyone! How are you today? :) saya berdoa agar siapapun yang baca blog ini sekarang, selalu di berikan kesehatan selalu, amin ..  Pada kali ini, saya akan share knowledge saya mengenai "how to create vm on azure".  1. Kita bisa buka portal azure di "portal.azure.com"  Berikut adalah tampilan dari portal azure  2. Lalu, kita dapat lihat pada bagian virtual machine  3. klik create, dan pilih "azure virtual machine"  4. 
Baca selengkapnya

Configure NTP Server Cisco

Gambar
Hello Everyone! Gimana kabar kalian? Pasti baik kan? Saya berdoa untuk kalian semua agar di lindungi Tuhan yang maha esa, Aminn ... Kali ini, saya akan sharing mengenai NTP Server di Cisco A. PENGERTIAN NTP  ( Network Time Protocol ) adalah sebuah protokol yang berfungsi untuk menyamakan waktu dari setiap komputer yang terhubung dengan jaringan dengan komputer server tersebut. B. LANGKAH - LANGKAH  1.  Kita buat Topologinya dulu. 2.  Konfigurasi untuk mengaktifkan dan memberikan ip address di Router. 3.  Jika sudah kita masukan ip di server ntp nya. 4.  Selanjutnya kita coba ping ip route dari server, apakah bisa. 5.  Kemudian setting ntp nya seperti gambar di bawah. 6.  Kita masukan perintah di bawah ini di Router, supaya bisa melihat apakah NTP Server yang kita buat tadi berhasil atau tidak. Nah, jadi sekian informasi mengenai konfigurasi NTP Server monggo untuk dipahami pelan pelan ya hehe, Saya berharap bahwa ilmu yang saya share ini dapat me...
Baca selengkapnya