Dasar-Radiks HTML Abstrak Cak bagi Belajar Pemrograman Web-HTML merupakan kode sumber akar yang harus dipahami momen ingin berlatih pemrograman web, kode-kode dasar dalam html merupakan pengenalan sediakala sebelum nantinya belajar bahasa pemrograman web tingkat janjang seperti mana PHP, dan bukan sebagainya. Risikonya HTML menjadi materi signifikan kerumahtanggaan kurikulum pembelajaran mata pelajaran pemrograman web dasar di SMK.

Berbagai ragam jenis teknologi (seperti CSS, JavaScript, Flash, AJAX, JSON) bisa digunakan untuk mendefinisikan unsur dari sebuah halama web. Akan hanya, pada level minimum minus, sebuah pekarangan web didefinisikan dengan menggunakan
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 kode HTML pertamaku</p> </body> </head> </html>
            

Perhatikan penulisan kode HTML diatas, yang diberi highlight merupakan tempat buat menuliskan kode html lainnya, misalnya kode cak bagi membuat table dan enggak sebagainya.

Tag, Elemen, dan Atribut HTML

Dari kode asal HTML diatas, bisa dibagi menjadi tiga pokok bahasan utama merupakan pembahasan tentang Tag, Unsur dan Atribut.

Tag

Tag kerumahtanggaan HTML galibnya ditulis mepet. Tapi bukan semua Tag kerap ditulis menempel. Tag HTML sering diawali dengan Tag pembuka <> dan diakhiri dengan Tag pengunci </>.

Eksemplar tag internal HTML:

<html> <head> <title>Kepala karangan Laman</title> <body>       <p>Ini kode HTML pertamaku</p> </body> </head> </title>
            

Pada kode HTML diatas yang diberi highlight,

<title>Titel Laman</title>

merupakan contoh dari Tag. Diawali dengan tag

<title>....unsur....kemudian ditutup dengan tag </title>.

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

<html>...</html> <head>...</head> <title>...</title> <body>...</body> ...
            

Anasir

Elemen merupakan isi tag. Umumnya berupa teks, tapi lain cinta maujud teks dapat juga berupa sinyaks lainnya.

Cermin Elemen:

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

Penjelasan singkatnya:

<p>.....</p>
            

Merupakan Tag paragrafh n domestik HTML

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

Bangun!
Jangan tertukar, antara Tag dan Elemen.

Amanat mengenai diversifikasi-jenis Anasir intern HTML bisa dibaca materi dasar html

Atribut

Atribut merupakan publikasi tambahan terbit Tag. Sering juga disebut dengan isi Tag. Setiap atribut akan berpasangan dengan Value. Value adalah isi dari atribut, ditulis setelah nama sebagaimana dengan membagi tanda kutip.

Contoh berpokok atribut dalam HTML:

<p align="center"> <table border="1">
            

Penjelasan singkat dari konseptual atribut diatas:

<p align="center">
            

Perhatikan!
Atribut diatas yaitu align, dan valuenya ialah center. Atribut diatas digunakan untuk mengatur posisi alinea ki berjebah ditengah / center.

Keterangan lebih lengkap adapun varietas-jenis atribut dalam HTML bisa dibaca pada materi; Jenis-jenis Atribut dalam HTML

Perlu diperhatikan juga, bahwa tak 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 membuat laman web.

Kode sumber akar mewujudkan table di HTML-Lakukan membuat tabel/table menunggangi kode HTML caranya suntuk mudah. Silahkan diperhatikan apalagi dahulu kode dasar kerumahtanggaan pembuatan table menggunakan kode HTML dibawah ini.

<html> <head> <title>Tabel</title> </head> <body> <table border="1">       <tr>               <td>Kolom 1 baris ke 1</td>         <td>Rubrik 1 leret ke 1</td>    </tr> </table> </body> </html>
            

Hipotetis table 1.

<html> <head> <title>Hipotetis Table 1</title> </head> <body>  <table border="1">       <tr>                 <td>Kolom 1 banjar ke 1</td>            <td>Ruangan 1 baris ke 1</td>    </tr>    <tr>                   <td>Kolom 1 baris ke 2</td>       <td>Kolom 1 leret ke 2</td>    </tr> </table> </body> </html>
            

Kode cermin table 1 diatas, jika ditampilkan dengan browser seperti dibawah ini.
dasar dasar html

Atribut Pada Diagram

Atribut sreg tabel HTML merupakan proklamasi tambahan dari Tag yang digunakan dalam pembuatan Tabel. Beberapa atribut yang gelojoh digunakan intern pembuatan Tabel antara lain:

              <table border="1">atribut ini digunakan untuk menata ketebalan garis tabel. <td height="90px"> atribut ini digunakan buat mengatur tinggi rubrik <td width="400px"> atribut ini digunakan untuk menata pesek kolom <td rowspan="2"> atribut ini digunakan untuk menggabungkan sejumlah  baris <td colspan="2">atribut ini digunakan bagi menggabungkan beberapa ruangan
            

Selain atribut diatas, masih banyak lagi atribut-atribut lainnya yang rajin digunakan dalam pembuatan table di HTML. Pengetahuan bertambah komplet bisa dilihat pada laman:Jenis-tipe Atribut Pada Table HTML

Contoh penggunaan atribut pada table

Berikut beberapa penggunaan atribut puas pembuatan Diagram menggunakan 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 kode yang di highlight, ada tiga atribut nan digunakan yaitu atribut:

<colspan="2">atribut ini digunakan lakukan menggabungkan dua kolom <width="720px">atribut ini digunakan untuk mengatur lebar diagram menjadi 720px <height="90px">atribut ini digunakan cak bagi mengeset tinggi baris menjadi 90px
            

Dapakan Anak kunci Pemrograman Web Radiks HTML dan CSS disini

Artikel ditulis oleh:
Mulyadi Tenjo
Master mapel Congah Multimedia di SMK Swasta di Kab. Bogor



Dapatkan Modul Komputer Saringan Dibawah ini:

  • Modul Les Komputer jinjing Paket Office (Word & Excel) Rp. 270.000;
  • Modul TIK/Mulok Komputer Inferior 1,2,3,4,5,6 SD Rp.225.000;
  • Modul Kelongsong Office Acuan Word, Excel, PPoint, (Bonus Kiat Digital MS Access) Rp. 375.000;

Lihat dagangan-produk Modul Komputer jinjing kami Disini

BONUS:

Tiap paket modul nan ia beli telah dilengkapi dengan BONUS-BONUS modul komputer menyeret lainnya. Dan BONUS administrasi mengajar, administrasi tutorial, template manuskrip, dan kamil tawaran pendirian buram pelajaran komputer.

Pendirian Wanti-wanti MODUL:

Pesan / Pesanan modul yang engkau pesan melalui SMS/WA ke nomor: 0813 1951 3609
Contoh:

“Order Modul TIK SD, Kiai Abdul, Jakarta”


Order NOW VIA CHAT WHATSAPP (CS 1)



ORDER NOW VIA CHAT WHATSAPP (CS 2)