World Wide Web және HTML

Жоспар
Кіріспе

1. World Wide Web және HTML
2. HTML тілін тағайындау
3. HTML.дің тегтері
4. Тегтердің атрибуттары
5. Комментариилер
6. HTML құжатының құрылымы
7. HTWeb беттердегі суреттер
8. Қаріп стилін басқару
9. Бір Web бетке бірнеше құжаттарды орналастыру

Интернеттің жаңа даму сатысы 90-шы жылдардың басында мәліметтерді алмасудың жаңа хаттамасының пайда болуымен басталды. Бұл хаттама HTTP (Hyper Text Transfer Protocol - гипермәтінді тарату хаттамасы) деп аталады. Осы хаттамамен бірге World Wide Web қызметі (көбінесе WWW немесе Web деп атайды), файлдарды Интернет арқылы тарататын кеңейтілген НТТР серверлер желісін ұсынды.Бұл файлдардың негізгі бөлімдері Web -беттер - арнайы файлдар, HTML (Hyper Text Markup Language - гипермәтінді белгілейтін тіл).Web -беттер Интернетте осындай файлдарды HTTPсерверінде (Web-түйіндерде)орналастыру арқылы жарияланады Web -беттердің мазмұндары әр-түрлі және де көптеген басқа да тақырыптарға арналуы мүмкін, десек те, олардың барлығы бір түбірден құралған ол - HTML тілі. HTML құжаттары .HTM немесе .HTML кеңейтілулерімен белгіленеді.HTML тілі World Wide Web қызметімен бірдей өмірге келіп, әрі қарай дамыды. Біртіндеп өзіне жаңа сипаттарды енгізіп, және адамның көңілін аулайтын, қызықты керемет Web беттерді құруға мүмкіндік берді. Олар World Wide Web -тің негізі болып табылады, және де бірден-бір кең көлемдегі атақтығына себеп болып отыр. HTML тілінің белгіленуі мен мағынасын оның атынан ақ түсінуге болады. Гиппермәтін- арнайы кодталған пішіндеу, суреттеу, мультимедиялық қосымшалар, және де басқа құжаттарға гипперсілтеме жасауға арналған қосымша элементтерді басқаратын мәтін. Белгілеудің - астында мәтіндерге осы кодтарды қою арқылы соңғы гипермәтіндік құжаттың арнайы программада броузер болып көрінуін анықтайды. Белгілеу жай немесе күрделі болса да, мәтін құжатта өзгертілмей сақталады. Бұл тізімдегі ең маңызды сөз ол - тіл. Программалау тілдерінің туысы ретінде HTML компьюердің тілі. Бұл тілдің қатаң ережелерін сақтаған дұрыс, сақтамаған жағдайда нәтижеге жету қиынға соғады.
HTML тілін тағайындау
Компьютер экранында Web бетердің форматталған түрінде берілгеніне қарамастан, HTML тілі құжаттарды форматтауға арналмаған. Себебі, тапсырманы қатаң хаттау, және беттегі мәтіннің элементтерінің нақты ұстанымы шектеулерге алып келеді. Ал ол Интернетке қол жетімсіз. Мысалы, біз мәтінді Word мәтіндік редакторында форматтасақ, біз бірінші кезекте бұл мәтіннің нақты анықталған принтерде қалай баспаға шығуын, және нақты берілген форматта парақта қалай басылуын анықтаймыз. Құжат Интернетте орналасқанда, қандай компьютер оны көруге қолданылатынын алдан ала айту мүмкін емес.Мүмкін ол мәтін Windows жүйесінде жұмыс істейтін атақты броузер терезесіндегі компьютер экранында көрсетілетін шығар. Мүмкін ол MS-DOS жүйесінде жұмыс жасайтын мәтіндік броузер (гарфиканы көрсетуге шамасы келмейтін ) шығар. Мүмкін, құжат мәтіні экранда мүлдем көрінбей, тек қана дауыс синтезаторы арқылы дауыстап оқылатын шығар. Соқыр қолданушыға Брайль қаріпімен арнайы құрылғыда құжат шығыу мүмкін.Құжаттың осынша түрлі құрылғыларға дайындау қажеттігіне қарамастан, НTML тілі құжаттың форматын хаттауға арналмаған. Ол құжатты функционалды белгілеуге яғни мәтіннің фрагменттерін тағайындауға мүмкіндік береді.Егер мәтінде тақырып кездессе, онда HTML коды осы фрагменттің тек әншейін тақырып екенін жай ғана сілтейді. Осындай кодты қабылдаған соң, көріп шығу бағдарламасы (броузер) тақырыппен не істейтінін өзі "шешеді". Ол тақырыпты ірі қаріппен көрсетуі мүмкін, болмаса, экранның ортасына орналастыруы мүмкін. Мүмкін бұл құжаттың мәтінін оқитын дауыс синтезаторы тақырып кодын дауысты көтеру және қажетті интонациялық кідіріс жасау үшін қолданатын шығар. HTML тілінде - форматтаудың кейбір командалары болады. Құжатты жалпы оқуда мазмұндау және хаттауға бөлу нақты ұстамдылыққа ие. HTML - дің соңғы версиясында форматтау командаларын қолдануға ереже бойынша рұқсат жоқ.

