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 9

Assalamualaikum Warahmatullahi Wabarokatuh Dipertemuan kali ini Kita akan masuk ke CSS. Apa itu CSS?, CSS (Cascading Style Sheet) Merupakan salah satu dokumen webstire yang bertujuan untuk mengatur gaya (style) tampilan website. CSS ini ada untuk mempermudah kita mengedit tampilan. Jika di analogikan CSS ini merupakan tampilan luar/ dan HTML kita analogikan sebagai kerangka. Manfaat CSS Kode HTML menjadi lebih sederhana dan lebih mudah diatur Ukuran file menjadi lebih kecil sehingga load file lebih cepat. Mudah untuk mengubah tampilan hanya dengan mengubah file CSS saja Dapat berkolaborasi dengan javascript. dapat digunakan dalam hampit semua jenis web browser. Anatomi CSS Anatomi CSS Pengkodingan CSS CSS memiliki 3 cara pengkodingan yaitu : Inline : Didalam tag html kita bisa menambahkan atribut "style" Embbeded : Didalam satu file yang sama External : Dengan membuat file CSS dan di dalam file html ki...
Posting Komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 38

Assalamualaikum Warahmatullahi Wabarokatuh Halo teman-teman gimana kabarya? semoga sehat selalu ya.. . Pada sesi kali ini kita akan membahas tentang overloading. Overloading Overloading di PHP menyediakan cara agar properti dan method dapat dibuat secara dinamis. Entitas dinamis ini diproses melalui method ajaib yang dapat dibangun di class untuk berbagai jenis tindakan. method overloading dipanggil saat berinteraksi dengan properti atau method yang belum dideklarasikan atau tidak terlihat dalam baris program. Sisa dari bagian ini akan menggunakan istilah properti dan method yang tidak dapat diakses untuk merujuk pada kombinasi deklarasi dan visibilitas tersebut. Semua method overloading harus didefinisikan sebagai public. Contoh overloading dengan isset,unset,set, dan get.: data[$name] = $value; } public function __get($name) { echo "Getting".$name."\n"; if (array_key_exists($name, $this->data)) { return $this->data[$name]; } $tra...
Posting Komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 25

Assalamualaikum Warahmatullahi Wabarokatuh Kembali lagi dengan saya Haikal Putra Gustiansyah yang dimana pada sesi kali ini kita akan membahas array assosiatif dan media query. Array assosiatif merupakan sebuah tipe data yang memungkinkan kita menyimpan data yang memiliki tipe data yang berbeda bisa berupa string,numerik, dll. Media Query merupakan salah satu fitur CSS3 yang memungkinkan kita agar membuat halaman yang web yang responsif. Simak materi pada sesi kali ini. Array Asosiatif Array Asos iatif ad alah  array yang tidak menggunakan angka sebagai kunci di setiap nilainya. Jika tidak ditentukan kunci dari sebuah elemen di array, PHP akan otomatis memberikan kuncinya berupa angka. Perbedaanya hanya bagaimana kita mengakses data/elemen-elemen tersebut. Copykan code berikut: LatArrayAsosiatif.php 'Haikal', '1819117580' => 'Milyardin', '1819117581' => 'Steph~~'); echo $siswa['1819117579'] . ' '; ec...
Posting Komentar
Baca selengkapnya