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



бет2/8
Дата13.11.2022
өлшемі415,91 Kb.
#158014
1   2   3   4   5   6   7   8
Байланысты:
Саден М
2105487736 (1), 6 б сынып улгерим, Өнердегі мат, Үлгі, АЛЕШ (копия), Айида., лаб қателіктер теориясы, Алина кмж 1508-19
Негізгі бөлім



Редактор мәтіні
Мәтіндік редактор-жалпы және мәтіндік файлдардағы мәтіндік деректерді құруға және өзгертуге арналған дербес компьютерлік бағдарлама немесе Бағдарламалық кешеннің құрамдас бөлігі (мысалы, интеграцияланған даму ортасының бастапқы кодының редакторы немесе шолғышта енгізу терезесі).

Мәтіндік редакторлар интерактивті мәтіндік файлдармен жұмыс істеуге арналған. Олар сізге Мәтіндік файлдардың мазмұнын көруге және олардың үстіне әртүрлі әрекеттерді жасауға мүмкіндік береді: мәтінді кірістіру, жою және көшіру, мәтінмәндік іздеу және ауыстыру, жолдарды сұрыптау, таңбалар кодтарын қарау және кодтауды түрлендіру, басып шығару және т. б.


Көбінесе интерактивті мәтіндік редакторларда редакциялау әрекеттерін автоматтандыруға арналған қосымша функциялар бар (жазылған пернелер тізбегінен бастап толық кірістірілген бағдарламалау тілдеріне дейін) немесе мәтіндік деректерді арнайы түрде көрсетеді (мысалы, синтаксисті бөлектеу арқылы).



Элементтер мен атрибуттар
HTML5-те веб-парақтарыңызды құруға тікелей кіріспес бұрын, веб-бетті құрайтын негізгі құрылыс блоктарын, кірпіштерді қарастырыңыз.

HTML5 құжаты, кез-келген HTML құжаты сияқты, элементтерден тұрады, ал элементтер тегтерден тұрады. Әдетте, элементтерде бұрыштық жақшалардан тұратын ашылатын және жабылатын тег бар. Мысалы:



Мұнда ашылатын
және жабылатын
тегі бар div элементі анықталған. Осы тегтердің арасында div элементінің мазмұны орналасқан. Бұл жағдайда "div элементінің мәтіні"қарапайым мәтіні мазмұн ретінде әрекет етеді.
Элементтер сонымен қатар бір тегтен тұруы мүмкін, мысалы
элементі, оның функциясы жолды беру болып табылады.



Мұндай элементтер бос элементтер (void elements) деп те аталады. Мен жабылатын слешті қолдансам да, оның спецификацияға сәйкес болуы міндетті емес және слешсіз тегті қолдануға тең:

Ашу тегінің ішіндегі әр элементтің атрибуттары болуы мүмкін. Мысалы:





Мұнда екі элемент анықталған: div және input. Div элементінде стиль атрибуты бар. Белгіден кейін атрибуттың мәні тырнақшаға жазылады: стиль="түс: қызыл;". Бұл жағдайда" түс:қызыл; " мәні мәтіннің түсі қызыл болатындығын көрсетеді.

Екінші элемент-бір тегтен тұратын енгізу элементі екі атрибутқа ие: type (элемент түрін көрсетеді - батырма) және value (батырма мәтінін анықтайды)


Style сияқты барлық элементтер үшін ғаламдық немесе жалпы атрибуттар бар, бірақ type сияқты белгілі бір элементтерге қолданылатын ерекше атрибуттар бар.
Кәдімгі атрибуттардан басқа, логикалық немесе логикалық атрибуттар да бар (boolean attributes). Мұндай атрибуттар маңызды болмауы мүмкін. Мысалы, түймеде disabled төлсипатын орнатуға болады:



Disabled төлсипаты бұл элементтің өшірілгенін көрсетеді.

Жаһандық атрибуттар


HTML5-те кез-келген HTML5 элементіне қолданылатын Ғаламдық атрибуттар жиынтығы бар:

accesskey: элементке жылдам қол жеткізу үшін пернені анықтайды


класс: элементке қолданылатын CSS класын орнатады


contenteditable: элементтің мазмұнын өңдеуге болатындығын анықтайды


contextmenu: элементті тінтуірдің оң жақ батырмасымен басқан кезде пайда болатын элементтің контекстік мәзірін анықтайды


dir: элементтің мәтін бағытын белгілейді


draggable: элементті сүйреуге болатындығын анықтайды


dropzone: элементке тасымалданған кезде тасымалданатын деректерді көшіруге болатындығын анықтайды

жасырын: элементті жасырады


id: бірегей элемент идентификаторы. Веб-бетте элементтерде қайталанатын идентификаторлар болмауы керек


тіл: элемент тілін анықтайды


spellcheck: бұл элемент үшін емлені тексеру қолданылатындығын көрсетеді


style: элемент стилін орнатады


tabindex: TAB пернесін пайдаланып элементтерді ауыстыруға болатын ретті анықтайды


title: элемент үшін қосымша сипаттама орнатады


translate: элементтің мазмұнын аудару керек пе, жоқ па, соны анықтайды


Бірақ, әдетте, осы тізімнің үшеуі жиі қолданылады: class, id және style.


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




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

    Басты бет