Академия Dreamskills
+7 707 199 26 14
+7 747 939 16 60
| HTML-ге шолу HTML (HyperText Markup Language) — вебте көрсетілетін құжаттар құрылымын сипаттауға арналған стандартты белгілеу тілі. HTML құжаттың барлық құрамдас бөліктерін мағыналы түрде құрылымдау үшін белгілеу үшін пайдаланылатын элементтер мен атрибуттар сериясынан тұрады.
HTML құжаттары негізінен түйіндер ағашы, соның ішінде HTML элементтері мен мәтін түйіндері. HTML элементтері абзацтарды, тізімдерді және кестелерді жасауды, кескіндер мен пішін басқару элементтерін ендіруді қоса алғанда, құжаттардың семантикасы мен пішімдеуін қамтамасыз етеді. Әрбір элементте көрсетілген бірнеше атрибуттар болуы мүмкін. Көптеген элементтердің мазмұны, соның ішінде басқа элементтер мен мәтін болуы мүмкін. Басқа элементтер бос, тегі мен атрибуттары олардың функциясын анықтайды. Метадеректер, бөлімдер, мәтін, кірістірілген семантикалық, пішін, интерактивті, медиа, құрамдас және сценарийді қамтитын элементтердің бірнеше санаты бар. |
Элементтер
JavaScript тілінде кейінге қалдырылған кодты орындау әдістерін шақыруға болады. Сабақ үшін біз Js тілінде интервалдарды, сондай-ақ таймерлерді құруды үйренеміз.
Таймерлер мен аралықтарды жасау
HTML мазмұны белгілі бір жолмен көрінуі немесе әрекет етуі үшін мазмұнның әртүрлі бөліктерін қоршау немесе орау үшін пайдаланатын элементтер қатарынан тұрады. HTML элементтері тегтермен шектеледі, бұрыштық жақшалар ( < және >) арқылы жазылады.
Бос орынмен бөлінген атау/мән жұптарының қосымша биттері (кейде мәнді қосу міндетті емес) атрибуттар деп аталады . Атрибуттар HTML-ді соншалықты күшті етеді. Біз осы серияда жүздеген атрибуттар мен төлсипат мәндерін қамтитын боламыз, бірақ мұнда олардың жалпы не екенін және оларды қалай қосу керектігін талқылаймыз.
Атрибуттар элемент туралы ақпаратты береді. Атрибут, басқа ашылатын тег сияқты, мазмұнда көрсетілмейді, бірақ олар көрмейтін және көрмейтін (көмекші технологиялар мен іздеу жүйелері) пайдаланушыларға мазмұнның қалай көрінетінін анықтауға көмектеседі.
Атрибуттар тек ашылу тегінде пайда болады. Ашу тегі әрқашан элемент түрінен басталады. Түрден кейін бір немесе бірнеше бос орындармен бөлінген нөл немесе бірнеше атрибуттар болуы мүмкін. Көптеген атрибут атауларынан кейін оны төлсипат мәніне теңестіретін, ашу және жабу тырнақшаларымен оралған теңдік белгісі қойылады.
Бос орынмен бөлінген атау/мән жұптарының қосымша биттері (кейде мәнді қосу міндетті емес) атрибуттар деп аталады . Атрибуттар HTML-ді соншалықты күшті етеді. Біз осы серияда жүздеген атрибуттар мен төлсипат мәндерін қамтитын боламыз, бірақ мұнда олардың жалпы не екенін және оларды қалай қосу керектігін талқылаймыз.
Атрибуттар элемент туралы ақпаратты береді. Атрибут, басқа ашылатын тег сияқты, мазмұнда көрсетілмейді, бірақ олар көрмейтін және көрмейтін (көмекші технологиялар мен іздеу жүйелері) пайдаланушыларға мазмұнның қалай көрінетінін анықтауға көмектеседі.
Атрибуттар тек ашылу тегінде пайда болады. Ашу тегі әрқашан элемент түрінен басталады. Түрден кейін бір немесе бірнеше бос орындармен бөлінген нөл немесе бірнеше атрибуттар болуы мүмкін. Көптеген атрибут атауларынан кейін оны төлсипат мәніне теңестіретін, ашу және жабу тырнақшаларымен оралған теңдік белгісі қойылады.
Құжат құрылымы
HTML құжаттары құжат түрі туралы мәлімдемені және <html>түбір элементін қамтиды. Элементке кірістірілген <html>құжат басы мен құжаттың негізгі бөлігі. Құжаттың басы көрмейтін келушіге көрінбесе де, сайтыңыздың жұмысын жасау өте маңызды. Ол барлық мета ақпараттарды, соның ішінде іздеу жүйелері мен әлеуметтік медиа нәтижелеріне арналған ақпаратты, шолғыш қойындысының белгішелерін және мобильді негізгі экран таңбашасын және мазмұныңыздың әрекеті мен көрсетілімін қамтиды.
<!DOCTYPE html>
Кез келген HTML құжатындағы бірінші нәрсе кіріспе болып табылады. HTML үшін сізге қажет нәрсенің бәрі <!DOCTYPE html>. Бұл HTML элементі сияқты көрінуі мүмкін, бірақ олай емес. Бұл құжат түрінің декларациясы немесе DTD. DTD браузерге HTML қолданып жатқаныңызды хабарлайды
<head>
Құжаттың метадеректері, оның ішінде құжат тақырыбы, таңбалар жиыны, көру терезесінің параметрлері, сипаттама, негізгі URL мекенжайы, стильдер кестесінің сілтемелері және белгішелер <head>элементте табылған. Бұл мүмкіндіктердің барлығы қажет болмаса да, әрқашан таңбалар жиынын, тақырыпты және көру терезесінің параметрлерін қосыңыз.
Құжат атауы
Сіздің басты бетіңіз бен барлық қосымша беттердің әрқайсысының бірегей атауы болуы керек. Құжат тақырыбының мазмұны, ашу және жабу <title> тегтері арасындағы мәтін шолғыш қойындысында, ашық терезелер тізімінде, журналда, іздеу нәтижелерінде және <meta> тегтермен қайта анықталмаса , әлеуметтік медиа карталарында көрсетіледі.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> HTML негіздері </title>
<meta name="viewport" content="width=device-width">
</head>
<body>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> HTML негіздері </title>
<meta name="viewport" content="width=device-width">
</head>
<body>
</body>
</html>
Тақырып тегтері
Барлық онлайн құжаттар, соның ішінде веб-беттер, тақырыптан басталады. Олар HTML тегтері арқылы құрастырылған, тіл қазіргі уақытта алты айнымалы өлшемді элементтерге дейін мүмкіндік береді, сонымен қатар мазмұнды қосымша тақырыптармен, субтитрлермен және қалың мәтіннің бөлектелген жолдарымен құрылымдауға мүмкіндік береді. Тақырыпты бастау үшін қажетті өлшемге байланысты тиісті мәтінге <h1> , <h2> , <h3> , <h4> , <h5> немесе <h6> тегін қою жеткілікті.
Содан кейін мәтінді инкапсуляциялау үшін тақырыптың соңында жабу тегін қолдану керек және HTML пішімінде келесідей көрсетіледі:
<h1>Tақырып 1</h1>
<h2>Tақырып 2</h2>
<h3>Tақырып 3</h3>
<h4>Tақырып 4</h4>
<h5>Tақырып 5</h5>
<h6>Tақырып 6</h6>
Презентация
Төмендегі сілтемеге өтіп, бүгінгі сабақтың презентациясын өзіңізге жүктеп алыңыз
Оқуға арналған ресурс көзі
© Все права защищены. Dreamskills academy.
mail@dreamskills.kz
mail@dreamskills.kz