HTML (HyperText Markup Language) —
веб-беттерді форматтау үшін қолданылатын стандартты тіл. HTML
көмегімен мәтіндерді, суреттерді, сілтемелерді және басқа
элементтерді веб-беттерде орналастыруға және форматтауға болады.
Төменде HTML тілінде мәтінді форматтаудың негізгі элементтері, оның
ішінде қаріп, абзац және тізімдер туралы ақпарат берілген.
Көмек ретінде берілген
нұсқаулық
1. HTML-да
қаріп форматтау
HTML-да
мәтіннің қаріпін, өлшемін, түсін және стилін өзгерту үшін әртүрлі
тегтер мен атрибуттар пайдаланылады. Мысалдар:
```html
<!DOCTYPE
html>
<html
lang="kk">
<head>
<meta
charset="UTF-8">
<meta
name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Мәтін форматтау</title>
<style>
.bold {
font-weight:
bold; /* Майлы */
}
.italic {
font-style:
italic; /* Курсив */
}
.underline
{
text-decoration: underline; /* Астыңғы сызық */
}
.large {
font-size:
24px; /* Үлкен қаріп */
}
</style>
</head>
<body>
<h1>HTML
Мәтін Форматтау Мысалдары</h1>
<p
class="bold">Бұл майлы мәтін.</p>
<p
class="italic">Бұл курсив мәтін.</p>
<p
class="underline">Бұл астыңғы сызықпен форматталған
мәтін.</p>
<p
class="large">Бұл үлкен қаріппен жазылған мәтін.</p>
</body>
</html>
```
2. HTML-да
абзац форматтау
Абзацтарды
HTML-де `<p>` тегін пайдаланып форматталады. Әр абзац жаңа жолдан басталады.
```html
<p>Бұл бірінші абзац.
Ол HTML-да мәтінді ұйымдастыру үшін
пайдаланылады.</p>
<p>Бұл екінші
абзац.</p>
```
### 3. HTML-да
тізімдер
HTML-да екі негізгі тізім түрі бар: нөмірленген тізім және
нөмірленбеген тізім.
#### 3.1. Нөмірленген тізім
Нөмірленген тізім `<ol>`
(ordered list) тегін пайдаланып
жасалады:
```html
<ol>
<li>Бірінші
элемент</li>
<li>Екінші
элемент</li>
<li>Үшінші
элемент</li>
</ol>
```
#### 3.2. Нөмірленбеген тізім
Нөмірленбеген тізім `<ul>`
(unordered list) тегін пайдаланып
жасалады:
```html
<ul>
<li>Бірінші
элемент</li>
<li>Екінші
элемент</li>
<li>Үшінші
элемент</li>
</ul>
```
### Толық HTML Мысал
```html
<!DOCTYPE html>
<html
lang="kk">
<head>
<meta
charset="UTF-8">
<meta
name="viewport" content="width=device-width,
initial-scale=1.0">
<title>HTML Мәтін Форматтау Мысалы</title>
</head>
<body>
<h1>HTML
Мәтін Форматтау</h1>
<h2>Абзацтар</h2>
<p>Бұл
бірінші абзац.</p>
<p>Бұл
екінші абзац.</p>
<h2>Нөмірленген тізім</h2>
<ol>
<li>Бірінші элемент</li>
<li>Екінші элемент</li>
<li>Үшінші элемент</li>
</ol>
<h2>Нөмірленбеген тізім</h2>
<ul>
<li>Бірінші элемент</li>
<li>Екінші элемент</li>
<li>Үшінші элемент</li>
</ul>
</body>
</html>
```
Қорытындылай келе HTML көмегімен мәтінді
форматтауда қаріп стилін, абзацтарды және тізімдерді тиімді түрде
қолдануға болады. Осының арқасында веб-беттердің құрылымы мен
көрінісі жақсарады.
12 Ақпан 2025
108
