. Teks di antara tag tubuh menjelaskan konten tubuh halaman yang dapat dilihat oleh pengguna akhir. Tag ini berisi konten utama dari dokumen HTML
. Teks di antara tag menjelaskan judul tingkat pertama laman web
tag mendeskripsikan paragraf halaman web
Sejarah Singkat HTML
Pada akhir 1980-an, seorang fisikawan, Tim Berners-Lee yang merupakan seorang kontraktor di CERN, mengusulkan sebuah sistem untuk para peneliti CERN. Pada tahun 1989, ia menulis memo yang mengusulkan sistem hypertext berbasis internet
Tim Berners-Lee dikenal sebagai bapak HTML. Deskripsi HTML pertama yang tersedia adalah dokumen yang disebut "Tag HTML" yang diusulkan oleh Tim pada akhir tahun 1991. Versi HTML terbaru adalah HTML5, yang akan kita pelajari nanti di tutorial ini.
Versi HTML
Sejak ditemukannya HTML, ada banyak versi HTML di pasaran, pengenalan singkat tentang versi HTML diberikan di bawah ini.
HTML 1. 0. Versi pertama HTML adalah 1. 0, yang merupakan versi dasar dari bahasa HTML, dan dirilis pada tahun 1991.
HTML 2. 0. Ini adalah versi berikutnya yang dirilis pada tahun 1995, dan merupakan versi bahasa standar untuk desain situs web. HTML 2. 0 dapat mendukung fitur tambahan seperti pengunggahan file berbasis formulir, elemen formulir seperti kotak teks, tombol opsi, dll.
HTML 3. 2. HTML 3. Versi 2 diterbitkan oleh W3C pada awal 1997. Versi ini mampu membuat tabel dan memberikan dukungan untuk opsi tambahan untuk elemen formulir. Itu juga dapat mendukung halaman web dengan persamaan matematika yang kompleks. Itu menjadi standar resmi untuk browser apa pun hingga Januari 1997. Hari ini secara praktis didukung oleh sebagian besar browser.
HTML 4. 01. HTML 4. Versi 01 dirilis pada Desember 1999, dan merupakan versi bahasa HTML yang sangat stabil. Versi ini adalah standar resmi saat ini, dan menyediakan dukungan tambahan untuk stylesheet (CSS) dan kemampuan skrip untuk berbagai elemen multimedia.
HTML5. HTML5 adalah versi terbaru dari bahasa HyperText Markup. Draf pertama dari versi ini diumumkan pada Januari 2008. Ada dua organisasi besar satu adalah W3C (World Wide Web Consortium), dan satu lagi adalah WHATWG (Web Hypertext Application Technology Working Group) yang terlibat dalam pengembangan versi HTML 5, dan masih dalam pengembangan.
Fitur HTML
1) Ini adalah bahasa yang sangat mudah dan sederhana . Itu dapat dengan mudah dipahami dan dimodifikasi.
2) Sangat mudah untuk membuat presentasi yang efektif dengan HTML karena memiliki banyak tag pemformatan.
3) Ini adalah bahasa markup , sehingga memberikan cara yang fleksibel untuk mendesain halaman web beserta teksnya.
4) Memudahkan pemrogram untuk menambahkan tautan pada halaman web (dengan tag jangkar html), sehingga meningkatkan minat menjelajah .
5) platform-independent karena dapat ditampilkan di platform apa saja seperti Windows, Linux, dan Macintosh, dll.
6) Ini memfasilitasi programmer untuk menambahkan Grafik, Video, dan Suara ke halaman web yang membuatnya lebih menarik dan interaktif.
7) HTML adalah bahasa yang tidak peka huruf besar-kecil, artinya kita dapat menggunakan tag baik dalam huruf kecil atau huruf besar
CATATAN. Disarankan untuk menulis semua tag dalam huruf kecil untuk konsistensi, keterbacaan, dll
HTML adalah bahasa markup standar untuk membuat halaman Web
Apa itu HTML?
- HTML adalah singkatan dari Hyper Text Markup Language
- HTML adalah bahasa markup standar untuk membuat halaman Web
- HTML menggambarkan struktur halaman Web
- HTML terdiri dari serangkaian elemen
- Elemen HTML memberi tahu browser cara menampilkan konten
- Elemen HTML memberi label potongan konten seperti "ini adalah judul", "ini adalah paragraf", "ini adalah tautan", dll
Dokumen HTML Sederhana
Contoh
Judul Pertama Saya
Paragraf pertama saya
Contoh Dijelaskan
- Deklarasi mendefinisikan bahwa dokumen ini adalah dokumen HTML5
- Elemen adalah elemen root dari halaman HTML
- Elemen berisi informasi meta tentang halaman HTML
- </code> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)</li> <li>The <code><body></code> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.</li> <li>The <code><h1></code> element defines a large heading</li> <li>The <code><p></code> element defines a paragraph</li> </ul> <hr/> <h2>What is an HTML Element?</h2> <p>An HTML element is defined by a start tag, some content, and an end tag:</p> <p> <tagname> Content goes here.. </tagname> </p> <p>The HTML <strong>element</strong> is everything from the start tag to the end tag:</p> <p> <h1>My First Heading</h1> </p> <p> <p>My first paragraph.</p> </p> <table> <tr> <th>Start tag</th> <th>Element content</th> <th>End tag</th> </tr> <tr> <td><h1></td> <td>My First Heading</td> <td></h1></td> </tr> <tr> <td><p></td> <td>My first paragraph.</td> <td></p></td> </tr> <tr> <td><br></td> <td><em>none</em></td> <td><em>none</em></td> </tr> </table> <div> <p><strong>Note:</strong> Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag!</p> </div> <hr/> <hr/> <h2>Web Browsers</h2> <p>The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.</p> <p>A browser does not display the HTML tags, but uses them to determine how to display the document:</p> <p><img alt="View in Browser" src="img_chrome.png"></img></p> <hr/> <h2>HTML Page Structure</h2> <p>Below is a visualization of an HTML page structure:</p> <div><html> <div><head> <p><title>Page title
This is a heading
This is a paragraph.
This is another paragraph.
Note: The content inside the section (the white area above) will be displayed in a browser. The content inside the
element will be shown in the browser's title bar or in the page's tab.</p> </div> <hr/> <h2>HTML History</h2> <p>Since the early days of the World Wide Web, there have been many versions of HTML:</p> <div> <p>This tutorial follows the latest HTML5 standard.</p> </div></p><p>