HTML – Жалпы түсінік (қазақ тілінде)
HTML деген не?
HTML (HyperText Markup Language) — бұл веб-беттердің құрылымын құру үшін қолданылатын белгілеу тілі. Яғни, HTML веб-парақта қандай элемент қай жерде орналасатынын, қайсысы тақырып, қайсысы абзац, сурет немесе сілтеме екенін көрсетеді.
HTML – сайттың «қаңқасы». Ол тек құрылымды береді. Түрі мен дизайнын CSS (стиль тілі) береді, ал интерактивті әрекеттерді JavaScript орындайды.
Негізгі HTML құрылымы
<!DOCTYPE html>
<html>
<head>
<title>Менің алғашқы бетім</title>
</head>
<body>
<h1>Сәлем, әлем!</h1>
<p>Бұл менің бірінші HTML парағым.</p>
</body>
</html>
Қысқаша түсінік:
| Бөлік | Мақсаты |
|---|---|
<!DOCTYPE html> | Құжат HTML5 стандарты бойынша жазылғанын көрсетеді |
<html> | HTML құжатының басталуы |
<head> | Браузерге қажет, бірақ бетте көрінбейтін ақпарат |
<title> | Браузердің қойындысындағы (вкладка) атау |
<body> | Бетте көрінетін барлық нәрсе осы блокта орналасады |
Негізгі тегтер
| Тег | Сипаттамасы |
|---|---|
<h1> — <h6> | Тақырыптар (ең үлкенінен — h1, ең кішісіне — h6) |
<p> | Абзац |
<a href="..."> | Сілтеме (гиперсілтеме) |
<img src="..."> | Сурет енгізу |
<ul>, <ol>, <li> | Тізімдер (ретсіз, реттелген, тізім элементі) |
<div> | Контейнер, бөлім жасау үшін |
<br> | Жаңа жолға көшу |
<strong> | Қалың мәтін (маңызды) |
<em> | Курсив |
Мысал:
<h2>Мен туралы</h2>
<p>Мен HTML үйреніп жатырмын. Бұл өте қызықты!</p>
<img src="men.jpg" alt="Менің суретім" width="200">
негізгі тек тізімі: http://www.astro.spbu.ru/staff/afk/Teaching/Help/Tegs.htm
Қорытынды:
- HTML – сайттың негізі
- Ол құрылымды құрайды: тақырыптар, мәтіндер, суреттер, сілтемелер
- Жиі CSS және JavaScript-пен бірге қолданылады
- Қарапайым тіл, бірақ қуатты
Тапсырма
Хостингте index.html файлын құр, файл ішіне 1- тақырып, 2- мәтін 3 -сілтеме жаса.