Mengenal HTML Dengan Visual Studio Code

-

HTML singkatan dari HyperText Markup Language adalah bahasa standar pemrograman untuk membuat halaman web. Adapun struktur html dalam pembuatan halaman web dibentuk oleh elemen-elemen html, dimana setiap elemen html dibentuk oleh tag pembuka dan tag penutup yang punya nama tag dan fungsinya tersendiri, misalnya elemen paragraf <p>Paragraf</p> dengan p adalah nama tag, tag dibentuk oleh tanda < dan tanda >, <p> disebut tag pembuka dan </p> disebut tag penutup, fungsinya untuk membentuk paragraf. Contoh struktur html adalah sebagai berikut:
Berikut ini beberapa elemen lain yang sering digunakan untuk membuat halaman web, diantaranya:.
  • <html>..</html>, merupakan elemen inti dalam pembuatah halaman web, seluruh elemen harus berada dalam elemen html ini.
  • <head>…</head>, merupakan elemen yang menyimpan informasi meta dan tidak ditampilkan di browser.
  • <title>…</title>, merupakan elemen untuk memberikan judul terhadap dokumen html ditempatkan diantara elemen <head>…</head>
  • <body>..</body>, merupakan elemen tempat dimana elemen-elemen yang membentuk isi halaman web untuk ditampilkan di browser. Jadi, di dalam tag body inilah konten yang ingin ditampikan misalnya artikel, gambar, video, dll. tempatkan semuanya di sini.
  • <hx>…</hx>, merupakan elemen untuk membuat judul artikel dengan x diisi dengan angka dari 1-6 yang akan menentukan ukuran judulnya. Misalnya h1, h2, h3, h4, h5 dan h6.
  • <p>…</p>, merupakan elemen yang membentuk paragraf.
  • <br>, merupakan tag untuk membuat pindah baris.
  • <b>…</b> atau <strong>…</strong>, merupakan elemen untuk mempertebal atau memberikan penekanan. Contoh <b>bold</b> hasil: bol
  • <q>…</q>, merupakan elemen untuk memberikan quote pendek. Contoh <q>Ini quote pendek</q> hasil : Ini quote pendek.
  • <img src=”..url source..”>, merupakan tag untuk menampilkan gambar dalam halaman web.
  • untuk menginputkan baris itu pake tag<tr> </tr> di dalam baris kan ada kolom untuk menginputkan datanya di antara tag <tr> </tr>ini tuh dikasih tag <td> untuk mengisi kolom. jadi kayak gini kodenya. <tr> <td> </tr>. atau kalo masih bingung bisa lihat analogi gambar dibawah nih. 
  • menggabungkan 2 baris atau lebih atau 2 kolom atau lebih, caranya pakai <td rowspan=”2″> untuk menggabungkan 2 baris, untuk menggabungkan 2 kolom bisa pakai <td colspan=”2″>. jadi seperti ini contohnya: 
  • mewarnai background dari suatu tabel itu pakai tag <td style=background-color:blue> untuk mewarnai background jadi berwarna biru, dan tag<centre> untuk membuat tulisan menjadi di tengah tengah posisinya.
Masih ada banyak lagi tag dalam HTML silahkan di cari aja di mbah google banyak kok wkwkwk.


Berikut adalah contoh Program yang saya buat: 

Pada program ini menggunakan tabel dan menggabungkan baris kolomnya.
Ini Output saat dibuka di webnya :

Contoh lagi yang sudah dalam wesitenya:

okee segitu dulu Kenalan sama HTML jika suka silahkan beri komentar di bawah yaaa ... bye
SELAMAT MENCOBA


Komentar

Posting Komentar

Postingan populer dari blog ini

Menghitung Luas dari Beberapa Bangun Datar dengan C#

-
Gambar
                  Langsung saja, Pertama kita akan membuat program yang bisa menghitung luas persegi panjang. Seperti yang tulisan sebelumnya kita harus inget 5 struktur C itu penting banget supaya programnya bisa berjalan dengan baik. Program menghitung luas persegi panjang bisa dilihat sebagai berikut: Output yang muncul akan seperti ini : Kedua kita akan membuat program yang menghitung luas segitiga, programnya sebagai berikut: Output yang muncul akan seperti ini : nah.. kiranya itu yang dapat saya bagi Terima kasih banyak untuk kalian yang sudah menyempatkan  membaca .
Baca selengkapnya

Berkenalan dengan C#

-
Gambar
Pengenalan Bahasa C# Apa sih C# itu? C#  (dibaca:  C sharp ) Bukan si sarap yak ..hehehe, C# merupakan sebuah  bahasa pemrograman  yang  berorientasi objek  yang dikembangkan oleh  Microsoft  sebagai bagian dari inisiatif kerangka  .NET Framework . Bahasa pemrograman ini dibuat berbasiskan bahasa  C++  yang telah dipengaruhi oleh aspek-aspek ataupun fitur bahasa yang terdapat pada bahasa-bahasa pemrograman lainnya seperti  Java ,  Delphi ,  Visual Basic , dan lain-lain) dengan beberapa penyederhanaan. Struktur Program dalam C Dalam pemrograman C# (mungkin juga berlaku untuk beberapa pemrograman lainnya) memiliki 5 struktur dasar yang harus diingat yaitu, 1. Resource atau library Struktur pertama ini merupakan pendefinisian library apa yang harus ada pada program kita atau library apa yang kita impor. 2. Namespace Struktur kedua ini adalah nama dari project kita. 3. Nama Class Struktur ketiga ini berbicara tentang kelas yang kita mau buat, Contoh Main Clas
Baca selengkapnya

Contoh Permasalahan dengan Switch

-
Gambar
WARNING !!! Dilarang melihat Jawaban Sebelum Mencoba :D 1.Misalkan diberikan script berikut ini      <?php        $bil = 10;        switch ($bil)        {         case 5   : echo "Bilangan sama dengan 5 <br />";                       break;         case 8   : echo "Bilangan sama dengan 8 <br />";                       break;         case 10 : echo "Bilangan sama dengan 10 <br />";         case 12 : echo "Bilangan sama dengan 12 <br />";        default   : echo "Bilangan tidak sama dengan 5, 8, 10 dan 12 <br />";                      break;        }       ?> Dengan tanpa menjalankan script di browser, coba tebak kira-kira apa outputnya hayoo?? Bila sudah, coba bandingkan hasilnya bila dijalankan di browser. Selanjutnya simpulkan! Hasil Pada Tampilan Webnya : 2.Kerjakan kembali soal no. 6 Modul 7. Gunakan konsep SWITCH! Keterangan: Gunakan komponen radiobutton dalam m
Baca selengkapnya