Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi Dasar HTML

    Diunggah oleh

    Iqbra Media
    2 tayangan5 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    2 tayangan5 halaman

    Materi Dasar HTML

    Diunggah oleh

    Iqbra Media

    Hak Cipta:

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

    Dasar-Dasar HTML Lengkap Untuk

    Belajar Pemrograman Web


    Dasar-Dasar HTML Lengkap Untuk Belajar Pemrograman Web-HTML
    merupakan kode dasar yang harus dipahami ketika ingin belajar pemrograman web,
    kode-kode dasar dalam html merupakan pengenalan awal sebelum nantinya belajar
    bahasa pemrograman web tingkat tinggi seperti PHP, dan lain sebagainya. Karenanya
    HTML menjadi materi penting dalam kurikulum pembelajaran mata pelajaran
    pemrograman web dasar di SMK.

    Berbagai macam teknologi (seperti CSS, JavaScript, Flash, AJAX, JSON) dapat
    digunakan untuk mendefinisikan elemen dari sebuah halama web. Akan tetapi, pada
    level paling rendah, sebuah halaman web didefinisikan dengan
    menggunakan HTML (HyperText Markup Language). Tanpa HTML maka tidak
    akan ada halaman web

    Kode Dasar HTML

    Kode dasar HTML:

    1<html>
    2<head>
    3<title>Judul</title>
    4<body>
    5<p>Halo ini kode HTML pertamaku</p>
    6</body>
    7</head>
    8</html>
    Perhatikan penulisan kode HTML diatas, yang diberi highlight merupakan tempat
    untuk menuliskan kode html lainnya, misalnya kode untuk membuat table dan lain
    sebagainya.

    Tag, Elemen, dan Atribut HTML

    Dari kode dasar HTML diatas, dapat dibagi menjadi tiga pokok bahasan utama yaitu
    pembahasan tentang Tag, Elemen dan Atribut.

    Tag
    Tag dalam HTML rata-rata ditulis berpasangan. Tapi tidak semua Tag selalu ditulis
    berpasangan. Tag HTML selalu diawali dengan Tag pembuka <> dan diakhiri dengan
    Tag penutup </>.
    Contoh tag dalam HTML:

    1<html>
    2<head>
    3<title>Judul Laman</title>
    4<body>
    5 <p>Ini kode HTML pertamaku</p>
    6</body>
    7</head>
    8</title>
    Pada kode HTML diatas yang diberi highlight,

    1<title>Judul Laman</title>
    merupakan contoh dari Tag. Diawali dengan tag

    1<title>....elemen....kemudian ditutup dengan tag </title>.


    Dari kode HTML diatas, kita bisa kumpulkan masing-masing tag seperti dibawah ini:

    1<html>...</html>
    2<head>...</head>
    3<title>...</title>
    4<body>...</body>
    5...
    Elemen
    Elemen merupakan isi tag. Biasanya berupa teks, tapi tidak selalu berupa teks bisa
    juga berupa sinyaks lainnya.

    Contoh Elemen:

    1<p>Halo ini kode HTML pertamaku</p>


    Penjelasan singkatnya:

    1<p>.....</p>
    Merupakan Tag paragrafh dalam HTML

    Sedangkan teks “Halo ini kode HTML pertamaku” merupakan isi tag paragrafh

    Ingat!
    Jangan tertukar, antara Tag dan Elemen.

    Pengetahuan mengenai jenis-jenis Elemen dalam HTML bisa dibaca materi dasar html

    Atribut
    Atribut merupakan informasi tambahan dari Tag. Sering juga disebut dengan isi Tag.
    Setiap atribut akan berpasangan dengan Value. Value merupakan isi dari atribut,
    ditulis setelah tanda sama dengan dengan memberi tanda kutip.

    Contoh dari atribut dalam HTML:

    1<p align="center">
    2<table border="1">
    Penjelasan singkat dari contoh atribut diatas:

    1<p align="center">
    Perhatikan!
    Atribut diatas adalah align, dan valuenya adalah center. Atribut diatas digunakan
    untuk mengatur posisi paragraf berada ditengah / center.

    Pengetahuan lebih lengkap mengenai jenis-jenis atribut dalam HTML bisa dibaca
    pada materi; Jenis-jenis Atribut dalam HTML

    Perlu diperhatikan juga, bahwa tidak semua Tag membutuhkan atribut. Contohnya tag

    1<html>...</html>
    Tapi pada HTML akan sering ditemukan tag yang berisi atribut-atribut sesuai dengan
    fungsi yang dikehendaki oleh programmer yang akan membuat laman web.

    Kode dasar membuat table di HTML-Untuk membuat tabel/table menggunakan


    kode HTML caranya sangat mudah. Silahkan diperhatikan terlebih dahulu kode dasar
    dalam pembuatan table menggunakan kode HTML dibawah ini.

    1<html>
    2<head>
    3<title>Tabel</title>
    4</head>
    5<body>
    6<table border="1">
    7 <tr>
    8 <td>Kolom 1 baris ke 1</td>
    9 <td>Kolom 1 baris ke 1</td>
    10 </tr>
    11</table>
    12</body>
    13</html>
    Contoh table 1.

    1<html>
    2<head>
    3<title>Contoh Table 1</title>
    4</head>
    5<body>
    6
    7<table border="1">
    8 <tr>
    9 <td>Kolom 1 baris ke 1</td>
    10 <td>Kolom 1 baris ke 1</td>
    11 </tr>
    12 <tr>
    13 <td>Kolom 1 baris ke 2</td>
    14 <td>Kolom 1 baris ke 2</td>
    15 </tr>
    16</table>
    17</body>
    18</html>
    Kode contoh table 1 diatas, jika ditampilkan dengan browser seperti dibawah ini.

    Atribut Pada Tabel

    Atribut pada tabel HTML merupakan informasi tambahan dari Tag yang digunakan
    dalam pembuatan Tabel. Beberapa atribut yang sering digunakan dalam pembuatan
    Tabel antara lain:

    1<table border="1">atribut ini digunakan untuk mengatur ketebalan garis tabel.


    2<td height="90px">
    3atribut ini digunakan untuk mengatur tinggi kolom
    4<td width="400px">
    5atribut ini digunakan untuk mengatur lebar kolom
    6<td rowspan="2">
    7atribut ini digunakan untuk menggabungkan beberapa baris
    8<td colspan="2">atribut ini digunakan untuk menggabungkan beberapa kolom
    Selain atribut diatas, masih banyak lagi atribut-atribut lainnya yang sering digunakan
    dalam pembuatan table di HTML. Pengetahuan lebih lengkap bisa dilihat pada
    laman:Jenis-jenis Atribut Pada Table HTML

    Contoh penggunaan atribut pada table


    Berikut beberapa penggunaan atribut pada pembuatan Tabel menggunakan HTML.

    1<html>
    2<head>
    3<title>Contoh Table 2</title>
    4</head>
    5<body>
    6<table border="1">
    7 <tr>
    8 <td colspan="2" width="720px" height="90px">Header</td>
    9 </tr>
    10 <tr>
    11 <td width="200px" height="400px">Sidebar </td>
    12 <td>Content</td>
    13 </tr>
    14 <tr>
    15 <td colspan="2" height="90px">Footer</td>
    16 </tr>
    17</table>
    18</body>
    19</html>
    Pada kode yang di highlight, ada tiga atribut yang digunakan yaitu atribut:

    1<colspan="2">atribut ini digunakan untuk menggabungkan dua kolom


    2<width="720px">atribut ini digunakan untuk mengatur lebar tabel menjadi 720px
    3<height="90px">atribut ini digunakan untuk mengatur tinggi baris menjadi 90px

    Anda mungkin juga menyukai