HTML (HyperText Markup Language)

Тақырып бойынша 11 материал табылды

HTML (HyperText Markup Language)

Материал туралы қысқаша түсінік
веб-беттерді форматтау үшін қолданылатын стандартты тіл. HTML көмегімен мәтіндерді, суреттерді, сілтемелерді және басқа элементтерді веб-беттерде орналастыруға және форматтауға болады. Төменде HTML тілінде мәтінді форматтаудың негізгі элементтері, оның ішінде қаріп, абзац және тізімдер туралы ақпарат берілген.
Материалдың қысқаша нұсқасы

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 көмегімен мәтінді форматтауда қаріп стилін, абзацтарды және тізімдерді тиімді түрде қолдануға болады. Осының арқасында веб-беттердің құрылымы мен көрінісі жақсарады.

Жүктеу
bolisu
Бөлісу
ЖИ арқылы жасау
Файл форматы:
docx
12.02.2025
204
Жүктеу
ЖИ арқылы жасау
Бұл материалды қолданушы жариялаған. Ustaz Tilegi ақпаратты жеткізуші ғана болып табылады. Жарияланған материалдың мазмұны мен авторлық құқық толықтай автордың жауапкершілігінде. Егер материал авторлық құқықты бұзады немесе сайттан алынуы тиіс деп есептесеңіз,
шағым қалдыра аласыз
Қазақстандағы ең үлкен материалдар базасынан іздеу
Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде керек материалды іздеп, жүктеп алып сабағыңызға қолдана аласыз
Материал жариялап, аттестацияға 100% жарамды сертификатты тегін алыңыз!
Ustaz tilegi журналы министірліктің тізіміне енген. Qr коды мен тіркеу номері беріледі. Материал жариялаған соң сертификат тегін бірден беріледі.
Оқу-ағарту министірлігінің ресми жауабы
Сайтқа 5 материал жариялап, тегін АЛҒЫС ХАТ алыңыз!
Қазақстан Республикасының білім беру жүйесін дамытуға қосқан жеке үлесі үшін және де Республика деңгейінде «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық материалыңызбен бөлісіп, белсенді болғаныңыз үшін алғыс білдіреміз!
Сайтқа 25 материал жариялап, тегін ҚҰРМЕТ ГРОМАТАСЫН алыңыз!
Тәуелсіз Қазақстанның білім беру жүйесін дамытуға және білім беру сапасын арттыру мақсатында Республика деңгейінде «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық жұмысын жариялағаны үшін марапатталасыз!
Министірлікпен келісілген курстар тізімі