HTML құжаттар құру мен түзету



Кіріспе ... ... ... ... ... ... ..3
1 Негізгі бөлім... HTML құжаттар құру мен түзету ... ... 4
Тапсырма(А)... HTML негіздері.. ... ... ...10
Тапсырма(В)... Жие қолданылатын тег және атрибуттер тізімі ... ... . ... ... ... .11
Тапсырма(С)... HTML.де кесте жасау. ... ... .12 2 .Қортынды бөлім ... ... ... ..13
3. Пайдалынған әдибеттер ... ... ... ... ... ... 14
HTML тілін британ ғалымы, Тим Бернерс-Ли 1986-1991 жылдары Женев (Швейцария) Еуропалық ядерлік зертеу орталығында жасалынған болатын.HTML алғашында, ғылыми және техникалық документацияларды халық арасында алмастыруға арналған тіл ретінде жасалған. HTML көмегімен әдемі жасалған документті оңай және тез жасауға болады. Құрамының өзгеруінен басқа HTML-ға гипермәтіндерді оқу қасиеті қосылған. Бейнематериалдық қасиеттер сосын қосылған. Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму стратегиясының негізгі бағыттарының бірі, себебі ХХІ ғасыр – білім беру жүйесін ақпараттандыру ғасыры.
Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің, ақпараттық орта мен адамның өзара қарым-қатынасын үйлесімді етудегі және жаңа ақпараттық қоғамда кәсіпкерлік қызметтің басты құрамды бөлігі болып табылатын ақпараттық бейнесін қалыптастырудағы алатын орнымен қамтамасыз етіледі.
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор және тағы басқа мамандардың қажет екендігін түрлі жарнамалық газеттерден, бұқаралық ақпарат құралдарынан да көруге болады. Аталған мамандықтарды қалай дайындап, оларға қандай программалық құралдарды үйрету арқылы жетілдіруге болатыны әдістемелік жұмыстың өзекті мәселелерінің бірі болып отыр. Интернет-жобаларға өсіп жатқан инвестициялар, Web-сайттардың күрделі білімдік, ғылыми, комерциялық мүмкіндіктері. Интернет технологиялар төмендегі жолдармен дамып келе жатыр.
1. HTML в примерах. Как создать свой Web - сайт: Самоучитель.
2. Информатика негіздері (ғылыми - әдістемелік журнал)
3. М. М. Ерекешова, З. Р. Мурзабекова. WEB - парақтарды құру технологиясы. Ақтөбе 2006ж.- 79 бет.

Мазмұны

Кіріспе ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ..3
1 Негізгі бөлім... HTML құжаттар құру мен түзету ... ... ... ... ... ... ... . ... ... ... ...4
Тапсырма(А)... HTML негіздері.. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .10
Тапсырма(В)... Жие қолданылатын тег және атрибуттер тізімі ... ... . ... ... ... .11
Тапсырма(С)... HTML-де кесте жасау. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ..12 2 .Қортынды бөлім ... ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ..13
3. Пайдалынған әдибеттер ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...14

Кіріспе

HTML тілі.
HTML тілін британ ғалымы, Тим Бернерс-Ли 1986-1991 жылдары Женев (Швейцария) Еуропалық ядерлік зертеу орталығында жасалынған болатын.HTML алғашында, ғылыми және техникалық документацияларды халық арасында алмастыруға арналған тіл ретінде жасалған. HTML көмегімен әдемі жасалған документті оңай және тез жасауға болады. Құрамының өзгеруінен басқа HTML-ға гипермәтіндерді оқу қасиеті қосылған. Бейнематериалдық қасиеттер сосын қосылған. Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму стратегиясының негізгі бағыттарының бірі, себебі ХХІ ғасыр - білім беру жүйесін ақпараттандыру ғасыры.
Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің, ақпараттық орта мен адамның өзара қарым-қатынасын үйлесімді етудегі және жаңа ақпараттық қоғамда кәсіпкерлік қызметтің басты құрамды бөлігі болып табылатын ақпараттық бейнесін қалыптастырудағы алатын орнымен қамтамасыз етіледі.
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор және тағы басқа мамандардың қажет екендігін түрлі жарнамалық газеттерден, бұқаралық ақпарат құралдарынан да көруге болады. Аталған мамандықтарды қалай дайындап, оларға қандай программалық құралдарды үйрету арқылы жетілдіруге болатыны әдістемелік жұмыстың өзекті мәселелерінің бірі болып отыр. Интернет-жобаларға өсіп жатқан инвестициялар, Web-сайттардың күрделі білімдік, ғылыми, комерциялық мүмкіндіктері. Интернет технологиялар төмендегі жолдармен дамып келе жатыр.

