HTML атрибуттары

Жұмыс түрі: Материал
Тегін: Антиплагиат
Көлемі: 10 бет
Таңдаулыға:

ЕСЕП БЕРУ
Тақырыбы: HTML атрибуттары.

Алматы 2020

Мазмұны
1.Кіріспе ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 3
2.Негізгі бөлім
2.1. Элементтер, тегтер және атрибуттар ... ... ... ... ... ... . ... ... ... ... ... ... ... ...4
2.2. HTML атрибуттары ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .6
Қорытынды ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 12
Пайдаланылған әдебиеттер ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ... ... ... ... ... .14

Кіріспе
HTML дегеніміз- ағылшынша HyperTextMarkupLanguage, яғни гипертексті таңбалау тілі дегенді білдіреді.Осы тіл арқылы сайттың парақтары жазылады. Оны ең бірінші болып ашып, әлемге паш еткен интернеттің атасы Тим Бернерс-Ли деген азамат.Ол мұндай тілді ашу үшін сол кезде қолданыста жүрген SGML деген тілді пайдаланған. HTML дің ең бірінші нұсқасы 90-шы жылдардың басында пайда болған.Кейін Тим Бернер тілді әркім өз білгендерінше бұрмалап кетпес үшін, сол тілді белгілі бір стандартқа бағындырмақ ниетпен консорциум-құрылым ашқан.Ол W3C( World Wide Web Consortium) деп аталады. 1994 жылы гипертексті таңбалау стандарттарының екінші версиясы әзірленіп, ал 1995 жылы HTML3 версиясы CSS тің сүйемелдеуімен бірге жарық көреді.Одан соң 3.2 кейін 4.0 версиялар пайда болады. Ал қазір біз 1999 жылы пайда болған HTML дің 4.01 версиясын осы күнге дейін пайдаланып келеміз. HTML тіліндегі белгісі бар (бұндай құжаттар әдетте .html немесе .htm форматында болады ) мәтіндік құжаттар форматталған түрде көрсететін арнайы бағдарламаларымен өңделеді. Бұндай бағдарламаларды веб-шолғыштар немесе браузерлер дейді, әдетте олар пайдаланушының талаптарын ыңғайлы интерфейспен және оларды көрумен қамтамасыз етеді. Қазіргі кездегі ең атақты веб-браузерлер: Google Chrome, Яндекс, Mozilla Firefox, Opera, Internet Explorer және Safari. HTML - бұл құжаттарды белгілеу тілі. HTML-дегі кез-келген құжат элементтер жиынтығы болып табылады және әр элементтің басы мен соңы арнайы белгілермен - тегтермен көрсетіледі. Элементтер бос болуы мүмкін, яғни оларда ешқандай мәтін немесе басқа деректер жоқ. Бұл жағдайда, әдетте, аяқталу тегі көрсетілмейді (мысалы, жолды үзу тэгі br жалғыз және оны жабудың қажеті жоқ). Сонымен қатар, элементтерде олардың кейбір қасиеттерін анықтайтын атрибуттар болуы мүмкін (мысалы, сілтемедегі href = атрибут). Атрибуттар ашылу тегінде көрсетілген. Мұнда HTML құжатының үзінділерінің мысалдары келтірілген: strong Екі тег арасындағы мәтін - ашу және жабу. strong
a href="http:www.example.com" Бұл элементте href атрибуты бар, ол еренсілтеме болып табылады. a
Бос элементтің мысалы мынада: br
2.1 Элементтер, тегтер және атрибуттар
Кішкене формальдылық. Терминология мен формальдылықты ұнататындар аз, бірақ HTML әлемінде бәрі қарапайым. Қысқаша: Парақ элементтерден тұрады.
Элемент - бұл тегтер мен мазмұн жиынтығы.
Тегтер көбінесе жұп болып келеді: ашылу (тег) және жабу (tag). Олардың арасында осы элементтің әсерінен болатын нәрсе.
Ашу тегінде қосымша ақпарат болуы мүмкін - атрибуттар мен атрибуттардың мәндері. Атрибуттар тегті теңшеуге мүмкіндік береді.