Пән: Информатика, Программалау, Мәліметтер қоры
Жұмыс түрі: Курстық жұмыс
Тегін: Антиплагиат
Көлемі: 26 бет
Таңдаулыға:

World Wide Web және HTML
Интернеттің жаңа даму сатысы 90-шы жылдардың басында мәліметтерді алмасудың
жаңа хаттамасының пайда болуымен басталды. Бұл хаттама HTTP (Hyper Text
Transfer Protocol - гипермәтінді тарату хаттамасы) деп аталады. Осы
хаттамамен бірге World Wide Web қызметі (көбінесе WWW немесе Web деп
атайды), файлдарды Интернет арқылы тарататын кеңейтілген НТТР серверлер
желісін ұсынды.Бұл файлдардың негізгі бөлімдері Web -беттер - арнайы
файлдар, HTML (Hyper Text Markup Language - гипермәтінді белгілейтін
тіл).Web -беттер Интернетте осындай файлдарды HTTPсерверінде (Web-
түйіндерде)орналастыру арқылы жарияланады Web -беттердің мазмұндары әр-
түрлі және де көптеген басқа да тақырыптарға арналуы мүмкін, десек те,
олардың барлығы бір түбірден құралған ол - HTML тілі. HTML құжаттары .HTM
немесе .HTML кеңейтілулерімен белгіленеді.HTML тілі World Wide Web
қызметімен бірдей өмірге келіп, әрі қарай дамыды. Біртіндеп өзіне жаңа
сипаттарды енгізіп, және адамның көңілін аулайтын, қызықты керемет Web
беттерді құруға мүмкіндік берді. Олар World Wide Web -тің негізі болып
табылады, және де бірден-бір кең көлемдегі атақтығына себеп болып отыр.
HTML тілінің белгіленуі мен мағынасын оның атынан ақ түсінуге болады.
Гиппермәтін- арнайы кодталған пішіндеу, суреттеу, мультимедиялық
қосымшалар, және де басқа құжаттарға гипперсілтеме жасауға арналған қосымша
элементтерді басқаратын мәтін. Белгілеудің - астында мәтіндерге осы
кодтарды қою арқылы соңғы гипермәтіндік құжаттың арнайы программада броузер
болып көрінуін анықтайды. Белгілеу жай немесе күрделі болса да, мәтін
құжатта өзгертілмей сақталады. Бұл тізімдегі ең маңызды сөз ол - тіл.
Программалау тілдерінің туысы ретінде HTML компьюердің тілі. Бұл тілдің
қатаң ережелерін сақтаған дұрыс, сақтамаған жағдайда нәтижеге жету қиынға
соғады.
HTML тілін тағайындау
Компьютер экранында Web бетердің форматталған түрінде берілгеніне
қарамастан, HTML тілі құжаттарды форматтауға арналмаған. Себебі, тапсырманы
қатаң хаттау, және беттегі мәтіннің элементтерінің нақты ұстанымы
шектеулерге алып келеді. Ал ол Интернетке қол жетімсіз. Мысалы, біз мәтінді
Word мәтіндік редакторында форматтасақ, біз бірінші кезекте бұл мәтіннің
нақты анықталған принтерде қалай баспаға шығуын, және нақты берілген
форматта парақта қалай басылуын анықтаймыз. Құжат Интернетте орналасқанда,
қандай компьютер оны көруге қолданылатынын алдан ала айту мүмкін
емес.Мүмкін ол мәтін Windows жүйесінде жұмыс істейтін атақты броузер
терезесіндегі компьютер экранында көрсетілетін шығар. Мүмкін ол MS-DOS
жүйесінде жұмыс жасайтын мәтіндік броузер (гарфиканы көрсетуге шамасы
келмейтін ) шығар. Мүмкін, құжат мәтіні экранда мүлдем көрінбей, тек қана
дауыс синтезаторы арқылы дауыстап оқылатын шығар. Соқыр қолданушыға Брайль
қаріпімен арнайы құрылғыда құжат шығыу мүмкін.Құжаттың осынша түрлі
құрылғыларға дайындау қажеттігіне қарамастан, НTML тілі құжаттың форматын
хаттауға арналмаған. Ол құжатты функционалды белгілеуге яғни мәтіннің
фрагменттерін тағайындауға мүмкіндік береді.Егер мәтінде тақырып кездессе,
онда HTML коды осы фрагменттің тек әншейін тақырып екенін жай ғана
сілтейді. Осындай кодты қабылдаған соң, көріп шығу бағдарламасы (броузер)
тақырыппен не істейтінін өзі "шешеді". Ол тақырыпты ірі қаріппен көрсетуі
мүмкін, болмаса, экранның ортасына орналастыруы мүмкін. Мүмкін бұл құжаттың
мәтінін оқитын дауыс синтезаторы тақырып кодын дауысты көтеру және қажетті
интонациялық кідіріс жасау үшін қолданатын шығар. HTML тілінде -
форматтаудың кейбір командалары болады. Құжатты жалпы оқуда мазмұндау және
хаттауға бөлу нақты ұстамдылыққа ие. HTML - дің соңғы версиясында форматтау
командаларын қолдануға ереже бойынша рұқсат жоқ.
HTML-дің тегтері
Мәтінді белгілеу үшін қолданылатын HTML тілінің кодтары ТЕГТЕР деп аталады.
Тег бұл - символдар терімі. Барлық тегтер "кем" () символымен басталып,
"артық" () символымен аяқталады. Осы символдар жұбын кей кездерде бұрыштық
жақшалар деп те атайды. Ашылатын бұрыштық жақшадан соң тегті анықтайтын
кілттік сөз жазылады.HTML тіліндегі тегтердің әрқайсысының мағынасы бар.
Әріптердің регистрлері тегтердің атауларында жол түрінде де, жазу әріптер
түрінде де берілсе, қолданысқа ие. Тегтер құжаттың мәтінінен өзгеше болуы
үшін жалпы қолданыстағы жазу әріптерін, қолдану керек. Ереже бойынша, HTML-
дің бір тегі құжаттың бір бөлігіне ғана әсер етеді, мысалы абзацқа.
Сондықтан, мұндай жағдайда жұпты тегтер: ашылатын және жабылатын қолданады.
Ашылатын тег эффект құрады, ал жабылатын - оның әрекетін тоқтатады.
Жабылатын тегтер қисық сызық ()символынан басталады. Кейбір тегтер өзінің
пайда болған жерінен бір реттік эффект береді. Бұл кезде жабылатын тегтің
қажеті жоқ, және ол қолданылмайды. Егер қателік болып тегте HTML тілінде
жоқ кілттік сөз көрсетілсе, онда тег ол сөзді түгелдей елемейді. Броузерде
құжатты көрсеткен кезде, тегтердің өздері көрінбей тұрады, бірақ құжатты
көрсетуге тікелей көмегін тигізеді.
Тегтердің атрибуттары
Ашылатын тегтерде жиі тегтер жасайтын эффектке әсер ететін атрибуттар
болады. Атрибуттар - тегтің кілттік сөздерінен және бірінен бірі қиын
мәселелерінен бөлінген қосымша кілттік сөздер. Кейбір атрибуттар атрибуттың
мағынасын нұсқауды талап етеді. Бұл мағына кілттік сөзден теңдік (=)
белгісі арқылы бөлінеді. Атрибуттың мағынасы тырнақша арқылы қорытындылануы
керек, бірақ көп жағдайда бұл тырнақшалар ешқандай зиянсыз түседі.Жабылатын
тегтер ешқашан атрибуттардан тұрмайды.
Комментариилер
Жалпы қолданыста программалау тілдерінде - тек қана түсіндіру үшін қызмет
жасайтын, программа бөлігі болып табылмайтын, мәтіндік қатарларда,
комментариилерді қолданауға болады. HTML тілі осындай мүмкіндікке де ие.
HTML тілінде комментариилер арнайы мына тегтен басталады. !-- Жабылатын
бұрыштық жақшаның жоқтығына көңіл аудару қажет. Осы тегтің соңынан жазылған
кез келген мәтін комментарии ретінде қаралып, құжат ашылғанда оқылмайды.
Комментарииді мына символ арқылы -- жабады. Комментрии кез келген
символдан тұруы мүмкін. Барлық символдарды қолдануға болады, өзіне тег қоса
алмайтын мына "артық"() символынан басқа.
HTML құжатының құрылымы
HTML құжаты құжаттың негізгі мәтіннен және белгілеу тегтерінен тұрады. Біз
білетіндей, кәдімгі символдарды теру болып табылады. Осылайша, HTML құжаты
- бұл болмысынан, кәдімгі текстік файл. Оны жасап шығару үшін кез келген
текстік редакторды қолдануға болады. Ең болмағанда Windows 98-дің құрамына
кіретін қарапайым Блокнот редакторы.
1. Барлық HTML құжаттарының қатаң түрде берілген құрылымы бар. Құжат HTML
тегінен басталып, осыған сәйкес HTML тегімен жабылуы тиіс. Бұл тегтер
жұбы броузерге, оның алдында шынымен HTML құжаты тұрғанын хабардар етеді.
2. HTML құжаты бір ретпен жүретін тақырыптар бөлімі және құжат денесінен
тұрады. Тақырыптар бөлімі HEAD және HEAD тегтері арасында түгел құжат
жайлы ақпаратты сақтайды. Шындығында, бұл бөлімнің ішіндегі TITLE және
TITLE тегтерінің ішінде құжаттың "ресми" тақырыбы тұрады. Көпшілік
Windows жүйесінде жұмыс жасайтын броузерлер, броузер терезесіндегі тақырып
қатарын толтыру үшін, осы тақырыпты пайдаланады.
3. Құжат мәтінінің өзі құжат денесінде орналасады. Құжат денесі BODY
және BODY тегтерінің арасында орналасады.
Айтып өткен төрт жұпты тегтер HTML құжатының негізгі құрылымын анықтайды.
Олар HTML құжаттарының барлығында кездеседі.
HTML
HEAD
TITLE Құжаттың тақырыбы TITLE
HEAD
BODY
Бұл мәтінді экранда көруге болады
BODY
HTML

