Langsung ke konten utama

Heading dan Paragraf HTML



Assalamu'alaikum wr.wb

Pada kesempatan kailiini saya akan share ilmu tentang heading dan paragraf heading adalah bagian dimana kita hanya memberikan informasi tentang isi dari content yang akan kita buat paragraf adalah bagian dari conten tersebut


HEADING HTML
Heading terdiri dari <h1> sampai <h6> tag
1. <h1> text dengan ukuran tebesar di heading <h2> lebih kecil sampai h6 lebih keci lagi
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
mesin pencari seperti google menggunakan Heading untuk dijadikan index/katakunci struktur dan content halaman web.
NB: gunakan heading untuk membuat heading saja jangan gunakan untuk membuat tulisan lebih besar/tebal

2. <hr> horizon rules
mendafinisikan break dan horizon rulers/garis horisontal
<h1>Ini heading 1</h1>
<p>text paragraf.</p>
<hr>
<h2>Heading 2</h2>
<p>Paragraf 2.</p>
<hr>

3. <head>
tag head untuk mendefinisikan head dari html biasanya bearisi
<title> <meta> <style> dll
Rincian:


Tag
Description
<html>
mendefinisikan root document HTML
<body>
mendefinisikan body document HTML
<head>
container untuk head elementtitle, scripts, styles, meta information, dll
<h1> to <h6>
mendefinisikan HTML headings
<hr>
membuat garis horisontal



PARAGRAF
1. <p> Paragraf
tag <p> mendefinisikan paragraf
<p>ini paragraf.</p>
<p>ini paragraf lainya.</p>
browser otomatis menganti baris untuk paragraf lainya karena <p> mendefinisikan paragraf jika ganti paragraf otomatis ganti baris juga

tampilan HTML
Dengan HTML, Anda tidak dapat mengubah output dengan menambahkan spasi ekstra atau baris ekstra dalam kode HTML Anda.
Browser akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan
2. <br/> karena <br> tidak memiliki penutup maka kita hanya perlu nenambah “/” garis miring di dalam <br> contoh <br/>
<p> Paragraf
<p>
ini paragraf
dengan banyak baris
di codingannya
tapi browser
tidak menampilkan barisnya
</p>

kalimat diatasa hanya tampil dalam satubaris di browser untuk mengatasi masalah ini kita bisa mengunakan <br> (break/ganti baris)
<p>
ini paragraf<br/>
dengan banyak baris<br/>
di codingannya<br/>
tapi browser<br/>
tidak menampilkan barisnya<br/>
</p>

3. <pre> pre-formated text
<pre> pre adalah tag untuk menampilkan apa yag kita tulis sesuai dengan apa yang di codinganya baik gantibaris maupun spasi
<pre>
ini paragraf
dengan banyak sepasi
di codingannya
tapi browser
tidak menampilkan banyak sepasi
</pre>
maka di browser akan tampil sepreti apa yang ditulis di dalam tag <pre>


Tag
Diskripsi
<p>
Menddefinisikan sebuah paragraf
<br>
Membuat break/gantibaris
<pre>
Mendefinisikan pre-formatted text/sebelum di jadikan html

Semoga bermanfaat assalamu'alaium wrwb

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Loop/Perulangan For dan Foreach

1.   Apakah loop itu? Coding terkadang bisa menjadi sebuah perkerjaan yang melelahkan, dan terkadang dikarenakan kita harus melakukan sebuah hal yang sama berkali-kali. Contohnya ketika kita ingin menuliskan tahun kabisat, mungkin anda berpikir untnuk melakukannya seperti berikut: echo 2004; echo 2008; echo 2012; // dan seterusnya Tapi ada cara yang lebih baik! Loop (pengulangan) adalah sepotong code yang berguna untuk mengulang sederet instruksi untuk anda. Sebagai contoh, jika kita ingin menuliskan echo berkali-kali seperti contoh diatas, kita bisa menggunakan code disamping kanan. Contoh: for ($tahun = 2004; $tahun < 2050; $tahun = $tahun + 4) {   echo $tahun . "\n"; } 2.   Syntax dari For Keren kan? Sekarang mari kita perhatikan syntaxnya. Disini adalah contoh yang akan mencetak angka dari satu hingga 9: for ($i = 0; $i < 10; $i++) {     echo $i; } Sebuah loop for dimulai dengan for . Ini memberitahukan PHP untuk bersi
Posting Komentar
Baca selengkapnya

Hak Akses direktori atau Folder /var/www/ php di Ubuntu

Hak Akses direktori atau Folder /var/www/ php adalat tempat Untuk menyimpan atau menjalankan file PHP di Linux kita harus menyimpannya di folder /var/www, tentunya kita tidak dengan mudah membuat file atau folder di www seperti kita memakai easyphp,xampp, dll yg biasa kita jalankan di windus. Tapi dengan sedikit kemampuan mencari-cari tutorial tentang php di Linux via oM google, akhirnya dapat juga cara untuk dapat mengakses file tersebut. Kita dapat mengakses atau membuat folder dengan mudah di /var/www/ dengan cara : Buka terminal yang ada di Applications->Accessories->Terminal atau ctrl+alt+t ketikkan sudo su chmod 777 -R /var/www/ masukkan password anda sekian postingan tentang membuka hak akses di php
Posting Komentar
Baca selengkapnya

Array Lanjutan

Array asosiatif Array asosiatif adalah 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. Lihat code di samping. Kami telah mendeklarasikan dua variabel sebagai array. Apakah anda bisa menebak array mana yang merupakan array asosiatif? Betul, $array_saya adalah array asosiatif. Kedua array tersebut memiliki isi yang sama. Perbedaannya adalah bagaimana kita mengakses elemen-elemen di array tersebut. Contoh: // membuat array biasa $array_kamu = array(1610, 'VOC Belanda', 350); // membuat array asosiatif $array_saya = array( 'tahun' => 1610, 'organisasi' => 'VOC Belanda', 'total' => 350); // cara mencetak array biasa echo $array_kamu[0]; echo "\n"; echo $array_kamu[1]; echo "\n"; // cara mencetak array asosiatif echo $array_saya[ 'tahun&#
Posting Komentar
Baca selengkapnya