Алдыңғы сабақтың мысалында ашылу және жабылу a a тегтерінен тұратын (якорь) элементі бар.
a href="https:ru.hexlet.io"Хекслет a

Бұл сілтеме және https:ru.hexlet.io мәнімен href атрибутына ие. Ашылу және жабылу тегтерінің арасында мазмұн - Hexlet сөзі бар. Бұл дәнекерге айналады. Төменде сурет бар. Бұл жалғыз тегтің мысалы, соңғы тегтің қажеті жоқ элемент. Оларды өздігінен жабылатын элемент - өздігінен жабылатын элементтер деп те атайды.
img src="https:i.imgur.com789p0uP.pn g"

Көріп отырғаныңыздай, біз https:i.imgur.com789p0uP.png мәнімен src атрибутын (ағылш. Source - дереккөзінен) нақтылағанбыз. Бұл кескін файлының URL мекенжайы. Ал кейбір элементтер бірнеше кірістірілген элементтерден тұрады. Мысалы, тізімдер:
ol
liКод. Информатиканың құпия тілі (Чарльз Петцольд)li
liМені ойландырмаңдар (Steve Krug)li
liҚарапайым заттардың дизайны (Donald Norman)li
ol
Бұл нөмірленген тізім, сондықтан тег ol деп аталады. Тізімнің әр жолы - тізім элементі - li. Бетте ол келесідей болады:
Код. Информатиканың құпия тілі (Чарльз Петцольд)
Мені ойландырмаңдар (Steve Krug)
Қарапайым заттардың дизайны (Donald Norman)
Ал реттелмеген тізім ul көмегімен жасалады. Сізге тек бүкіл тізімнің ашылатын және жабылатын тегтерін өзгерту керек, ал тізім элементтерінің өзін өзгерту қажет емес екенін ескеріңіз.
ul
li Код. Информатиканың құпия тілі (Чарльз Петцольд)li
li Мені ойландырмаңдар (Steve Krug)li
li Қарапайым заттардың дизайны (Donald Norman)li
ul
HTML-дің барлық күші элементтер ішіндегі элементтерді ұялау мүмкіндігінде. Осы мысалмен тәжірибе жасаңыз. Әр тегтің не үшін екенін түсінуге тырысыңыз.
h1Жақсы кітаптар h1
p
Осы кітаптарды оқуға кеңес беремін:
p
ol
libКод. Информатиканың құпия тілі b i(Чарльз Петцольд)ili
lib Мені ойландырмаңдар b i(a href="https:en.wikipedia.orgwiki Steve_Krug"Steve Kruga)ili
lib Қарапайым заттардың дизайны b i(Donald Norman)ili
ol
Жақсы кітаптар
Осы кітаптарды оқуға кеңес беремін:
Код. Информатиканың құпия тілі (Чарльз Петцольд)
Мені ойландырмаңдар (Steve Krug)
Қарапайым заттардың дизайны (Donald Norman)

2.2 HTML атрибуттары
Сіз бірнеше html тегтерімен және олардың қолданылуымен таныссыз, мысалы, h1, h2 тақырып тегтері немесе p абзац тэгі және басқалары. Осы уақытқа дейін біз оларды қарапайым түрінде қолдандық, бірақ HTML-дегі көптеген тегтер қосымша ақпараттар болып табылатын атрибуттарға ие бола алады.
Атрибут - html элементінің сипаттамаларын анықтау үшін қолданылады және элементтің ашық тегінің ішіне орналастырылады. Барлық атрибуттар екі бөлімнен тұрады - ат және мән: Атауы - сіз орнатқыңыз келетін қасиет. Мысалы, p абзац элементі төмендегі мысалда параграфтың параққа туралануын көрсету үшін қолдануға болатын туралау атрибутын қамтиды.
Мән - бұл қасиет үшін орнатқыңыз келетін мән. Атрибут мәні әрқашан тырнақшаға алынады. Төмендегі мысалда туралау атрибутының үш мүмкін мәні көрсетілген: солға, орталыққа және оңға. HTML-дегі атрибуттар атаулары мен мәндері регистрді ескермейді. Дегенмен, Дүниежүзілік Желі Консорциумы (W3C) HTML 4 ұсынымында кіші әріптер атрибуттары мен атрибуттардың ... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.