Langsung ke konten utama

Haikal PG - XI RPL 1 - PWPB Sesi 3

Assalamualaikum warahmatullah wabarakatuh

 Disini saya akan memberikan tutorial tag-tag pada HTML. Ada yang gatau apa itu HTML?  HTML atau Hypertext Markup languange adalah sebuah bahasa markah untuk membuat halaman web. ya..walaupun ga semuannya karena tag HTML ada banyak, jadi kalo temen-temen mau buat web bisa pakai HTML ini. Yaudah langsung aja ke tutorialnnya :


1.Heading

Hasilnya jika code dijalankan di browser.

Tag heading ini berfungsi untuk memformat judul dari halaman suatu web. Tag heading ini ada 6 dimulai dari <h1> sampai <h6> dari yang terbesar <h1> sampai terkecil <h6>.

Contoh penulisan tag heading : Codingan Tag Header/Heading


2.Paragraf
Hasilnya jika code dijalankan di browser.

Tag heading ini berfungsi untuk membuat paragraf di web. Tag paragraf contohnya seperti ini <p> </p>.

Contoh penulisan tag paragraf : Codingan Tag Paragraf


3.Link
Hasilnya jika code dijalankan di browser.

Tag link ini berfungsi untuk memberikan url/tautan ke website yang lain atau page kita sendiri maka tag link ini digunakan. Tag link contohnnya <a href="(url yang ingin diisi misal : http://inst.com/)">link ke web ins</a>.

Contoh penulisan tag link : Codingan Tag Link


4.Gambar/Image
Hasilnya jika code dijalankan di browser.

Nah kalo tag image ini berguna kalo mau nampilin gambar ke web. Tapi ada syarat yang harus dipenuhin biar gambarnya bisa tampil yaitu :
1. Gambar harus 1 folder dengan codingan webnya
2. Bisa juga difolder tersebut ada folder lagi untuk menyimpan gambar misal : gambar(nama folder)/image.png(nama format gambarnya).

Ini contoh tag image : <img src="(masukkan nama gambar beserta ekstensi file nya)" />. Gambarnya juga bisa diatur ukurannya dengan attribut height juga width.

Contoh penulisan tag image : Codingan Tag Image


5.Format Teks
Hasilnya jika code dijalankan di browser.
Di HTML terdapat berbagai macam format text, yang berfungsi untuk menebalkan font, membuat cetak miring font, dll. Berikut ini macam-macam format text : 








Contoh penulisan tag format teks : Codingan Tag-tag Formating


6 & 7.PreFormat Teks
Hasilnnya jika code dibuka di browser.

Tag <pre> </pre> ini berfungsi sebagai mendefinisikan teks terformat.

Contoh penulisan tag preformat :




8.Quotation

Hasilnnya jika code dibuka di browser.

Tag <blockquote> </blockquote> ini berguna untuk membuat kutipan-kutipan / quotes.

Contoh penulisan tag blockquote : Codingan Tag Blockquote


Ini ada juga beberapa contoh codingan yang bisa kalian download :


Mungkin sekian yang bisa saya sampaikan, bila ada kesalahan penulisan mohon dimaafkan.
Sekian, Wassalamualaikum Warahmatullahi Wabarakatuh.




Komentar

Posting Komentar

Postingan populer dari blog ini

Haikal PG - XI RPL 1 - PWPB Sesi 19

Assalamualaikum Warahmatullahi Wabarokatuh Kita akan melanjutkan materi tentang web dinamis. Apa saja yang akan kita pelajari? Pengenalan PHP Aturan umum PHP Scripting Variable Tipe Data Komentar Operator Membuat Aplikasi Sederhana Variable Scope (Lingkup Variabel) Pengelompokkan Tipe Data Boolean String Studi Kasus Hal yang harus dipersiapkan: XAMPP yang sudah diinstal kita akan menggunakan web server apache yang telah di bundle dalam aplikasi XAMPP ini Notepad++, Vs Code, Sublime atau apapun text editor favorit kalian. Pengenalan PHP PHP   adalah bahasa pemrograman yang didesain khusus untuk membuat halaman web. PHP adalah singkatan dari Hypertext Preprocessor. Awalya, PHP adalah singkatan dari Personal Home Page yang pertamkali diciptakan oleh Rasmus Lerdorf PHP diciptakan pertama kali untuk keperluan mencatat jumlah pengunjung himepage nya. Perkembangan php saat ini dapat dilihat pada www.php.net PHP adalah salah satu bahasa server-side yang pali
Posting Komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 12

Assalamualaikum Warahmatullahi Wabarokatuh Pada pertemuan kali ini kita akan masuk ke materi Javscript. Javasrcipt ini digunakan untuk pengeksekusian perintah di sisi user / client-side . Seperti memunculkan alert, membuat kalkulator dengan javascript. Sejarah Javasrcipt Javascript diperkenalkan pertama kali oleh Brendan Eich bekerja di Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan "LiveScript" yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2. Pada masa itu bahasa ini banyak di kritik karena kurang aman, penembangannya yang terkesan buru-buru dan tidak ada pesan kesalahan yang ditampilkan tiap kali kita membuat kesalahan pada saat menyusun suatu program. Kemudian sejalan dengan giatnya kerjasama antara Netscape dan Sun (Pengembang bahasa pemrograman "Java") pada masa itu, maka Netscape memberikan nama "Javascript" kepada bahasa tersebut pada tanggal 4 desember 1955. versi terakhir dari bahasa ini adalah vesi
Posting Komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 14

Assalamualaikum Warahmatullahi Wabarokatuh Pada sesi kali ini kita akan membahas tentang penerapat struktur kontrol percabangan. Sistem percabangan terbagi menjadi 4 yaitu : IF ELSE IF ELSE SWITCH IF digunakan jika hanya memiliki satu pernyataan yang akan dijalankan dengan syarat tertentu. Contoh IF sebagai berikut   If ELSE IF digunakan saat kita memiliki banyak kondisi (2 atau lebih) pernyataan. Contoh ELSE IF sebagai berikut Else If ELSE digunakan jika pernyataan yang disyaratkan semuanya tidak terpenuhi maka block ELSE ini akan dijalankan. Contoh penggunaan ELSE Else SWITCH adalah sebuah struktur percabangan yang akan memeriksa suatu variabel, lalu menjalankan perintah-perintah yang sesuai dengan kondisi yang mungkin terjadi untuk variabel tersebut.Contoh penggunaan SWITCH Switch Ok itu dia macam macam struktur kontrol percabangan. Sekarang kita akan memulai latihannya :  if1Umur.html Kita akan membuat if untuk mengecek sebuah umur. Contohn
Posting Komentar
Baca selengkapnya