Негізгі бөлім
Тақырыбы: HTML құжаттар құру мен түзету.
Тапсырма А. HTML негіздері.
HTML (HyperTextMarkupLanguage) - бұл құжаттарды кодтау үшін қолданылатын гипертекстік белгілеу тілі. HTML ді көбі программалау тілі деп ойласа да, бұл программалау тілі емес. HTML - мәтінді белгілеу тілі.
HTML құжаттарды көру үшін браузерларды қолданамыз. Браузер-программалардың саны өте көп, мысалы көп таралғандар Netscape Communicator, Microsoft Internet Explorer, Opera.
HTML тiлiнде колданылатын командаларды "тег" деп айтамыз. HTML тiліндегi тегтер екi топқа бөлiнедi: жұпты, жұпсыз.
Жұпты тегтер дегенiмiз, бiр тег ашылса, келесi тег оны жабады. Мысалы,
html тегтiң жұмысын ашады да келесi html тегi оны жабады. title ашылуы, title жабылуы. Жұпсыз тегтер дегенiмiз, тег ашылады да қолданыла бередi. Мысалы, IMG т.с.с.
Көрсетілген мысалдарды компьютерде көрү үшін мәтінді Блокнот программасына теріп, оны htm түрінде сақтаңыз. Файлды браузерде ашыңыз.
Құжаттың структурасы HTML құжаттың негізгі структурасы төмендегідей:
HTML
HEAD
TITLE
...
title
head
BODY
...
body
html
HTML-тег атрибуттар тізімінен тұрады. Тег тексті үшбұрышты жақша ішінде жазылады.
Мысалы: FONT face=аrialМенің бірінші бетімfont - бұл жерде FONT - тег, face - атрибут, arial - атрибуттың мәні. Кез келген HTML құжат HTML тегімен басталып, html тегімен аяқталу керек. Бұл тегтер браузерға HTML құжатын көрсетеді. Құжат болса қарапайым ASCII кодындағы мәтіндік файл. HTML, html тегтер болмаса браузер программалары құжатты танымай қалуы мүмкін.
HTML, html тегтерінің ортасына құжат денесі келеді. Құжат екі бөлімнен тұрады: тақырып бөлімі HEAD тегімен басталынатын және BODY тегімен басталынатын негізгі бөлімнен.
Тақырып бөлімі міндетті емес, бірақ ол жерде браузерге қажетті көп ақпарат болуы мүмкін.
TITLE, title тегтерінің арасында құжаттың аты жазылады, сол сөз терезенің тақырып жолына шығады.
Мысалы:
TITLEМоя первая страницаtitle
HEAD бөліміне тағы META тегтерді қолдануға болады, олар сайтты интернет желісінде тез табылу үшін пайдалынады.
meta name="Language" content=" kz" - сайт тілі
meta name="Autor" content="Molutjan Arziev" - сайт авторы
meta name="Keywords" content="информатика, школа, учитель, компьютер, уйгур, поурочный план, математика" - іздеу қызметіне арналған сөздер
meta name="Generator" content="блокнот" - қай программада жасалынды
BODY тегімен Web-беттің негізгі бөлімі басталады. Бұл бөлімге мәтін, графика, кесте, аудио және видео ақпараттар енгізіледі.
Мәтінді форматтау тегтері
Құжатта тақырыптар Hi, hi тегтерімен жасалынады, бұл жерде і=1 болғанда ең үлкен тақырып жазылады, і=6 болғанда - ең кіші.
Мысалы,
Көрінетін мәтін
HTML де жазылуы
Заголовок1
H1 Заголовок1 H1
Заголовок2
H2 Заголовок2 H2
Заголовок3
H3 Заголовок3 H3
Заголовок4
H4 Заголовок4 H4
Заголовок5
H5 Заголовок5 H5
Заголовок6
H6 Заголовок6 H6
Абзац енгізу үшін P, p тегтерін қолданады, мәтіннің сол жақ, ортада, оң жақта орнату үшін align атрибуты пайдалынады.
Мысалы:
P align=centerМенің бірінші бетімp
Менің бірінші бетім сөйлемі беттің ортасына орналасады.
Align дің мәні тағыда left (сол жақ), right (оң жақ) болуы мүмкін.
FONT тегінің көмегімен біз мәтіннің шрифтің, көлемін, түсін белгілейміз. Ол үшін атрибуттарды пайдаланамыз.
Мысалы:
P align=center
font face=Arial size=5 color=blueМенің бірінші бетімfont
Осындай жол жазғанда Web бетімізде arial шрифтімен, 5-көлемде, көк түсті
Менің бірінші бетім деген сөйлем шығады.
Жолды бөлү үшін BR тегін қолданса болады, мысалы:
P Ана тілін - арың бұл,
Ұятын боп тұр беттеBR
p
Қаратырылған әріптерді пайдалану үшін мәтінді B,b тегтерінің ортасына аламыз, қиғаш әріптер үшін - I,i.
Мысалы:
Көрінетін мәтін
HTML де жазылуы
Менің бірінші бетім
Менің b бірінші b бетім
Менің бірінші бетім
Менің i бірінші i бетім
Менің бірінші бетім
Менің u бірінші u бетім
PRE, pre тегтері мәтін редакторда қандай жазылған болса, сол бойынша браузерге шығарады, мысалы:
PRE
Ана тілін - арың бұл,
Ұятын боп тұр бетте.
Өзге тілдің бәрін біл,
Өз тіліңді құрметте
pre
Тізім
Нөмірленген тізімді ұйымдастыру үшін OL және l1 тегтері қолданылады.
OL Қолданылған әдебиеттер тізімі
LI Полонская Е.П. Самоучитель HTML
LI Мержевич В. Создание Web страниц li
ol
Егер тізім номерін керекті бір номермен бастау керек болса онда start атрибутын пайдалынамыз, мысалы:
OL start=5 Қолданылған әдебиеттер тізімі
LI Полонская Е.П. Самоучитель HTML
LI Мержевич В. Создание Web страниц li
ol
Тізімдің түрін өзгерту үшін type атрибуты көмектеседі, мысалы номерлерді латын цифрларымен жазу үшін төмендігідей жазамыз
OL type=I Қолданылған әдебиеттер тізімі
LI Полонская Е.П. Самоучитель HTML
LI Мержевич В. Создание Web страниц li
ol
Маркерлік тізімді жазғанда UL тегін пайдаланады, маркердің түрін өзгерту үшін type атрибутын. Оный мәні кестеде көрсетілген
disc
дөңгелек
circle
шеңбер
square
квадрат
UL type=disc
LIt дөңгелек
ul
UL type=circle
LIt шеңбер
ul
UL type=square
LIt квадрат
ul
Тапсырма B. Жие қолданылатын тег және атрибуттер тізімі
Тег
Мәні
HTMLHTML
Беттің басымен аяғы
HEADHEAD
Беттің тақырыбы
TITLETITLE
Беттің аты
BODYBODY
Беттің негізгі бөлімі
HіHі
Тақарап (і 1 ден 6 ға дейін өзгереді)
PP
Абзац
P ALIGN="left"P
Абзаты теңістіру
BR
Жолды ауыстыру
HR
Гаризонтал түз сызық
BB
Жуан әріптер
II
Қийғаш әріптер
SUBSUB
Жоғарғы индекс
SUPSUP
Төменгі индекс
FONT SIZE=?FONT
Шрифт көлемі
FONT COLOR=123456FONT
Шрифт түсі
FONT FACE=*FONT
Шрифт гарнитурасы
IMG SRC="URL"
Сурет орналыстыру
IMG SRC="URL" ALT="*"
Суретке коментрария беру
BODY BACKGROUND="URL"
Суретті фон ретінде орналыстыру
BODY BGCOLOR="#SSSSSS"
Фон түсі
BODY TEXT="#SSSSSS"
Мәтін түсі
BODY LINK="#SSSSSS"
Сілтеме түсі
BODY VLINK="#SSSSSS"
Өтілген сілтеменің түсі
A HREF="URL"TEKCTA
Басқа бетке сілтеме
A HREF="#*"TEKCTA
Осы беттегі мәтінге сілтеме
ULLIUL
Маркірленен тізім
UL TYPE="disk"
Маркер түрі
OLLIOL
Номерленген тізім
OL TYPE="A"
Номер түрі
OL START=?
Тізімдің бірінші нөмірі
DL

