Pengenalan HTML

 I.Latar Belakang.
Latar belakang kali ini kita masih mengenal sintag tentang HTML apa saja yang di butuhkan untuk membuat web dasar

II.Alat dan Bahan.
 Laptop / PC
    W3SCHOOLS
    Sublime text

III.Tujuan.
 untuk mengetahui langkah dasar untuk membuat web yang sederhana.

IV.Penjelasan.  

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.

 Sejarah
Pada tahun 1980 seorang ahli fisika, Tim Berners-Lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen. Sembilan tahun kemudian, Berners-Lee mengusulkan adanya sistem markah berbasis internet.
Berners-Lee menspesifikasikan HTML dan menulis jaringan beserta perangkat lunaknya di akhir 1990. Pada tahun yang sama, Berners-Lee dan Robert Cailliau, insinyur sistem data CERN berkolaborasi dalam sebuah permintaan untuk pendanaan, namun tidak diterima secara resmi oleh CERN. Di catatan pribadinya sejak 1990 dia mendaftar "beberapa dari banyak daerah yang menggunakan hypertext" dan pertama-tama menempatkan sebuah ensiklopedia.

Penjelasan pertama yang dibagi untuk umum dari HTML adalah sebuah dokumen yang disebut "Tanda HTML", pertama kali disebutkan di Internet oleh Tim Berners-Lee pada akhir 1991.Tanda ini menggambarkan 18 elemen awal mula, versi sederhana dari HTML. Kecuali untuk tag hyperlink, yang sangat dipengaruhi oleh SGMLguid, in-house Standard Generalized Markup Language (SGML) berbasis format dokumen di CERN. Sebelas elemen ini masih ada di HTML 4.

HTML adalah bahasa markah yang digunakan peramban untuk menafsirkan dan menulis teks, gambar dan bahan lainnya ke dalam halaman web secara visual maupun suara. Karakteristik dasar untuk setiap item dari markah HTML didefinisikan di dalam peramban, dan karakteristik ini dapat diubah atau ditingkatkan dengan menggunakan tambahan halaman web desainer CSS. Banyak elemen teks ditemukan di laporan teknis ISO pada tahun 1988 TR 9537 Teknik untuk menggunakan SGML, yang pada gilirannya meliputi fitur bahasa format teks awal seperti yang digunakan oleh komandan RUNOFF dikembangkan pada awal 1960-an untuk sistem operasi: perintah-perintah format ini berasal dari perintah yang digunakan oleh pengetik untuk memformat dokumen CTSS secara manual. Namun, konsep SGML dari markah umum didasarkan pada unsur-unsur daripada hanya efek cetak, dengan pemisahan struktur dan markah juga; HTML telah semakin bergerak ke arah ini dengan CSS.


Sejarah versi HTML

24 November 1995
    HTML 2.0 dipublikasikan sebagai IETF RFC 1866. Penambahan RFC memperbanyak kemampuan untuk:

        November 25, 1995: RFC 1867 (mengunggah file berdasarkan bentuk)
        May 1996: RFC 1942 (tabel)
        August 1996: RFC 1980 (peta gambar berbasis klien)
        January 1997: RFC 2070 (internasionalisasi)

14 Januari 1997
    HTML 3.2[8] dipublikasikan sebagai Konsorsium World Wide Web. Versi ini merupakan versi pertama yang dikembangkan dan distandarisasi secara khusus oleh Konsorsium World Wide Web, sebagaimana IETF sudah menutup kelompok kerja HTMLnya pada 12 September, 1996.[9]
    Pada awalnya disebut "Wilbur",[10] HTML 3.2 menghilangkan rumus matematika sama sekali yang sedang berkonsiliasi atas kasus tumpang tindih antara berbagai kepemilikan dan mengadopsi sebagian besar tanda markah visual dari Netscape. Elemen kedip dari Netscape dan elemen marquee besutan Microsoft dihilangkan karena kesepakatan bersama antara kedua perusahaan.[11] Sebuah markup untuk rumus matematika serupa dengan yang ada dalam HTML tidak memiliki standar sampai 14 bulan kemudian di MathML.
18 December 1997
    HTML 4.0[12] was published as a W3C Recommendation . It offers three variations:

        Strict, in which deprecated elements are forbidden,
        Transitional, in which deprecated elements are allowed,
        Frameset, in which mostly only frame related elements are allowed.

    Initially code-named "Cougar",[10] HTML 4.0 mengadopsi banyak tipe elemen dan atribut yang spesifik untuk peramban.HTML 4 adalah sebuah aplikasi SGML sesuai dengan ISO 8879 – SGML.[13]

    HTML 2.0—(RFC 1866) disetujui sebagai standar 22 September 1995,
    HTML 3.2—14 Januari 1996,
    HTML 4.0—18 Desember 1997,
    HTML 4.01 (minor fixes)—24 Desember 1999,
    ISO/IEC 15445:2000 ("ISO HTML", berdasar pada HTML 4.01 Strict)—15 Mei 2000.
    HTML 5 (stabil) rekomendasi W3C—28 Oktober 2014.

contoh HTML
Buka aplikasi text editor seperti sublime text

lalu ketikan sekripnya

setelah itu di save as, yang harus di perhatikan adalah pemberian namanya harus di beri .html

setelah itu buka file html tadi yang sudah di simpan dengan mozilla firefox atau yang lain nya seperti chrome, maka hasilnya seperti di gambar bawah ini.

Rangkuman.

    Deklarasi DOCTYPE mendefinisikan jenis dokumen menjadi HTML
    Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
    Teks antara <head> dan </ head> memberikan informasi tentang dokumen
    Teks antara <title> dan </ title> memberikan judul untuk dokumen
    Teks antara <body> dan </ body> menggambarkan isi halaman yang
    terlihat
    Teks antara <h1> dan </ h1> menggambarkan judul
    Teks antara <p> dan </ p> menggambarkan sebuah paragraf

Menggunakan deskripsi ini, web browser dapat menampilkan dokumen dengan judul dan paragraf seperti gambar di atas tadi.

HTML Pos

 Untuk mengubah besar kecilnya judul bisa kita ubah.

misalnya : <h1>Selamat datang di HTML</h1>
                 <h2>Selamat datang di HTML</h2>
                 <h3>Selamat datang di HTML</h3>
                 <h4>Selamat datang di HTML</h4> 
Maka hasilnya: 

 Jadi semakin besar angkanya semakin kecil ukuran huruf yang output di browser.

HTML Paragraf
Untuk setiap awal paragraf itu di awali dengan <p> dan di akhiri </p>

jikapenulisan seperi gambar di bawah

Maka hasilnya di browser akan seperti gambar di bawah ini



 Link HTML
Untuk menambah link kita harus menggunakan sintag <a>
Contoh :  <a href="http://alyalutfikamilia.blogspot.co.id/">klik link</a> 

 Maka hasilnya seperti gambar di bawah ini



Gambar HTML 
Untuk menambahkan gambar pada HTML kita menggunaka sintag <img>
File sumber (src), alternatif teks (alt), dan ukuran (width dan height) disediakan sebagai atribut 
contoh : <img src="html5-logo.jpg" alt="html.com" width="104" height="142"> 


Maka hasilnya akan seperti ini


V.Kesimpulan.

dapat kita simpulkan bahwa trik trik dasar itu harus kita pelajari agar kita dapat membuat suatu web sederhana yang maximal.

Refrensi

https://www.wikipedia.org/html
localhost/w3schools_offline2016/ 

Komentar

Postingan Populer