Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menambah sari kata menggunakan HTML? Untuk menterjemah soalan ini ke dalam bahasa Cina, ia akan menjadi: Bagaimana untuk menambah sari kata menggunakan HTML?
Bagaimana untuk menambah sari kata menggunakan HTML? Untuk menterjemah soalan ini ke dalam bahasa Cina, ia akan menjadi: Bagaimana untuk menambah sari kata menggunakan HTML?
- PHPzke hadapan
- 2023-08-25 20:13:021831semak imbas
Sari kata ialah elemen teks yang digunakan dalam HTML untuk menyusun dan menstruktur kandungan web. Subtajuk sering digunakan untuk memecahkan blok besar teks dan menyediakan pengguna dengan hierarki maklumat yang jelas. Sari kata biasanya dibuat menggunakan teg "H2", "H3", "H4", "H5" atau "H6" dalam HTML. Teg ini menunjukkan tahap tajuk, dengan H1 sebagai tajuk tahap tertinggi dan H6 sebagai subtajuk tahap terendah.
Tambah sari kata menggunakan HTML
HTML ialah bahasa penanda yang digunakan untuk menstruktur dan memformat kandungan pada halaman web. Aspek penting HTML ialah keupayaan untuk mencipta tajuk dan subtajuk untuk menyusun dan menstruktur teks. Dalam artikel ini, kita akan membincangkan pelbagai cara untuk menambah sari kata menggunakan HTML.
Kaedah 1 - Gunakan tag "H"
Kaedah 2 – Gunakan tag “P” dengan CSS
Pendekatan 3 − Menggunakan tag "Div" dengan CSS
Pendekatan 1: Menggunakan tag "H"
Ini ialah cara yang paling biasa untuk membuat tajuk dan subtajuk dalam HTML ini julat dari H1 hingga H6, dengan H1 sebagai tajuk tahap tertinggi dan H6 adalah yang paling rendah Untuk membuat subtajuk, kami kebanyakannya menggunakan H2, H3, H4 Teg , H5 atau H6 Contohnya, untuk membuat subtajuk menggunakan teg H3, anda akan menggunakan kod berikut −
.<h3>This is a subheading</h3>
Contoh
Contoh ini menunjukkan kaedah pertama cara menambah sub-tajuk dalam HTML
<html>
<head>
<title>Adding Subheading Using HTML</title>
<style>
body{
background-color:#d1d0b4;
}
</style>
</head>
<body>
<h1>This is a Main Heading</h1>
<h2>This is a Sub Heading</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</body>
</html>
Pendekatan 2: Menggunakan tag "P" dengan CSS
Kaedah Kedua untuk mencipta subtajuk dalam HTML adalah dengan menggunakan teg "P" dan menggayakannya dengan CSS Kaedah ini berguna jika kita ingin mencipta subtajuk yang bukan tajuk tradisional Untuk melakukan ini, kita akan menggunakan "P " teg dan berikan kelas atau ID yang boleh anda gunakan untuk menggunakan gaya CSS. Contohnya, untuk membuat subtajuk menggunakan teg p, anda akan menggunakan kod HTML dan CSS berikut −
CSS
.subheading {
font-size: 24px;
font-weight: bold;
}
HTML
<p class="subheading">This is a subheading</p>
Contoh
Contoh ini menunjukkan kaedah kedua cara menambah sub-tajuk dalam HTML
<html>
<head>
<title>Adding Subheading Using HTML</title>
<style>
div {
margin: auto;
height: 250px;
width: 500px;
padding-left:10px;
background-color: #d1d0b4;
border: 2px solid #000000;
}
.subheading {
font-size: 24px;
font-weight: bold;
}
</style>
</head>
<body>
<div>
<h1>This is a Main Heading</h1>
<p class="subheading">This is a Sub Heading</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
</body>
</html>
Cara menggunakan tag "Div" CSS
Kaedah ketiga untuk mencipta subtajuk dalam HTML ialah dengan menggunakan teg "Div" dan menggayakannya dengan CSS Kaedah ini serupa dengan kaedah teg "P".
ContohContoh ini menunjukkan kaedah teg "div" cara menambahkan sub-tajuk dalam HTML
<html>
<head>
<title>Adding Subheading Using HTML</title>
<style>
div {
margin: auto;
height: 200px;
width: 450px;
padding-left:10px;
background-color: #2596;
bder: 2px solid #000000;
border-radius:10px;
}
.subheading {
font-size: 24px;
}
</style>
</head>
<body>
<div>
<h1>This is a Main Heading</h1>
<p class="subheading">This is a Sub Heading</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
</body>
</html>
KesimpulanTerdapat banyak cara untuk menambah sari kata menggunakan HTML. Teg "H", teg "P" dengan CSS dan teg "Div" dengan CSS adalah semua kaedah yang sah. Adalah penting untuk ambil perhatian bahawa tajuk dan subtajuk harus digunakan untuk menyusun dan menstruktur kandungan web, bukan hanya untuk gaya.
Atas ialah kandungan terperinci Bagaimana untuk menambah sari kata menggunakan HTML? Untuk menterjemah soalan ini ke dalam bahasa Cina, ia akan menjadi: Bagaimana untuk menambah sari kata menggunakan HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!