Файл: Html кестесін жне мтінді редакциялау жне форматтау.docx
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 12.12.2023
Просмотров: 24
Скачиваний: 1
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
HTML кестесін және мәтінді редакциялау және форматтау
Web парақтар HTML (Hуper Text Markup Language) тілінде жазылады. Бұл интернетте жарияланатын Web парақтар құжатының белгілеу (разметкалау) тілі. Web парақтар интернетте НТТР серверлерінде орналасады. HTML тілі World Wide Web қызметінің негізі болып есептеледі және осы қызметтің әйгілі болуына себеп болды.
Гипермәтін дегеніміз — арнайы кодтар енгізілген мәтін. Бұл кодтар форматтау, мультимедиа, басқа құжаттарға гиперсілтеме жасау, қосымша элементтерді басқарды. Разметкалау дегеніміз — мәтінде осы кодтарды енгізіп, бұл құжаттың Browser-мен көрсетілуі. HTML тілінің мәтін фрагменттерінің не үшін керек екенін анықтауға пайдаланылады. Мысалы, мәтінде тақырып кездессе, HTML коды бұл фрагмент тақырып екенін көрсетеді. Мәтінді разметкалауға пайдаланатын кодтар HTML тілінде тег деп атайды. Тег дегеніміз — символдар жиыны. Тегтердің бәрі кіші символынан басталып, үлкен символынан аяқталады. HTML тілінде әр тегтің өзінің мәні бар. Жұп тегтер ашылатын және жабылатын тегтер болады. Жабылатын тегтер / символынан басталады. Кейбір тегтер тек қана ашылатын болады. Құжаттар броузерден көрсетілгенде, тегтер көрсетілмейді, бірақ құжаттың көрсету әдісіне әсер етеді.
Коментарий (түсініктеме)
HTML тілінде коментарий пайдалануға мүмкіндік бар. HTML тілінде арнайы тегтен басталады. Ол мынандай < / – –. Осы тегтен кейін жазылған мәтін коментарий болып есептеледі және браузермен экранда көрсетілмейді. Коментарий мынандай символмен аяқталады: – – –>. HTML құжатының структурасы
HTML құжаты құжаттың негізгі мәтінімен разметка жасау тегтерінен тұрады:
-
HTML құжаты басталып, аяқталады. Бұл жұп тегтер браузерге алдындағы құжат HTML құжаты екенін көрсетеді.
HTML құжаты тақырып бөлімінен және құжаттың денесінен тұрады, тақырып бөлімі тегтер арасында орналасады. Құжат туралы информация береді. Бұл бөлім ішінде жұп тегтер пайдаланылады: . Бұл тегтердің арасында құжаттың тақырыбы жатады.
3. Құжаттың мәтінді құжаттың денесінде орналасады. Құжаттың денесі және тегі браузерде көрсетілетін информацияны анықтайды.
<HTML>
экранда көрсетілген информация
негізгі тақырып
ішкі тақырып
бұл қатарлар бірге жазылады
HTML құжаты
текст
екіге бөлінеді
- фонның түсі
- мәтін түсі
- сілтемелер түсі
- активті сілтемелердің түсі
- қарастырылған сілтемелер түсі
“Color” келесі түрде беріледі “#$$$$$$” - реті: қызыл/жасыл/көк, мысалы, мәтін түсі – сары, мәтін түсі – сары – жасыл.
Сілтемелер
- сілтеме
- фондық түстер.
- бейнелербейнелер
ALIGN=[TOP],[BOTTOM],[LEFT],[RIGHT],[MIDDLE] –бейнелердің орналасуы, ALT=X –кірістірілетін мәтін, WIDTH=X – ұзындығы, HEIGHT=X – биіктігі.
Шектеулер
- шектеулер жиынтығын құрады.
Параметрлер:
ROWS=X – фреймдер биіктігі беріледі
COLS=X – фреймдер ені беріледі
BORDER=X – шектеулер размері
FRAMEBORDER=BOOL – фреймдер айналасында шектеулердің болуы немесе болмауы
- фрейм
Параметрлер:
NAME=Имя – фрейм аты
SRC=URL – парақ адресі
MARGINWIDTH=X - өріс ұзындығы
MARGINHEIGHT=X - өріс ені
SCROLLING=BOOL – айналым сызығы
NORESIZE – фрейм размерін өзгертуге тиым салынады
Объектілер
- объектілер береді
Параметрлер:
CODEB ASE = URL – объект файылының адресі
ID=X ID – объект
PARAM NAME = Value – объект қасиетінің мәні
ALIGN= түзету – бетті түзетуді анықтайды
WIDTH= ені
HEIGHT= биіктігі
Формалар
- форманы құрады және мәліметтерді қайда, қандай әдіспен жіберуді анықтайды
- формалар элементтері
Type:
Text – мәтіндік өріс
Password – парольдерді енгізу өрісі
Button – батырма
Reset – мәндерді қалпына келтіру батырмасы
Submit – мәндерді жіберу батырмасы
Checkbox – таңдау
Radio –қосушы
Параметрлер:
NAME=Имя – элемент атауы
VALUE=Значение – элемент мәні
SIZE=X - элемент размері
Сіздер қолданатын стандартты түстер:
1. Black (қара) #000000
-
Maroon (темно-бордовый) #800000 -
Green(жасыл) #008000 -
Olive (оливковый) #808000 -
Navy(темно-синий) #000080 -
Purple(фиолетовый) #800080 -
Teal(темно-зеленый) #008080 -
Gray(сұр) #808080 -
Silver(күміс түстес) #C0C0C0 -
Red (қызыл) #FF0000 -
Lime(известь) #00FF00 -
Yellow(сары) #FFFF00 -
Blue(көк) #0000FF -
Fucksia(фуксия) #FF00FF -
Aqua (көкшіл) #00FFFF -
White(ақ) #FFFFFF
HTML-құжаттағы бейнелер. HTML-құжатта бейнені өте қарапайым жолмен тұрғызуға болады. Ол үшін бұл бейне GIF форматында болу керек (файл *.gif кеңейтілуімен) немесе JPEG (файл *.jpg немесе *.jpeg кеңейтілуімен) және бір жол HTML-мәтінде. Бізге құжатқа HTML құжатпен бір каталогта орналасқан picture.gif файлында жазылған бейнені іске қосу керек. Онда жол мынадай болады:
Белгі
ALT атрибутын қосу керек="[мәтін]", мысалы: Браузер мұндай тегті кездестіріп, экранда сурет мәтінің көрсетеді және оның орнына picture.gif файлынан сурет жүктейді. ALT атрибуты бейнені ұстамайтын ескі браузерлер үшін қажет, сол сияқты браузерде бейнені автоматты жүктеу өшіріліп тұрса. Интернетке жай қосылған кезде, бұл уақытты үнемдеу үшін жасалады. Бейнесі бар файл, басқа каталогта немесе басқа серверде орналасуы мүмкін. Бұл жағдайда оның толық атын көрсету керек.
Бейне
Бейнені қарапайым түрде тұрғызуға болады:
Сонымен қатар, бейнені "ыстық" етіп жасауға болады, немесе бейнеге өтуді іске асыру:
тегінен кейін үш файлды қосыңыз:
Басты меню
Гиперсілтеме жұмыс жасағанын көресіз
2-тапсырма
Дискіге жасаған жұмыстарыңызды сақтау үшін жеке бума құрыңыз.
1. Блокнотты (notepad) ашып келесі мәтінді теріңіз:
Сәлеметсіз бе, бұл менің бірінші бетім (Здравствуйте, это моя первая страница).
Қош келдіңіздер! (Добро пожаловать!)