Редактор мәтіндері html5 құжатын жасау



бет3/8
Дата13.11.2022
өлшемі415,91 Kb.
#158014
1   2   3   4   5   6   7   8
Байланысты:
Саден М

HTML5 құжатын жасау

Элементтер html5 құжатын құрайтын кірпіш болып табылады. Құжатты жасау үшін қарапайым мәтіндік файл жасап, файл кеңейтімі ретінде *көрсету керек.html


Мәтіндік файл жасаңыз, оны index деп атаңыз және оның кеңейтімін өзгертіңіз .html.





Содан кейін біз бұл файлды Notepad++сияқты кез-келген мәтіндік редакторда ашамыз. Файлға келесі мәтінді қосыңыз:





HTML5 құжатын жасау үшін бізге алдымен екі элемент қажет: DOCTYPE және html. Doctype немесе Document type Declaration элементі веб-шолғышқа құжат түрін хабарлайды. бұл құжаттың html құжаты екенін және HTML4 немесе белгілеу тілінің басқа нұсқасын емес, html5 қолданатындығын көрсетеді.

Ашылатын және жабылатын тегтер арасындағы html элементі құжаттың барлық мазмұнын қамтиды.


Html элементінің ішінде біз басқа екі элементті орналастыра аламыз: бас және дене. Head элементінде веб-беттің метадеректері - веб-беттің тақырыбы, кодтау түрі және т.б., сондай - ақ сыртқы ресурстарға сілтемелер-стильдер, сценарийлер бар. Дене элементі html бетінің мазмұнын анықтайды.


Енді index файлының мазмұнын index.html келесідей:



Head элементінде екі элемент анықталған:

тақырып элементі беттің тақырыбын білдіреді


meta элементі беттің Мета ақпаратын анықтайды. Таңбаларды дұрыс көрсету үшін кодтауды көрсеткен жөн. Бұл жағдайда charset="utf-8" атрибутының көмегімен utf-8 кодтауды көрсетеміз.


Body элементінің ішінде блокты құрайтын тек бір элемент қолданылады - div. Бұл блоктың мазмұны қарапайым жол.
Біз utf-8 кодтау ретінде таңдағандықтан, шолғыш веб-бетті дәл осы кодтауда көрсетеді. Алайда, құжаттың мәтіні utf-8 таңдалған кодтауға сәйкес келуі керек. Әдетте, әртүрлі мәтіндік редакторларда кодтауды орнатудың тиісті параметрлері бар. Мысалы, Notepad++ бағдарламасында Кодтау мәзіріне өтіп, ашылған тізімде BOM-сыз UTF-8-ге түрлендіру элементін таңдау керек:







Достарыңызбен бөлісу:
1   2   3   4   5   6   7   8




©engime.org 2024
әкімшілігінің қараңыз

    Басты бет