Dasar-Dasar Html Lengkap Untuk Berguru Pemrograman Web
Dasar-Dasar HTML Lengkap Untuk Belajar Pemrograman Web-HTML merupakan arahan dasar yang harus dipahami dikala ingin berguru pemrograman web, kode-kode dasar dalam html merupakan pengenalan awal sebelum nantinya berguru bahasa pemrograman web tingkat tinggi menyerupai PHP, dan lain sebagainya. Karenanya HTML menjadi bahan penting dalam kurikulum pembelajaran mata pelajaran pemrograman web dasar di SMK.
Berbagai macam teknologi (seperti CSS, JavaScript, Flash, AJAX, JSON) sanggup dipakai untuk mendefinisikan elemen dari sebuah halama web. Akan tetapi, pada level paling rendah, sebuah halaman web didefinisikan dengan memakai HTML (HyperText Markup Language). Tanpa HTML maka tidak akan ada halaman web
Kode Dasar HTML
Kode dasar HTML:
<html>
<head>
<title>Judul</title>
<body>
<p>Halo ini arahan HTML pertamaku</p>
</body>
</head>
</html>
Perhatikan penulisan arahan HTML diatas, yang diberi highlight merupakan kawasan untuk menuliskan arahan html lainnya, contohnya arahan untuk menciptakan table dan lain sebagainya.
Tag, Elemen, dan Atribut HTML
Dari arahan dasar HTML diatas, sanggup dibagi menjadi tiga pokok bahasan utama yaitu pembahasan perihal 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 epilog </>.
Contoh tag dalam HTML:
<html>
<head>
<title>Judul Laman</title>
<body>
<p>Ini arahan HTML pertamaku</p>
</body>
</head>
</title>
Pada arahan HTML diatas yang diberi highlight,
<title>Judul Laman</title>
merupakan rujukan dari Tag. Diawali dengan tag
<title>....elemen....kemudian ditutup dengan tag </title>.
Dari arahan HTML diatas, kita sanggup kumpulkan masing-masing tag menyerupai dibawah ini:
<html>...</html>
<head>...</head>
<title>...</title>
<body>...</body>
...
Elemen
Elemen merupakan isi tag. Biasanya berupa teks, tapi tidak selalu berupa teks sanggup juga berupa sinyaks lainnya.
Contoh Elemen:
<p>Halo ini arahan HTML pertamaku</p>
Penjelasan singkatnya:
<p>.....</p>
Merupakan Tag paragrafh dalam HTML
Sedangkan teks “Halo ini arahan HTML pertamaku” merupakan isi tag paragrafh
Ingat!
Jangan tertukar, antara Tag dan Elemen.
Pengetahuan mengenai jenis-jenis Elemen dalam HTML sanggup dibaca materi dasar html
Atribut
Atribut merupakan warta pelengkap dari Tag. Sering juga disebut dengan isi Tag. Setiap atribut akan berpasangan dengan Value. Value merupakan isi dari atribut, ditulis sehabis tanda sama dengan dengan memberi tanda kutip.
Contoh dari atribut dalam HTML:
<p align="center">
<table border="1">
Penjelasan singkat dari rujukan atribut diatas:
<p align="center">
Perhatikan!
Atribut diatas yakni align, dan valuenya yakni center. Atribut diatas dipakai untuk mengatur posisi paragraf berada ditengah / center.
Pengetahuan lebih lengkap mengenai jenis-jenis atribut dalam HTML sanggup dibaca pada materi; Jenis-jenis Atribut dalam HTML
Perlu diperhatikan juga, bahwa tidak semua Tag membutuhkan atribut. Contohnya tag
<html>...</html>
Tapi pada HTML akan sering ditemukan tag yang berisi atribut-atribut sesuai dengan fungsi yang dikehendaki oleh programmer yang akan menciptakan laman web.
Kode dasar menciptakan table di HTML-Untuk menciptakan tabel/table memakai arahan HTML caranya sangat mudah. Silahkan diperhatikan terlebih dahulu arahan dasar dalam pembuatan table memakai arahan HTML dibawah ini.
<html>
<head>
<title>Tabel</title>
</head>
<body>
<table border="1">
<tr>
<td>Kolom 1 baris ke 1</td>
<td>Kolom 1 baris ke 1</td>
</tr>
</table>
</body>
</html>
Contoh table 1.
<html>
<head>
<title>Contoh Table 1</title>
</head>
<body>
<table border="1">
<tr>
<td>Kolom 1 baris ke 1</td>
<td>Kolom 1 baris ke 1</td>
</tr>
<tr>
<td>Kolom 1 baris ke 2</td>
<td>Kolom 1 baris ke 2</td>
</tr>
</table>
</body>
</html>
Kode rujukan table 1 diatas, kalau ditampilkan dengan browser menyerupai dibawah ini.
Atribut Pada Tabel
Atribut pada tabel HTML merupakan warta pelengkap dari Tag yang dipakai dalam pembuatan Tabel. Beberapa atribut yang sering dipakai dalam pembuatan Tabel antara lain:
<table border="1">atribut ini dipakai untuk mengatur ketebalan garis tabel.
<td height="90px">
atribut ini dipakai untuk mengatur tinggi kolom
<td width="400px">
atribut ini dipakai untuk mengatur lebar kolom
<td rowspan="2">
atribut ini dipakai untuk menggabungkan beberapa baris
<td colspan="2">atribut ini dipakai untuk menggabungkan beberapa kolom
Selain atribut diatas, masih banyak lagi atribut-atribut lainnya yang sering dipakai dalam pembuatan table di HTML. Pengetahuan lebih lengkap sanggup dilihat pada laman:Jenis-jenis Atribut Pada Table HTML
Contoh penggunaan atribut pada table
Berikut beberapa penggunaan atribut pada pembuatan Tabel memakai HTML.
<html>
<head>
<title>Contoh Table 2</title>
</head>
<body>
<table border="1">
<tr>
<td colspan="2" width="720px" height="90px">Header</td>
</tr>
<tr>
<td width="200px" height="400px">Sidebar </td>
<td>Content</td>
</tr>
<tr>
<td colspan="2" height="90px">Footer</td>
</tr>
</table>
</body>
</html>
Pada arahan yang di highlight, ada tiga atribut yang dipakai yaitu atribut:
<colspan="2">atribut ini dipakai untuk menggabungkan dua kolom
<width="720px">atribut ini dipakai untuk mengatur lebar tabel menjadi 720px
<height="90px">atribut ini dipakai untuk mengatur tinggi baris menjadi 90px
Dapakan Buku Pemrograman Web Dasar HTML dan CSS disini
Artikel ditulis oleh:
Mulyadi Tenjo
Guru mapel Produktif Multimedia di Sekolah Menengah kejuruan Swasta di Kab. Bogor
Sumber https://modulkomputer.com
0 Response to "Dasar-Dasar Html Lengkap Untuk Berguru Pemrograman Web"
Posting Komentar