Podcast
Questions and Answers
HTML құжатының түбірлік элементі қандай тегпен белгіленеді?
HTML құжатының түбірлік элементі қандай тегпен белгіленеді?
- `<html>` (correct)
- `<head>`
- `<body>`
- `<!DOCTYPE html>`
Веб-беттің тақырыбы шолғыш терезесінің тақырып жолағында қандай тегтің көмегімен көрсетіледі?
Веб-беттің тақырыбы шолғыш терезесінің тақырып жолағында қандай тегтің көмегімен көрсетіледі?
- `<head>`
- `<title>` (correct)
- `<header>`
- `<h1>`
Мәтінді қалың шрифтпен көрсету үшін қай HTML тегі қолданылады?
Мәтінді қалың шрифтпен көрсету үшін қай HTML тегі қолданылады?
- `<em>`
- `<strong>` (correct)
- `<mark>`
- `<small>`
Кесте ұяшығының қанша жолды қамтитынын көрсететін атрибутты көрсетіңіз.
Кесте ұяшығының қанша жолды қамтитынын көрсететін атрибутты көрсетіңіз.
Суреттің URL-ін көрсететін <img>
элементінің атрибуты қалай аталады?
Суреттің URL-ін көрсететін <img>
элементінің атрибуты қалай аталады?
Егер сурет көрсетілмесе, қандай атрибут мәтінді көрсетеді және SEO үшін маңызды?
Егер сурет көрсетілмесе, қандай атрибут мәтінді көрсетеді және SEO үшін маңызды?
Гиперсілтеме жасау үшін қай HTML элементі қолданылады?
Гиперсілтеме жасау үшін қай HTML элементі қолданылады?
HTML-де кестедегі деректерді анықтайтын тег қалай аталады және оның қызметі қандай?
HTML-де кестедегі деректерді анықтайтын тег қалай аталады және оның қызметі қандай?
Егер сізге суреттің енін 500 пикселге, ал биіктігін 300 пикселге өзгерту керек болса, <img>
тегіндегі дұрыс синтаксис қандай?
Егер сізге суреттің енін 500 пикселге, ал биіктігін 300 пикселге өзгерту керек болса, <img>
тегіндегі дұрыс синтаксис қандай?
CSS-ті қолданбай, HTML-дің өзінде кестенің сыртқы шекарасын қалай қоюға болады? Мүмкін болмаса, 'мүмкін емес' деп жауап беріңіз.
CSS-ті қолданбай, HTML-дің өзінде кестенің сыртқы шекарасын қалай қоюға болады? Мүмкін болмаса, 'мүмкін емес' деп жауап беріңіз.
Flashcards
HTML дегеніміз не?
HTML дегеніміз не?
Веб-беттерді құруға арналған стандартты белгілеу тілі.
< !DOCTYPE html > не үшін?
< !DOCTYPE html > не үшін?
HTML5 құжаты екенін анықтайды.
< title > тегінің қызметі?
< title > тегінің қызметі?
Веб-беттің тақырыбын көрсетеді (шолғыш терезесінің тақырып жолағында).
< body > тегі не үшін?
< body > тегі не үшін?
Signup and view all the flashcards
< b > тегінің қызметі?
< b > тегінің қызметі?
Signup and view all the flashcards
< i > тегі не істейді?
< i > тегі не істейді?
Signup and view all the flashcards
< tr > тегі дегеніміз не?
< tr > тегі дегеніміз не?
Signup and view all the flashcards
< th > нені білдіреді?
< th > нені білдіреді?
Signup and view all the flashcards
< td > тегінің қызметі?
< td > тегінің қызметі?
Signup and view all the flashcards
тегіндегі src
атрибуты не істейді?
тегіндегі
src
атрибуты не істейді?
Signup and view all the flashcards
Study Notes
- HTML (HyperText Markup Language) - веб-беттерді құруға арналған стандартты белгілеу тілі.
- HTML құжаттарын веб-шолғыштар оқып, интерпретациялайды.
- HTML құжаттары элементтерден тұрады, олар тегтермен белгіленеді.
- Тегтер - бұрыштық жақшаларға (< және >) алынған кілт сөздер.
- Көптеген HTML элементтерінде ашылатын және жабылатын тегтер болады.
- Жабылатын тег ашылатын тегпен бірдей болады, бірақ алдында қиғаш сызық (/):
<p>
және</p>
. - HTML құжатының негізгі құрылымы:
<!DOCTYPE html>
– құжаттың HTML5 екенін анықтайды.<html>
– HTML құжатының түбірлік элементі.<head>
– құжат туралы мета-ақпаратты қамтиды (атауы, стильдері, т.б.).<title>
– веб-беттің тақырыбын көрсетеді (шолғыш терезесінің тақырып жолағында).<body>
– беттің көрінетін мазмұнын қамтиды.
Мәтінді форматтау
- HTML мәтінді форматтау үшін әртүрлі тегтерді ұсынады:
<b>
– қалың шрифтпен көрсетеді (bold).<strong>
– маңызды мәтінді қалың шрифтпен көрсетеді.<i>
– курсивпен көрсетеді (italic).<em>
– ерекшеленген мәтінді курсивпен көрсетеді.<mark>
– мәтінді белгілейді (маркерлеу).<small>
– мәтінді кішірейтеді.<del>
– өшірілген мәтінді көрсетеді (сызылған).<ins>
– енгізілген мәтінді көрсетеді (асты сызылған).<sub>
– төменгі индекс.<sup>
– жоғарғы индекс.
Кестелер құру
- HTML кестелерді жасау үшін
<table>
элементін ұсынады. <table>
элементінің ішінде келесі элементтер қолданылады:<tr>
(table row) – кесте жолын анықтайды.<th>
(table header) – кесте бағанының тақырыбын анықтайды (әдетте қалың шрифтпен).<td>
(table data) – кесте ұяшығын (деректерін) анықтайды.
- Кестеге шекара қосу үшін CSS стильдерін қолдануға болады (мысалы,
border
қасиеті). colspan
атрибуты ұяшықтың қанша бағанды қамтитынын көрсетеді.rowspan
атрибуты ұяшықтың қанша жолды қамтитынын көрсетеді.
Веб-бетке сурет қою
- Суреттерді қою үшін
<img>
элементі қолданылады. <img>
элементі - бос элемент, яғни жабылатын тегі жоқ.<img>
элементінің негізгі атрибуттары:src
(source) – суреттің URL-ін көрсетеді.alt
(alternative) – егер сурет көрсетілмесе, көрсетілетін мәтінді анықтайды (SEO және accessibility үшін маңызды).width
– суреттің енін пикселмен анықтайды.height
– суреттің биіктігін пикселмен анықтайды.
- Суреттердің форматтары: JPEG, PNG, GIF, SVG.
Гиперсілтеме қою
- Гиперсілтемелерді жасау үшін
<a>
(anchor) элементі қолданылады. <a>
элементі мәтінді немесе басқа элементтерді гиперсілтемеге айналдырады.<a>
элементінің негізгі атрибуты:href
(hypertext reference) – сілтеме жасайтын URL-ді көрсетеді.
- Сілтемелер абсолютті (толық URL) немесе салыстырмалы (ағымдағы веб-сайт ішіндегі сілтеме) болуы мүмкін.
target
атрибуты сілтеменің қайда ашылатынын анықтайды:_self
(әдепкі мән) – ағымдағы терезеде/қойындыда ашылады._blank
– жаңа терезеде/қойындыда ашылады._parent
– жоғарғы фреймде ашылады (егер бет фреймдерде болса)._top
– бүкіл терезеде ашылады (егер бет фреймдерде болса).
- Электрондық поштаға сілтеме жасау үшін
mailto:
протоколын қолдануға болады:<a href="mailto:[email protected]">Маған хат жазыңыз</a>
.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.