Тапсырма С. HTML-де кесте жасау.
Web-құжатының негiзгi бөлiктерiнiң бiрi - кесте. Ол тiктөртбұрыш бағаналар мен көлденең орналасқан жолдардан тұратын торлар жиыны түрiнде қарастырылады. Жол мен бағанның қиылысы ұяшық деп аталады. Бiр ұяшықта мәтiн, сурет немесе басқа бiр шағын кесте орналаса алады. Кесте келесi бөлiктерден тұрады:
:: кесте тақырыбы;
:: бағаналар тақырыптары;
:: ұяшықтар.
Кесте жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға қарай жол соңына дейiн, сонан соң келесi жолға көшу). Әрбiр ұяшыққа мәлiметтер енгiзiледi. Боя ұяшық жасау үшiн бос орын таңбалары енгiзiлуi тиiс.
Қарапайын 2*3 кестесін жасау үшін төменгі тегтер жиынын қолдануға болады:
TABLE border=1
TR
TD мәтінtd
TD мәтінtd
TD мәтінtd
tr
TR
TD ... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.
Ұқсас жұмыстар
Ені бойынша мәтін
HTML құжатының құрылымы
Html тілінің негіздері
Құжаттың HTML - HEAD бас контейнері
HTML мен CSS тің айырмашылығы
Қазіргі WEB технологиялар
Web - парақтарын көрсетуді басқару
Дерекхана терезесімен танысу
Формалар. Фреймдер
World Wide Web – миллиондаған сайттардан тұратын компьютерлік желі
Пәндер