Setelah materi sebelumnya kita mengenal HTML dan struktur dasar HTML, maka kali ini kita akan mempelajari bagaimana cara membuat format teks seperti membuat tulisan bercetak tebal, miring, bergaris bawah dan lain sebagainya. Untuk itu langsung saja:
ELEMENT
BR (Line Break)
Element BR berfungsi untuk mengganti barisan teks, gambar, atau yang lain sebagainya. Dan element BR ini tidak mempunyai tag penutup.
Sintaks:
<br>
Element BR berfungsi untuk mengganti barisan teks, gambar, atau yang lain sebagainya. Dan element BR ini tidak mempunyai tag penutup.
Sintaks:
<br>
ELEMENT
P (Paragraph)
Element P berfungsi untuk membuat sebuah paragraf yang diikuti dengan baris kosong di awal dan akhir paragraf.
Sintaks:
<p align="left"|"center"|"right">
..........................
</p>
Element P berfungsi untuk membuat sebuah paragraf yang diikuti dengan baris kosong di awal dan akhir paragraf.
Sintaks:
<p align="left"|"center"|"right">
..........................
</p>
Tag penutup </p> sifatnya optional jika
suatu paragraf diikuti oleh paragraf berikutnya. Jika tag </p> diabaikan,
maka paragraf itu tidak akan diikuti dengan baris kosong di akhir paragraf.
Element P mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi tepi horizontal dari paragraf (default: "left").
Element P mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi tepi horizontal dari paragraf (default: "left").
ELEMENT
H (Heading)
Element Heading berfungsi untuk membuat heading dengan format 6 jenis ukuran huruf dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1 dan terkecil adalah H6. Element ini mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi horizontal dari header (default: "left").
Sintaks:
<hx align="left"|"center"|"right">
..........................
</hx>
Element Heading berfungsi untuk membuat heading dengan format 6 jenis ukuran huruf dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1 dan terkecil adalah H6. Element ini mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi horizontal dari header (default: "left").
Sintaks:
<hx align="left"|"center"|"right">
..........................
</hx>
X=1/2/.../6
ELEMENT
B (Bold)
Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold).
Sintaks:
<b>
..........................
</b>
Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold).
Sintaks:
<b>
..........................
</b>
ELEMENT
I (Italic)
Element I berfungsi untuk membuat tampilan teks tercetak miring (italic).
Sintaks:
<i>
..........................
</i>
Element I berfungsi untuk membuat tampilan teks tercetak miring (italic).
Sintaks:
<i>
..........................
</i>
ELEMENT
U (Underline)
Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).
Sintaks:
<u>
..........................
</u>
Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).
Sintaks:
<u>
..........................
</u>
ELEMENT
PRE (Preformated text)
Element PRE berfungsi untuk menampilkan teks seperti apa adanya yang dituliskan.
Sintaks:
<pre>
..........................
</pre>
Element PRE berfungsi untuk menampilkan teks seperti apa adanya yang dituliskan.
Sintaks:
<pre>
..........................
</pre>
ELEMENT
CENTER
Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal ditengah atau center.
Sintaks:
<center>
..........................
</center>
Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal ditengah atau center.
Sintaks:
<center>
..........................
</center>
ELEMENT
BASEFONT
Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web browser. Attribute dari element ini adalah size yang merupakan ukuran huruf dengan nilai "1" sampai dengan "7" dalam ukuran pixel, atau bisa berupa ukuran relatif ( + atau - ), huruf secara default adalah "3" pixel. Element ini tidak mempunyai tag penutup.
Sintaks:
<basefont size="pixel">
Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web browser. Attribute dari element ini adalah size yang merupakan ukuran huruf dengan nilai "1" sampai dengan "7" dalam ukuran pixel, atau bisa berupa ukuran relatif ( + atau - ), huruf secara default adalah "3" pixel. Element ini tidak mempunyai tag penutup.
Sintaks:
<basefont size="pixel">
ELEMENT
FONT
Element FONT berfungsi untuk merubah jenis huruf, ukuran huruf dan warna dari tampilan huruf. Element ini mempunyai attribute color yang berfungsi untuk merubah warna huruf, face untuk merubah jenis huruf (jika lebih dari satu jenis huruf, dipisah dengan koma), dan size untuk merubah ukuran huruf (pixel).
Sintaks:
<font color="warna" face="font" size="pixel">
..........................
</font>
Element FONT berfungsi untuk merubah jenis huruf, ukuran huruf dan warna dari tampilan huruf. Element ini mempunyai attribute color yang berfungsi untuk merubah warna huruf, face untuk merubah jenis huruf (jika lebih dari satu jenis huruf, dipisah dengan koma), dan size untuk merubah ukuran huruf (pixel).
Sintaks:
<font color="warna" face="font" size="pixel">
..........................
</font>
ELEMENT
HR (Horizontal Rule)
Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi secara horizontal baik secara center, left atau right, size untuk ukuran ketebalan garis (pixel), width untuk ukuran panjang garis (persen), dan noshade (garis solid).
Sintaks:
<hr align="left"|"center"|"right" size="pixel" width="persen" noshade>
Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi secara horizontal baik secara center, left atau right, size untuk ukuran ketebalan garis (pixel), width untuk ukuran panjang garis (persen), dan noshade (garis solid).
Sintaks:
<hr align="left"|"center"|"right" size="pixel" width="persen" noshade>
Untuk mempermudah pemahaman silahkan copy
script html berikut dan simpan dengan nama terserah anda lalu jalankan dengan
web browser.
<html>
<head>
<title>Belajar format teks
HTML</title>
</head>
<body>
Belajar bahasa pemgrograman web.<br>
Dengan materi format teks dasar
HTML.<br>
Tampilan teks sebelum paragraf.
<p>Tampilan teks paragraf
pertama.</p>
<p>Tampilan teks paragraf
kedua.</p>
Tampilan teks setelah paragraf.
p>Paragraf ini pada posisi rata kiri
(default)</p>
<p align="center">Paragraf ini
pada posisi rata tengah</p>
<p align="right">Paragraf ini
pada posisi rata kanan</p>
<p align="left">Paragraf ini
pada posisi rata kiri</p>
<hr align="left"
size="6" width="30%">
<h1>Ini Heading-1</h1>
<h2>Ini Heading-2</h2>
<h3>Ini Heading-3</h3>
<h4>Ini Heading-4</h4>
<h5>Ini Heading-5</h5>
<h6>Ini Heading-6</h6>
<hr align="left"
size="6" width="30%" noshade>
<b>Ini teks tercetak tebal
(bold)</b><br>
<i>Ini teks tercetak miring
(italic)</i><br>
<u>Ini teks tercetak garis bawah
(underline)</u>
</body>
</html>
Semoga artikel materi yang saya buat ini bermanfaat. Selamat belajar dan mencoba ^_^
0 komentar:
Posting Komentar