Podcast
Questions and Answers
HTML құжатының негізгі құрылымы қай тегтермен қоршалған?
HTML құжатының негізгі құрылымы қай тегтермен қоршалған?
Браузер тақырыптың тегін қай жерде көрсетеді?
Браузер тақырыптың тегін қай жерде көрсетеді?
Келесі тегтердің қайсысы HTML-де абзацтарды құру үшін қолданылады?
Келесі тегтердің қайсысы HTML-де абзацтарды құру үшін қолданылады?
Кескіннің атауын және маңызды сипаттамасын беретін HTML атрибуты қайсы?
Кескіннің атауын және маңызды сипаттамасын беретін HTML атрибуты қайсы?
Signup and view all the answers
HTML-де гиперсілтемелерді жасау үшін қандай тег қолданылады?
HTML-де гиперсілтемелерді жасау үшін қандай тег қолданылады?
Signup and view all the answers
Төмендегі HTML элементтерінің қайсысы реттелмеген тізімді құруға жауапты?
Төмендегі HTML элементтерінің қайсысы реттелмеген тізімді құруға жауапты?
Signup and view all the answers
HTML-де элементтерді бірегей түрде анықтау үшін қай атрибут қолданылады?
HTML-де элементтерді бірегей түрде анықтау үшін қай атрибут қолданылады?
Signup and view all the answers
HTML-дегі мақала, навигация және тақырып сияқты мағыналық тегтерге не жатады?
HTML-дегі мақала, навигация және тақырып сияқты мағыналық тегтерге не жатады?
Signup and view all the answers
Flashcards
HTML
HTML
HTML - веб-беттерді жасауға арналған стандартты белгілеу тілі.
HTML құрылымы
HTML құрылымы
HTML құжатының негізгі құрылымы: <html>
, <head>
, <title>
, <body>
.
Headings
Headings
Heading тегтері (h1-h6) веб-беттегі атауларды көрсетеді.
Суреттер
Суреттер
Signup and view all the flashcards
Сілтемелер
Сілтемелер
Signup and view all the flashcards
Атрибуттар
Атрибуттар
Signup and view all the flashcards
HTML мәліметтемелері
HTML мәліметтемелері
Signup and view all the flashcards
Семантикалық HTML
Семантикалық HTML
Signup and view all the flashcards
Study Notes
Introduction to HTML
- HTML тiлi Гипермәтіндік белгілеу тілі ретінде белгілі.
- Ол веб-беттерді жасау үшін стандартты белгілеу тілі.
- HTML веб-бет ішіндегі мазмұнды құрылымдау үшін белгілер жүйесін қолданады.
- Белгілер тақырыптар, абзацтар, суреттер және т.б. сияқты элементтерді анықтайды.
- Браузерлер осы белгілерді веб-бет мазмұнын көрсету үшін интерпретациялайды.
- HTML құжаттары әдетте .html немесе .htm кеңейтімімен сақталады.
Basic HTML Structure
- әр HTML құжатында негізгі құрылым бар.
- «
<html>
» белгісі бүкіл құжатты қамтиды. - «
<head>
» бөлімі бет туралы мета деректерді, мысалы, тақырып пен символ жиынтығын қамтиды. - «
<title>
» белгісі браузер қоймасында немесе терезесінде пайда болатын тақырыпты анықтайды. - «
<body>
» бөлімі беттің көрінетін мазмұнын қамтиды. - «
<body>
» белгісі бетті құру үшін әртүрлі HTML элементтерін қамтиды.
HTML Elements (Common Tags)
- Тақырыптар (h1-h6): әртүрлі деңгейдегі тақырыптарды анықтайды.
<h1>
ең үлкені,<h6>
ең кішісі. - Абзацтар (
<p>
): мәтін блогтарын құрылымдау үшін қолданылады. - Жол үзілістері (
<br>
): мәтіндегі жол үзілісін енгізеді. - Суреттер (
<img>
):src
(көзі) жәнеalt
(қолжетімділік үшін балама мәтін) сияқты атрибуттарды қолданып суреттерді көрсетеді. - Сілтемелер (
<a>
):href
(гиперсілтеме сілтемесі) атрибутын қолданып басқа беттерге немесе ресурстарға гиперсілтемелер жасайды. - **Тізімдер (
<ul>
,<ol>
,<li>
):** ретті емес (
- » тізім элементтерін анықтайды.
- Кестелер (
<table>
,<tr>
,<td>
,<th>
): кестелерді жасайды,<tr>
жолдарды,<td>
кесте деректер жасушалары,<th>
кесте бас жасушалары. - Div-тер (
<div>
): элементтерді топтастыру және стилдеу үшін (CSS) қолданылады. - Формалар (
<form>
): пайдаланушы кірісін жинау үшін қолданылады, оған кіріс өрістері, түймелер және т.б. кіреді.
) және ретті (
- `) тізімдерді жасайды. «
Attributes
- Атрибуттар HTML элементтері туралы қосымша ақпарат береді.
- Олар ашық белгінің ішінде
attribute="value"
форматында жазылады. - Жалпы атрибуттарға
id
,class
,href
,src
,alt
,title
жатады. id
элементін бірегей идентификациялау үшін қолданылады, алclass
ұқсас стилдеумен топтастыруға мүмкіндік береді.
HTML Comments
- HTML пікірлерін браузер ескермейді.
- Олар HTML кодын құжаттауға көмектеседі.
<!--
-пен басталып,-->
пен аяқталады.
Semantic HTML
- Семантикалық HTML HTML5 белгілерін мазмұнға мағына беру үшін қолданады.
,
,,
, `` сияқты белгілер іздеу жүйелері мен браузерлерге құрылымды жақсы түсінуге көмектеседі.- Бұл қолжетімділік пен SEO үшін маңызды.
Basic HTML Example
- Бұл мысал қарапайым веб-бет құрылымын көрсетеді.
- Беттің тақырыбы және кейбір мазмұн (тақырыптар, абзацтар) бар.
HTML Versioning
- Уақыт өте келе HTML-дің әртүрлі нұсқалары дамыды.
- HTML5 қазіргі заманғы функцияларды қолдайтын ең жаңа нұсқа.
- Әр нұсқада элементтер мен белгілер сәл өзгеше болуы мүмкін.
Further Considerations
- Cascading Style Sheets (CSS) HTML элементтерін стилдеу үшін қолданылады.
- JavaScript интерактивті мінез-құлық үшін қолданылады.
- Веб-даму жиі осы технологиялардың комбинациясын (HTML, CSS және JavaScript) қолданады.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
Description
Бұл тест HTML (HyperText Markup Language) туралы негізгі мәліметтерді қамтиды. HTML веб-беттерді құруда қолданылатын тэгтер мен олардың элементтерін түсіндіреді. Тест барысында HTML құрылымы мен жалпы тэгтердің мәндері туралы сұрақтар болады.