HTML негіздері

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson
Download our mobile app to listen on the go
Get App

Questions and Answers

HTML құжатының түбірлік элементі қандай тегпен белгіленеді?

  • `<html>` (correct)
  • `<head>`
  • `<body>`
  • `<!DOCTYPE html>`

Веб-беттің тақырыбы шолғыш терезесінің тақырып жолағында қандай тегтің көмегімен көрсетіледі?

  • `<head>`
  • `<title>` (correct)
  • `<header>`
  • `<h1>`

Мәтінді қалың шрифтпен көрсету үшін қай HTML тегі қолданылады?

  • `<em>`
  • `<strong>` (correct)
  • `<mark>`
  • `<small>`

Кесте ұяшығының қанша жолды қамтитынын көрсететін атрибутты көрсетіңіз.

<p><code>rowspan</code> (C)</p> Signup and view all the answers

Суреттің URL-ін көрсететін <img> элементінің атрибуты қалай аталады?

<p><code>src</code> (D)</p> Signup and view all the answers

Егер сурет көрсетілмесе, қандай атрибут мәтінді көрсетеді және SEO үшін маңызды?

<p><code>alt</code> (D)</p> Signup and view all the answers

Гиперсілтеме жасау үшін қай HTML элементі қолданылады?

<p><code>&lt;a&gt;</code> (C)</p> Signup and view all the answers

HTML-де кестедегі деректерді анықтайтын тег қалай аталады және оның қызметі қандай?

<p><code>&lt;td&gt;</code> - кесте ұяшығын анықтайды. (B)</p> Signup and view all the answers

Егер сізге суреттің енін 500 пикселге, ал биіктігін 300 пикселге өзгерту керек болса, <img> тегіндегі дұрыс синтаксис қандай?

<p><code>&lt;img src=&quot;image.jpg&quot; width=&quot;500&quot; height=&quot;300&quot;&gt;</code> (D)</p> Signup and view all the answers

CSS-ті қолданбай, HTML-дің өзінде кестенің сыртқы шекарасын қалай қоюға болады? Мүмкін болмаса, 'мүмкін емес' деп жауап беріңіз.

<p>мүмкін емес (A)</p> Signup and view all the answers

Flashcards

HTML дегеніміз не?

Веб-беттерді құруға арналған стандартты белгілеу тілі.

< !DOCTYPE html > не үшін?

HTML5 құжаты екенін анықтайды.

< title > тегінің қызметі?

Веб-беттің тақырыбын көрсетеді (шолғыш терезесінің тақырып жолағында).

< body > тегі не үшін?

Беттің көрінетін мазмұнын қамтиды.

Signup and view all the flashcards

< b > тегінің қызметі?

Мәтінді қалың шрифтпен көрсетеді.

Signup and view all the flashcards

< i > тегі не істейді?

Мәтінді курсивпен көрсетеді.

Signup and view all the flashcards

< tr > тегі дегеніміз не?

Кесте жолын анықтайды.

Signup and view all the flashcards

< th > нені білдіреді?

Кесте бағанының тақырыбын анықтайды.

Signup and view all the flashcards

< td > тегінің қызметі?

Кесте ұяшығын (деректерін) анықтайды.

Signup and view all the flashcards

тегіндегі src атрибуты не істейді?

Суреттің URL-ін көрсетеді.

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.

Quiz Team

More Like This

Use Quizgecko on...
Open
Browser
Browser