Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML

    Diunggah oleh

    MUHAMMAD DIO PRATAMA
    9 tayangan59 halaman
    Website adalah kumpulan halaman informasi yang dapat diakses banyak orang melalui internet dengan menuliskan alamat website di browser. HTML adalah bahasa markup standar untuk membuat struktur dan konten website, terdiri dari tag, atribut, dan elemen.

    Deskripsi Asli:

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Website adalah kumpulan halaman informasi yang dapat diakses banyak orang melalui internet dengan menuliskan alamat website di browser. HTML adalah bahasa markup standar untuk membuat struktur dan konten website, terdiri dari tag, atribut, dan elemen.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    9 tayangan59 halaman

    HTML

    Diunggah oleh

    MUHAMMAD DIO PRATAMA
    Website adalah kumpulan halaman informasi yang dapat diakses banyak orang melalui internet dengan menuliskan alamat website di browser. HTML adalah bahasa markup standar untuk membuat struktur dan konten website, terdiri dari tag, atribut, dan elemen.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 59

    Apa itu Website?

    Website adalah sebuah kumpulan halaman yang berisi informasi tertentu


    dan dapat diakses oleh banyak orang melalui internet. Website dapat
    dibuka dengan menuliskan URL atau alamat website di browser.
    Struktur – Struktur Website
    Struktur Website ada 3 yakni
    <HTML>
    Apa itu
    HTML? 
    HTML atau Hypertext Markup Language adalah bahasa markup yang
    digunakan untuk membuat struktur halaman website.
    HTML terdiri dari kombinasi teks dan simbol yang disimpan dalam
    sebuah file. Dalam membuat file HTML, terdapat standar atau format
    khusus yang harus diikuti. Format tersebut telah tertuang dalam standar
    kode internasional atau ASCII (American Standard Code for
    Information Interchange).
    Dengan adanya HTML, pengguna dapat membuat atau menyusun
    heading, paragraf, gambar, link, dan lainnya supaya dapat dilihat banyak
    orang melalui halaman website. 
    Untuk bisa diakses secara umum, pengguna perlu membukanya lewat
    aplikasi browser, seperti Internet Explorer, Chrome, atau Mozilla
    Firefox. 
    Sejarah HTML
    Tim Berners-Lee
    Berikut penemuan Tim Bernes-Lee :
    - HTTP
    - HTML
    - WWW
    - Web Browser
    - Web Server
    - Web Page
    HTML ini dibuat sejak Tim Bernes-Lee masih bekerja di CERN dan
    dipopulerkan pertama kali oleh browser mosaic.
    Selang setahun kemudian, HTML mulai dapat digunakan untuk umum.
    Sejarah penggunaan HTML secara umum ini pun tak bisa lepas dari
    peran World Wide Web atau yang kita kenal dengan WWW. Keduanya
    saling bersinergi supaya informasi yang ingin disebarkan bisa diakses
    oleh banyak orang.
    Tak disangka, kini HTML telah berevolusi menjadi bahasa markup
    yang telah digunakan oleh lebih dari 92,3% persen website di dunia.
    Perkembangan HTML
    Tahun Versi Perkembangan HTML
    1991 HTML 1 Memudahkan ilmuwan mengakses dokumen yang ada di berbagai komputer.
    1995 HTML 2 Mampu menampilkan data dan form yang dapat diedit secara langsung. Versi ini
    merupakan cikal bakal lahirnya website interaktif.
    1997 HTML 3 Menambahkan fitur figure untuk mendukung tampilan image.
    1998-1999 HTML 4.0 Menambahkan perintah dasar HTML, yaitu image, tabel, text, link, dan form.
    1999-2000 HTML 4.1 Telah dipublikasi secara internasional dan dapat dipakai oleh browser apapun.
    2014 HTML 5 Membuat prosedur tampilan dengan menggabungkan CSS, HTML, dan Javascript. Versi
    ini menjadi versi terbaik karena telah dilengkapi fitur canggih yang lengkap, seperti
    embed video dan audio.
    Fungsi – Fungsi HTML
    Berikut ini fungsi dari HTML
    • Membuat Halaman Website
    • Menjadi Pondasi Website
    • Menandai Teks dan Bagian pada Halaman Website
    • Menampilkan Multimedia di Website
    • Mengarahkan Pengguna ke Halaman Website Lain
    Text Editor
    Ada beberapa teks Editor yang dapat kalian gunakan:

    Notepad Sublime Text Microsoft Visual


    Code
    Pengenalan HTML
    SINTAX HTML
    Berikut ini sintax dari HTML
    <!DOCTYPE html>
    <html>
    <head>
    <title>Perkenalan</title>
    </head>
    <body>
    <h1>Hello World!</h1>
    </body>
    </html>
    Secara umum HTML terdiri dari Tag, Atribut dan Elemen.
    Berikut adalah contoh dari HTML:
    Tag HTML
    Tag adalah tanda awalan dan akhiran dalam perintah HTML yang akan
    dibaca oleh web browser. Tag dibuat dengan menggunakan kurung siku
    <…>, di mana di dalamnya berisi nama tag. Setiap tag memiliki fungsi
    perintah yang berbeda-beda.
    Tag terbagi dua :
    • Tag tunggal
    • Tag berpasangan
    Tag Tunggal
    Tag tunggal merupakan tag yang tidak memiliki pasangan
    Contoh:
    • <br>
    • <link>
    • <img>
    • <hr>
    Tag Berpasangan
    Tag berpasangan merupakan tag yang memiliki pasangan
    Contoh:
    • <h1></h1>
    • <p></p>
    • <b></b>
    • <i></i>
    • <u></u>
    • <…></..>
    <!DOCTYPE html>
    <html>
    <head>

    </head>
    <body>

    </body>
    </html>
    Bagian
    <head>
    • Judul halaman
    <title></title>
    • CSS
    <style></style>
    • Javascript
    <script></script>
    • Metadata
    <meta></meta>
    Bagian
    <body>
    • teks
    <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>……….
    • pendukung teks
    <br>, <hr>, <em>, <strong>……
    • gambar
    <img>
    • hyperlink
    <a>
    • list (bullets & numbering)
    <ul>, <ol>, <li>, <dl>, <dt>, <dd>
    • tabel
    <table>, <thead>, <tbody>……….
    • form
    <form>, <input>, <select>, <button>……
    • script
    <script>
    • object
    <object>
    • grouping
    <div>, <span>
    Komentar
    < !- - ini adalah komentar. - - >
    struktur
    tag
    <nametag atribut = “nilai” >
    < body bgcolor = “pink”>
    < body bgcolor = “pink” id = ”myid” class = “myclass”>
    Atribut HTML
    Atribut adalah informasi atau perintah tambahan yang berada dalam
    elemen. Atribut ini berfungsi sebagai penjelas perintah tag pada elemen.
    Misalnya,
    <img src="img/gambar.png" alt=“gambar">
    atau
    <a href="#">Klik Disini</a>
    Tag <img> memiliki atribut khusus yaitu (scr) dan (alt) yang artinya
    browser harus menampilkan gambar.png dengan alt text “gambar”.
    Berikut ini jenis atribut khusus beberapa tag:
    Atribut Dapat digunakan pada Tag
    src <img>, <embed>, <audio>, <iframe>
    href <a>, <link>
    action <form>

    autoplay <audio>, <video>


    Atribut
    Global
    acceskey
    class
    id
    dir
    lang
    style
    tabindex
    title
    Elemen HTML
    Elemen merupakan komponen HTML yang berupa keseluruhan kode
    dari tag pembuka hingga tag penutup.
    Elemen terdiri dari teks dan simbol yang berupa tag pembuka, isi tag
    atau konten, dan tag penutup.
    Contohnya:
    <bold>Belajar HTML</bold>.
    Pada sebuah elemen juga bisa berisi elemen lainnya. Jadi elemen
    tersebut tak hanya berisi satu tag saja, tetapi bisa lebih dari satu tag.
    Elemen itu disebut nested elements.
    Sebagai contoh, simak kode berikut:
    <ul>
    <li>
    <h2>Judul Heading</h2>
    <p>Paragraf pertama artikel.</p>
    </li>
    </ul>
    Jika diperhatikan elemen HTML tersebut, dari tag pembuka <ul> lalu
    tag <li> yang berisi elemen tag heading dan elemen tag paragraf.
    Selesai

    Anda mungkin juga menyukai