BLANTERWISDOM101

1/2. Belajar Dasar HTML - Heading & Formating Text

Minggu, 23 Desember 2018

1. Heading Heading merupakan sekumpulan kata yang menjadi judul atau sub judul dalam dokumen HTML, dengan berbagai ukuran yang berbeda. Pada dasarnya untuk menyatakan suatu Heading, digunakan tag dimana x adalah level 1 sampai 6. Tag Heading atau adalah tag berpasangan, yaitu tag yang mempunyai tag awal dan tag penutup.



Contoh :

<HTML>
<BODY>
<H1>Heading 1 adalah 24 Point</H1>
<br>
<H2>Heading 2 adalah 18 Point</H2>
<br>
<H3>Heading 3 adalah 14 Point</H3>
<br>
<H4>Heading 4 adalah 12 Point</H4>
<br>
<H5>Heading 5 adalah 10 Point</H5>
<br>
<H6>Heading 6 adalah 7 Point</H6>
<br>

2. Melakukan Formating Paragraf
Jika kita akan membuat website, dapat dipastikan kita juga kan menyajikan informasi-informasi yang diperlukan. HTML juga mendefinisikan elemen khusus, untuk mendefinisikan teks dengan makna khusus. HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring. Elemen format yang dirancang untuk menampilkan jenis khusus dari teks:
  • teks tebal : menggunakan tag <b>
  • teks penting : menggunakan tag <strong>
  • teks miring : menggunakan tag <i>
  • teks menekankan : menggunakan tag <em>
  • teks menandai : menggunakan tag <mark>
  • teks kecil : menggunakan tag <small>
  • teks menghapus : menggunakan tag <del>
  • teks memasukkan : menggunakan tag <ins>
  • subscript / pangkat dibawah : menggunakan tag <sub>
  • superscripts / pangkat di atas : menggunakan tag <sup>


Script Html Keseluruhan :



<!DOCTYPE html>
<html>
<head>
    <title>
        formating paragraf
    </title>
</head>
<body>
<p>paragraf pertama</p>
<p></p>
<p>paragraf ini rata kiri</p>
<p></p>
<p align="right">paragraf ini rata kanan</p>
<p align="right">paragraf ini rata kanan</p>

<p></p>

<p align="left">paragraf ini rata tengah</p>
<p align="left">paragraf ini rata tengah</p>
mengunakan line break <br><br>
blangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon <br><BR><br><br>

<pre>mengunakan preformated
    blangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon kodingblangkon
</pre>

<b>tulisan tebaltulisan tebaltulisan tebaltulisan tebaltulisan tebaltulisan tebaltulisan tebaltulisan tebal</b><BR><BR><br><br>


    <i>tulisan cetak miringtulisan cetak miringtulisan cetak miringtulisan cetak miringtulisan cetak miringtulisan cetak miring</i><br><BR><br><br>
    <u>tulisan garis bawahtulisan garis bawahtulisan garis bawahtulisan garis bawahtulisan garis bawahtulisan garis bawah</u><BR><br><br>

<font size="5" face="arial" color="green">format arial warna hijau ukuran 5</font>    <BR><br><br>


</body>
</html>

Share This :