Internet Explorer броузері арқылы құжатты былай көруге болады.

Құжаттың функционалдық бөлігін анықтау

HTML тілі құжаттардың функционалдық бөлімдерін хаттауға арналдған. Көбінсе
кәдімгі құжаттардың негізгі функционалдық бөлімдері тақырыптар және
абзацтар.

1. HTML тіліндегі құжаттың ішкі тақырыптық 6 деңгейі қолданылады. Олар
h1 және h1 ден h6 және h6 -ға дейінгі тегтермен белгіленеді.
Компьютер экранында түрлі өлшемдегі қаріптермен белгіленген тақырыптарды
көруге болады.
HTML ережелері бойынша, шынымен тақырып болып табылғанын осы тегтердің
көмегімен белгілеу қажет. Тілдің құрамында қаріптің жазылуы мен өлшемін
өзгертетін форматтау тегтері де кездеседі. Қазіргі жағдайда оларды
қолданудың қажеті жоқ.
2. HTML тілінде кәдімгі абзацтарды белгілеу үшін Р және Р тегтері
қолданылады. Негізінде кәдімгі абзацтарды сипаттайтын тегтерді жазбасақ та
болады. Бірақ, броузер қолдағы тегтердің абзац аралық нақты шекараларын
тексереді. 3. HTML тілінде абзацтық шегінуді қолдануға ("қызыл қатар")
мүмкіндік жоқ, сондықтан мәтіннің оңай оқылуы үшін абзацтар арасына броузер
бос қатарды енгізеді. Мәтінде бөлгіштерді құрудың негізгі амалы ретінде,
құжатты бір-бірінен визуалды түрлі бөліктерге бөлетін көлденең сызықтар
бар. Көлденең сызғыш HR тегі арқылы құрылады. Бұл жұбы, яғни жабылатын
тегі жоқ жалғыз тегтер қатарына жатады. 4. Осы тегтерді қолдану аясында
еске алатын бір жайт , барлық қысқаша ("артық") сөздер арасында және жаңа
қатарға өтудегі бос орындар HTML құжатын қосқанда іске аспайды. 5. Егер
абзацсыз жаңа қатарға өту қажет болса, онда BR тегін қолдануға болады.
Гиппермәтіндік сілтемелер және якорьлер
World Wide Web-тің ең бір керемет тартымдылық қабілеттерінің бірі - бір
немесе одан да көп Web беттер арасында сілтеме жасауы. HTML құжатында
гиппермәтіндік сілтеме жасау өте оңай. Ол үшін A және A тегтері
қолданылады. 1. Гиперсілтеме құрған уақытта міндетті түрде HREF= атрибутын
қолданамыз. Оның мағынасы сілтемені бағыттайтын URL адресі болып табылады.
Сілтеме мәтінін A және A тегтерінің арасына орналастырады. Құжатты
броузерде көрген кезде, сілтеме мәтінінің асты сызылған немесе көк түспен
беріледі. Сілтеме үстін шертсеңіз берілген URL адресіне өтесіз.
Гипермәтіндік сілтемелер Web түйініндегі кез келген файлға, немесе келесі
Web бетке бағыттай алады. Сілтемені шерткен уақытта оның ашылуына жол
ашылады. 2. Егер сілтеме бағыттап тұрған Web бет басқа Web түйінде
орналасса, онда HREF= атрибутының мағынасының орнына, протоколдың аты мен
Web түйіннің толық адресі бар URL құжатының адресі қолданылуы қажет. Мұндай
сілтемелерді сыртқы сілтемелер дейді. 3. Егер сілтеме сол Web түйіннің
басқа бетіне бағытталып тұрса, құжатты іздеудің салыстырмалы жолын
көрсеткен дұрыс. Бұл жағдайда ішкі сілтемелер құрылады. Web түйіндердің
барлығын басқа серверге ауыстырғанда, ішкі сілтемелерді қолдану қолайлы,
себебі бөлек құжаттарға өзгертулер енгізу қажет емес.
4. Егер қажет жерге алдын ала якорь орнатылса, гипермәтіндік сілтемелер
парақ ішіндегі анықталған орынға бағыттауы мүмкін. Якорь A және A
тегтерін қолданады. Бірақ, HREF= атрибутының орнына якорь міндетті түрде
NAME=атрибутын қолдану қажет. Бұл атрибуттың мағынасы ретінде міндетті
түрде якорь аты болып табылады. Ол тек қана арасында бос орны жоқ Латын
әріптері және цифрларынан тұруы қажет. Белгіленген якорьға сілтеме жасау
үшін, құжат атынан кейін URL адресінің соңына мына символ # арқылы бөлінген
якорьдің атын көрсету қажет.
HTML
HEAD
TITLE Сілтемелер дәне якорьлар TITLE
HEAD
BODY
Операциялық жүйенің стандарттық программаларының жаңа
версиялары
және ең соңғы шыққан драйверлерді компанияның келесі Web
үйінінен табуларыңызға
болады.
A HREF="http:www.microsoft.com"Mi crosoft A.
P Ал енді менің A HREF="my.html" жеке парағыма
көшейік A P
P Автормен қалай тілдесуге болатыны жайлы, A
HREF="#address"осы беттің
соңында айтылған A P
Мұнда беттің негізгі мазмұны көрсетілген.
A NAME="address"Электронды поштаның адресі A
BODY
HTML
Үшінші сілтемені басқандағы ашылған терезе
HTWeb беттердегі суреттер
Web беттерді хаттауда суреттеудің орны ерекше. Ал суретердің өзі HTML
құжатында емес, басқа бөлек файлдарда сақталады.
1.Құжатта суреттерді орналастыру үшін, IMG жалғыз тегін қолданамыз.
2.Бұл тегпен бірге әрқашан міндетті түрде SRC= атрибуты қолданылады. Оның
мағынасын дара және салыстырмалы форматта бейнеленген файлдың URL адресі
құрайды. Құжатты іске қосқанда сурет те іске қосылып, құжаттағы IMG тегі
орналасқан жерден көрінеді.
3. Бейне өлшемін сақтаған күйінде Web бетке өтеді.Егер бейненің өлшемдерін
өзгерту қажет болса, онда суреттің қажетті өлшемдерін мына WIDTH= (ені)
және HEIGHT= (биіктігі) атрибуттар арқылы өзгертуге болады. Бұл атрибуттар
Web бетте бейненің ені мен биіктігін пиксель өлшемімен көрсетеді.
Құжаттарда суретеуді қолдану арқылы біз
• біріншіден Web бет бейнені көрсетуге мүмкіндігі жоқ броузер болып
көрінуі мүмкін.
• екіншіден қолданушылар құжаттың қабылдануын тездету үшін, суретті өшіріп
тастайды. Осы екі жағдайда да, суреттегі бейнені көру мүмкіндігі төмен.
Сондықтан осы кезде альтернативті мәтін қолданылады.
4.Альтернативті мәтін - ол бейнені сөзбен суреттеу. Егер бір себептермен
броузердің суретті көрсету мүмкіндігі ... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.