Теориялық мағлұматтар html-бетінің құрылымы



Дата10.10.2019
өлшемі129.55 Kb.
Теориялық мағлұматтар

HTML-бетінің құрылымы

HTML-бетінде құжат (Head) басы мен (Body) денесін ерекшелеуге болады. Құжат басында негізінен, көбісі Web-құжатының бейнеленуіне әсер етпейтін, беттің өзі туралы қызмет мәліметтері сақталады. Керісінше, құжат бетінің денесіне енгізілген барлық деректер экранға шығарылады. Бет басы мен денесі әрқашан белгілі ретпен орналасатын арнайы тегтермен анықталады.

Беттің HTML-кодының құрылымы  

<HTML

<HEAD>Бет басының тарауы, мұнда қызмет ақпаратының тегтері енгізіледі. 

HEAD> 

<BODY>Мұнда орналасқанның барлығыWeb-бетінде бейнеленеді.

BODY> 

HTML> 

Дұрыс құрастырылған HTML-коды <html> тегінен басталады. <head> ашушы мен head> жабушы тегтері тарау басын құрайды. Құжат басының құрамына оның сипаттамасы орнатылады.

html-файлының негізгі бөлігі – құжат денесі - <body> мен body> тегтерінің көмегімен құрастырылады. Бұл тегтер арасында броузер терезесінде бейнеленуі тиіс деректер орналасады. html-код html> жабушы тегімен аяқталады.

Элементтер, HTML-тегтері мен атрибуттар

HTML тілінде элементтер, тегтер мен атрибуттар анықталған. Элемент арасында мәліметтер орналасқан ашушы мен жабушы тегтерден тұрады, мысалы,


Бұл жай абзац


Бұнда элемент – беттегі абзац.



Тег ашушы мен жабушы бұрышты жақшаларының ( "<" мен ">" символдарымен) арасында көрсетілген атаумен анықталады; тег атауы элемент құрамындағы ақпараттың қалай бейнеленуі керегін анықтайды. Мысалы,
тегі бірінші мысалда абзацты анықтайды.

Атрибуттар тег әрекетін туралайды. Мысалы, align="justify" берілген абзацке "по ширине" тегістеуін белгілейді.

Тегтерді қолдануда келесі ережелерді ұстану керек:

  барлық стандартты тегтер "<" символымен басталып ">" символымен аяқталады (мысалы, ).

  тег атауын құрайтын символдар арасында пробелдерді қоюға рұқсат етілмейді . Оған қоса пробелдер тег атауы мен бұрышты жақшалар арасында кездеспеуі керек.

  әрбір ашушы тегке жабушы тег сәйкес келу керек. Жабушы тегтің ашушы тегтен айырмашылығы тег атауының алдында қиғаш сызығының тұруында ().

  html-кодын құрастырғанда тегтер атауларында тек астыңғы регистр символдарын пайдаланыңдар. Бұны XHTML 1.0 спецификациясы қажет етеді.

  Атрибуттарды бөлу, оған қоса бірінші атрибутты тег атауынан айыру үшін бос аралықтар қолданылады. Атрибут мәнәіндегі бос аралықтар қате.

  HTML-құжатының керекті құрылымын ұстаныңыз. Керекті тегтерді дұрыс кезекпен және қатал иерархияда беріңіз.



Атрибуттар тегтер әрекеттерін дәлдейді. Көптеген тегтерде атрибуттар болмайды, бірақ атрибуттар міндетті түрде көрсетілетін тегтер бар. <p> мен p> тегтер жұбы бетте абзацты анықтайды. Ашушы 
тегі тек атаудан тұруы мүмкін, бірақ керек жағдайда оған бірнеше атрибут қосуға болады. Осылай, мысалы ашушы
тегінде абзац тегістелуін беретін align атрибуты болуы мүмкін.

Атрибуттар тек ашушы тегте ғана көрсетіледі. Атрибутты жабушы тегке жазуға тырыспаңыз. Осылай, мысалы  ашушы тег 


 дұрыс. Оған жабушы тег 
 
сәйкес. Тег құрамында бірнеше атрибут болуы мүмкін.

Көптеген атрибуттар үшін мәндер беріледі. Дәл солар нәтижесінде тегтер орындалуының ерекшеліктерін анықтайды. Жоғарыдағы мысалда align атрибуты jusify мәніне ие. Атрибут мәні  тырнақшада көрсетіледі.



Dreamweaver MX-те жұмысты бастау

1)      Macromedia Dreamweaver MX программасын ашыңыз(Пуск - Программы - Macromedia - Macromedia Dreamweaver MX).

2)      Программа интерфейсінің негізгі элементтерін қарастырыңыз.

3)       батырмасын шертіп Code режиміне ауысыңыз.

4)       батырмасын шертіп Code and Design режиміне ауысыңыз.

5)       батырмасын шертіп Design режиміне ауысыңыз.

6)      View - Code and Design меню пунктін таңдап Code and Design режиміне ауысыңыз.

7)      Бос беттің HTML-кодына назар аударыңыз. (HTML-код құрылымы)

8)       тегтарының арасына Untitled Document орнына " Менің бірінші бетім " деп жазыңыз. Нәтижесінде: </b><b>Моя</b><b> </b><b>первая</b><b> </b><b>страница</b><b>

9)      (егер программада орыс әріптері бұрыс көрсетілсе, онда программаны орнатыңыз )

10)  Design пернесін басып HTML-кодының өзгертулері құжат терезесінде қалай шыққанын көресіз (программа терезесінің тақырыбында "Менің бірінші бетім (Untitled-1)"

11)  Сіздің бетіңізді браузерде көру үшін F12 пернесін басыңыз. Обратите внимание на заголовок окна броузера.



HTML тілінің принциптері

1)      Беттің HTML-кодына назар аударып 

Достарыңызбен бөлісу:


©netref.ru 2019
әкімшілігінің қараңыз

    Басты бет