Tag Header
Setiap dokumen dimulai dengan judul. Anda dapat menggunakan ukuran yang berbeda untuk judul Anda. HTML juga memiliki enam tingkat dari pos, yang menggunakan elemen <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Sementara menampilkan judul apapun, peramban menambahkan satu baris sebelum dan satu baris setelah pos tersebut.
contoh
<! DOCTYPE html>
<html>
<head>
<title> Heading Contoh </ title>
</ head>
<body>
<h1> Ini adalah heading 1 </ h1>
<h2> ini sedang menuju 2 </ h2>
<h3> ini bagian 3 </ h3>
<h4> Ini adalah pos 4 </ h4>
<h5> Ini adalah pos 5 </ h5>
<h6> Ini adalah pos 6 </ h6>
</ body>
</ html>
Hal ini akan menghasilkan hasil sebagai berikut:
HTML Heading Tag
ayat Tag
The <p> tag menawarkan cara untuk struktur teks ke dalam paragraf yang berbeda. Setiap paragraf teks harus masuk antara pembukaan <p> dan penutup </ p> tag seperti yang ditunjukkan di bawah ini pada contoh:
contoh
<! DOCTYPE html>
<html>
<head>
<title> Ayat Contoh </ title>
</ head>
<body>
<p> Berikut ini adalah paragraf pertama teks. </ p>
<p> Berikut ini adalah paragraf kedua teks. </ p>
<p> Berikut ini adalah paragraf ketiga teks. </ p>
</ body>
</ html>
Hal ini akan menghasilkan hasil sebagai berikut:
Berikut adalah paragraf pertama teks.
Berikut adalah paragraf kedua teks.
Berikut adalah paragraf ketiga teks.
Jalur Break Tag
Setiap kali Anda menggunakan <br /> elemen, apa mengikutinya dimulai dari baris berikutnya. Tag ini adalah contoh dari elemen kosong, di mana Anda tidak perlu membuka dan menutup tag, karena tidak ada yang masuk di antara mereka.
Tag <br /> memiliki ruang antara karakter br dan garis miring. Jika Anda menghilangkan ruang ini, browser lama akan mengalami kesulitan rendering istirahat line, sedangkan jika Anda melewatkan karakter garis miring dan hanya menggunakan Situs ini tidak berlaku di XHTML
contoh
<! DOCTYPE html>
<html>
<head>
<title> Jalur Break Contoh </ title>
</ head>
<body>
<p> Hello <br />
Anda disampaikan ontime tugas Anda. <br />
Terima kasih <br />
Mahnaz </ p>
</ body>
</ html>
Hal ini akan menghasilkan hasil sebagai berikut:
halo
Anda disampaikan ontime tugas Anda.
terima kasih
Mahnaz
berpusat Konten
Anda dapat menggunakan <center> tag untuk menempatkan konten apapun di tengah halaman atau sel tabel.
contoh
<! DOCTYPE html>
<html>
<head>
<title> berpusat Content Contoh </ title>
</ head>
<body>
<p> Teks ini tidak di pusat. </ p>
<center>
<p> Teks ini berada di tengah. </ p>
</ center>
</ body>
</ html>
Hal ini akan menghasilkan hasil sebagai berikut:
Teks ini tidak di pusat.
Teks ini berada di tengah.
Garis Horizontal
Garis horizontal digunakan untuk visual memecah bagian dari dokumen. The <hr> tag menciptakan garis dari posisi saat ini dalam dokumen ke margin kanan dan jeda baris yang sesuai.
Sebagai contoh Anda mungkin ingin memberikan garis antara dua paragraf seperti dalam contoh yang diberikan di bawah ini:
contoh
<! DOCTYPE html>
<html>
<head>
<title> Horizontal Garis Contoh </ title>
</ head>
<body>
<p> Ini adalah paragraf satu dan harus di atas </ p>
<hr />
<p> Ini adalah paragraf dua dan harus di bawah </ p>
</ body>
</ html>
Hal ini akan menghasilkan hasil sebagai berikut:
Ini adalah paragraf satu dan harus di atas
Ini adalah paragraf dua dan harus di bawah
Lagi <hr /> tag adalah contoh dari elemen kosong, di mana Anda tidak perlu membuka dan menutup tag, karena tidak ada yang masuk di antara mereka.
The <hr /> elemen memiliki ruang antara karakter jam dan garis miring. Jika Anda menghilangkan ruang ini, browser lama akan mengalami kesulitan render garis horizontak, sedangkan jika Anda melewatkan karakter garis miring dan hanya menggunakan <hr> tidak berlaku di XHTML
Pertahankan Format
Kadang-kadang Anda ingin teks Anda untuk mengikuti format yang tepat tentang bagaimana ada tertulis dalam dokumen HTML. Dalam kasus tersebut, Anda dapat menggunakan tag terformat <pre>.
Setiap teks antara pembukaan <pre> tag dan penutupan </ pre> tag akan mempertahankan format dokumen sumber.
contoh
<! DOCTYPE html>
<html>
<head>
<title> Pertahankan Format Contoh </ title>
</ head>
<body>
<pre>
Fungsi testFunction (strText) {
alert (strText)
}
</ pre>
</ body>
</ html>
Hal ini akan menghasilkan hasil sebagai berikut:
Fungsi testFunction (strText) {
alert (strText)
}
Coba gunakan kode yang sama tanpa menjaga di dalam <pre> ... </ pre> tag
Ruang Nonbreaking
Misalkan Anda ingin menggunakan frase "12 Angry Men." Di sini Anda tidak ingin browser untuk membagi "12, Angry" dan "Men" di dua baris:
Contoh dari teknik ini muncul dalam film "12 Angry Men."
Dalam kasus di mana Anda tidak ingin browser klien untuk memecahkan teks, Anda harus menggunakan entitas ruang nonbreaking & nbsp; bukannya ruang normal. Sebagai contoh, ketika coding "12 Angry Men" pada huruf a, Anda harus menggunakan sesuatu yang mirip dengan kode berikut:
contoh
<! DOCTYPE html>
<html>
<head>
<title> Nonbreaking Spaces Contoh </ title>
</ head>
<body>
<p> Contoh teknik ini muncul dalam film "12 & nbsp; Angry & nbsp;. Men" </ p>
</ body>
</ html>
Tidak ada komentar:
Posting Komentar