WORLD WIDE WEB және HTML тілі туралы

КІРІСПЕ ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ..3
І БӨЛІМ. HTML құрылымы
1.WORLD WIDE WEB және HTML тілі ... ... ... ... ... ..3
2. HTML құжатының құрылымы ... ... ... ... ... ... ... ... .5
2.1.Құжаттың негізгі бөлігі
2.2 Функциональдық бөліктерді сипаттау.
3.Шрифтерді форматтау ... ... ... ... ... ... ... ... ... ... ... ... ..8
4. Құжат ішінде мәтінді ұйымдастыру ... ... ... ... ... ... ..9
5. Гипермәтіндік сілтемелер ұйымдастыру ... ... ... ... ..10
6. WEB.парақтардағы суреттер ... ... ... ... ... ... ... ... ... .11
ІІ БӨЛІМ. HTML көмегімен Web парақ құру ... ... ... ... .15
Интернеттің қазіргі дамуы 90-жылдар басында компьютерлер арасында мәлімет алмасудың жаңа хаттамасы (protocol) пайда болғаннан кейін басталады. Бұл хаттама HTTP (Hyper Text Transfer Protocol-гипермәтінді тасымалдау хаттамасы) деп аталған болатын. Осы хаттамамен қатар HTTP серверлерінің кеңейтілген желілері болып табылатын. Интернет арқылы файлдар тасымалдай алатын World Wide Web қызмет бабы (WWWнемесе тек WEB)пайда болды.
Бұл файлдардың басым көпшілігі Web-парақтар түрінде HTML (Hyper Text Markup Language-гипермәтінді белгілеу тілі) тілінде жазылған арнаулы файлдар түрінде болады. Осы файлдарды HTTP серверлерінде (Web-тораптарында) орналастыру жолымен Web-парақтар қалың көпшілік пайдаланатындай түрде Интернетте жарияланады. Web-парақтар мазмұны әртүрлі бола береді және олар әртүрлі тақырыптарды қамтиды, бірақ олардың бәрінің де негізгі жариялану яғни жазылу тілі HTML болып табылады. Осындай жариялану яғни жазылу тілі HTML болып табылады. Осындай HTML құжаттарының бәрінің де файл аттарының кеңейтілуі (тіркеуі) HTM немесе HTML болуы тиіс.
HTML тілі World Wide Web қызмет бабымен бірге дами отырып, Web-парақтарының ең жақсы деген мүмкіндіктерін жүзеге асырып, оны кең пайдалану жолдарымен толықтырылып отырылды. Ол World Wide Web жүйесінің негізгі бола отырып, оның өте кең тарауына себепші болды. World Wide Web сөзі қазақ тіліне кеңейтілген бүкіләлемдәк өрмек болып аударылады. HTML тілінің мағынасы мен атқаратын қызметін оның атынан анықтауға болады.
Гипермәтінді-қосымша элементтерді басқару мақсатында ішіне арнаулы код, яғни екпінді элемент (anchor) орналасқан мәтін. Ол мәтін ішіне сурет, дыбыс енгізу, мәтінді безендіру, пішімдеу форматтау әсән орындайтын немесе осы құжаттың басқа бөлігіне сілтемесі бар алғашқы нүкте ретінде қарастырылатын белгіленген сөз. Сөзді ерекшелеп белгілеу дегеніміз-келесі көрсетілетін құжат бөлігін қалай бейнелейтінін анықтайтын айрықша кодты осы сөз ішіне енгізу. Гипермәтінді бейнелеу үшін броузер (browser) деп аталатын арнайы көрсету программалары қолданылады. Гипермәтін экранда белгіленген қарапайым сөз ретінде тұрады, егер курсорды сол сөзге жеткізіп, тышқанды шертсек (Enter пернесін бассақ), онда сонымен байланысты ол сілтеп тұрған басқа құжатты оқимыз. Ол құжаттар мәліметтер ішіндегі басқа парақтарда немесе Web жүйесіндегі басқа тораптарда орналасып, бейнежазба, сурет, жазылған дыбыс күйінде болуы мүмкін.
Гипермәтінді құжатты жасаудың екі тәсілі бар. WYSIWYG HTML – редакторларының бірін қолдануға болады. (Мысалы: Netscape Composer, Microsoft frontpage, Hot Dog және т.б.). бұл тәсілді HTML тілін білмей-ақ WWW-ға құжат жасауға болады. HTML – редакторлары құжат жасауды автоматтандырады. Бірақ олардың мүмкіндіктері шектеулі, олар файлдың өлшемін тез үлкейтеді және көп уақыттарда жасаушы күткен нәтиже шықпайды. әрине бұл тәсіл енді үйреніп жүргендерге өте қолайлы.
        
        МАЗМҰНЫ:
КІРІСПЕ.....................................................................
.........................3
І БӨЛІМ. HTML құрылымы
1.WORLD WIDE WEB және HTML тілі......................3
2. HTML ... ... ... бөлігі
2.2 Функциональдық бөліктерді сипаттау.
3.Шрифтерді
форматтау..................................................8
4. Құжат ішінде мәтінді ұйымдастыру..........................9
5. Гипермәтіндік сілтемелер ұйымдастыру..................10
6. WEB-парақтардағы суреттер.....................................11
ІІ БӨЛІМ. HTML көмегімен Web ... ... ... КІРІСПЕ
Интернеттің бар мәліметтерінің, яғни ... ... ... ... барлығы да HTML ... ... ... ұқсас болғанымен, ол қарапайым программалау тілі емес. HTML-
гипермәтінді белгілеу тілі. Ол ... ... ... ... арналған ережелер жиынын анықтайды.
І БӨЛІМ. HTML құрылымы
1.WORLD WIDE WEB және HTML ... ... ... ... ... ... арасында
мәлімет алмасудың жаңа хаттамасы (protocol) ... ... ... Бұл ... HTTP (Hyper Text Transfer ... ... деп ... болатын. Осы хаттамамен қатар HTTP
серверлерінің ... ... ... табылатын. Интернет арқылы файлдар
тасымалдай алатын World Wide Web ... бабы ... тек ... ... басым көпшілігі Web-парақтар түрінде HTML (Hyper Text
Markup Language-гипермәтінді ... ... ... жазылған арнаулы
файлдар түрінде болады. Осы файлдарды HTTP серверлерінде (Web-тораптарында)
орналастыру жолымен Web-парақтар қалың ... ... ... жарияланады. Web-парақтар мазмұны әртүрлі бола береді және олар
әртүрлі ... ... ... ... ... де ... жариялану
яғни жазылу тілі HTML болып табылады. Осындай жариялану яғни жазылу ... ... ... ... HTML ... ... де файл аттарының
кеңейтілуі (тіркеуі) HTM немесе HTML болуы тиіс.
HTML тілі World Wide Web ... ... ... дами ... ... ең жақсы деген мүмкіндіктерін жүзеге ... оны ... ... ... отырылды. Ол World Wide Web жүйесінің
негізгі бола отырып, оның өте кең ... ... ... World Wide ... қазақ тіліне кеңейтілген бүкіләлемдәк өрмек болып ... ... ... мен ... қызметін оның атынан анықтауға болады.
Гипермәтінді-қосымша элементтерді басқару мақсатында ішіне ... ... ... ... (anchor) ... мәтін. Ол мәтін ішіне сурет, дыбыс
енгізу, ... ... ... ... әсән орындайтын немесе осы
құжаттың басқа бөлігіне ... бар ... ... ... ... сөз. ... ... белгілеу дегеніміз-келесі көрсетілетін
құжат бөлігін қалай ... ... ... ... осы сөз ... ... бейнелеу үшін броузер (browser) деп аталатын арнайы
көрсету программалары қолданылады. Гипермәтін экранда белгіленген қарапайым
сөз ретінде тұрады, егер ... сол ... ... тышқанды шертсек
(Enter пернесін бассақ), онда сонымен байланысты ол сілтеп тұрған ... ... Ол ... ... ішіндегі басқа парақтарда немесе Web
жүйесіндегі басқа ... ... ... ... ... ... болуы мүмкін.
Гипермәтінді құжатты жасаудың екі ... бар. WYSIWYG HTML ... ... ... болады. (Мысалы: Netscape Composer,
Microsoft frontpage, Hot Dog және т.б.). бұл ... HTML ... ... WWW-ға ... ... ... HTML – редакторлары құжат жасауды
автоматтандырады. Бірақ олардың мүмкіндіктері шектеулі, олар ... тез ... және көп ... ... ... ... ... бұл тәсіл енді үйреніп жүргендерге өте қолайлы.
Екінші тәсіл – блокнот редакторларында HTML тілінің командалары арқылы
гипермәтінді ... ... Бұл ... ... ... біз не ... дәл білеміз.
Сонымен, мәтіндерді осылай байланыстыра отырып белгілейтін ... HTML ... Оның ... ... ... ... ететін өз
заңдылықтары мен ережелері ... ... ... ... ... ... түрде безендіріліп көрсетілгенмен, HTML тілі
мәтіндерді пішімдеп ... ... ... ... әрбір тұтынушы
әртүрлі компьютерлерді пайдаланады. Сол себепті жаңа ғана ... ... ... Windows жүйесінде жұмыс істей алатын броузері бар ... бір ... ... тек MS DOS жүйесінде жұмыс істейтін
броузерді пайдалануы мүмкін. Бұл ... ... ... ... бір файл екеуіне екі түрлі болып көрсетіледі. Ал, үшінші
компьютердегі Web-парақтарының ... ... ... ... ... берілсе, оның нәтижесі тіпті басқаша болады.
Құжаттарды әрбір ... ... ... және ... программалармен көретіндіктерін ескерсек, HTML тілін мәтіндерді
пішімдеу ... ... ... тіл деп ... ... Ол
интернеттегі мәтін бөліктерінің атқаратын қызметін анықтап, ... ... ... ... ... ... ... түрде
белгілейтін тіл болып табылады.
Мысалы, егер мәтін тақырыбын бейнелеу керек ... онда HTML ... ... ... ... ... Тақырыптың белгілеу кодвы
алынған соң, оны броузер-программа өз мүмкіндігін пайдаланып, оны ... ... ... ... ... тек ... жолдарының ортасына
жылжытып қана көрсетуіне болады. Ал, егер бұл ... ... ... ... берілетін болса, ондатақырып қаттырақ шығатын дауыс
арқылы айтылып, одан соң ... ... ... да ... ... мәтінді тәсілдерінің де бар екенін айтып кету керек, бірақ
жалпы тұрғыдан алғанда ... ... мен оны ... ... ... сақталып отырады. Мысалы, HTML тілінің соңғы ... ... ... ... ... ... ... HTML-құжаты символдық мәліметті қамтиды. Бір бөлігі
құжат құрамын құрайтын мәтіндер. Екінші бөлігі – тәгтер (markup tags) ... ... ... олар ... ... және ... үшін ... Дәл осы HTML-тілінің ... ... ... қай ... гипермәтінді сілтеуді орындайтынын, құжатқа
қандай графикалық және ... ... ... керектігін
анықтайды. Графикалық және дыбыстық информациялар арнайы бөлек файлдарда
сақталады.
HTML ... ... ... ... және түсінуге жеңіл. Себебі
олар ағылшын тілінің көп ... ... ... ... қысқартылып
және белгіленіп алынған. HTML –тәгі өзінің атынан, міндетті және міндетті
емес атрибуттардан тұрады. Тәг ... ... ... ... ... ... өзгерту үшін қолданылады.
Тәг атрибуттары оның атынан кейін жазылады және бір-бірінен бір немесе
бірнеше ... ... ... жол ... қайтару символдары арқылы
ажыратылады. Атрибуттар мәні оның атынан кейін ... ... ... ... ... мәнінің ұзындығы 1024 символға дейін рұқсат
етілген.
Көп жағдайларда HTML тәгтері ... және ... ... және ... арасына мәтін және басқа да ... ... ... тәгтің аты бастапқы тәгтің атына сәйкес болып ... ... ... ... ... көлдеңен сызықша (/) қойылады. Жабушы
тәгтер үшін атрибуттар ешқашанда қойылмайды, ... да ... HTML ... ... ... кез – ... тәгінен басталып, соған сәйкес
түріндегі жабылу тәгімен аяқталады. Осы ... ... ... ... мен ... ... ... негізгі бөлігі орналасады.
контейнер немесе ... ... өзі екі ... ... ... басы - және ... денесі -
.Құжаттың тақырыптық ... және ... ... да, ... ... ... мәлімет береді. әдетте, бұл
бөлікті … тәгтерімен шектелетін құжаттың ... ... ... ... бұл ... ... ... тұратын файл
аты есебінде пайдаланады. ... ... …. ... ... Осы айтылған тәгтер HTML құжатының кез келгенінде болуы
тиіс. Мына түрде орналасады:


…………..


……………..


Мысалы:


тақырып


WELCOME!!!


1-сурет
2.1.Құжаттың негізгі бөлігі
Құжаттың ... ... ... ... және ... ортасында орналасады. Мұнда көптеген ... ... ... Олардың әрқайсысы құжаттың фонын, әріптер түсін,
гиперсілтемелер түсін, т.б. ... Бұл ... ... BACKGROUND,
BGCOLOR, TEXT, LINK, VLINK, ALINK. Олар төмендегі кестеде көрсетілген:
|Атрибут ... ... ... ... ... ... |
|BACKGROUND ... ... ... ... ... ... ... түсін анықтайды. ... ... ... ... ... сөз |
| ... ... ... ... ... ... ... ... ... ... ... түсін |
| ... ... ... ... ... он ... сандар түрәндегі RGB тәсілімен
берілуі де (COLOR=”#COFFCO”), мүмкін оның ... өте мол. ... екі сан ... (RED) түс ... ... екі ... ... бөлігін, соңғы екі сан көк
(BLUE) түс бөлігін анықтайды. Жоғарыдағы көптеген ... ... олар ... тіліндегі негізгі он алты түс атымен немесе
солардың кодтарымен төмендегідей түрде беріледі:
|Black=”#000000” қара ... ... ... күміс түсті |Lime=”#00FF00” лимон түсті ... сұр ... кофе ... ... ақ ... сары ... қызылкүрең |Navy=”#000080” ... ... ... ... ... ... ... ... шай ... ... ... ... көк ... ... ... ... тілі ... функционалдық бөліктерін сипаттауға арналған.
Көптеген ... ... ... бөліктер ретінде тақырыптар мен
абзацтарға қарастырылады.
HTML тілі құжаттардың ішкі тақырыптарының көлеміне қарай алты ... ... ... Олар және ... басталып,
және тәгтеріне дейін жалғасады. Компьютер ... олар ... ... ... Ең ... түрі-ең үлкені, ал алтыншысы-
ең кішісі болып келеді. Жаңа жолдан басталатын абзацтарды белгілеу ... тәгі ... Бір ... жаппай, жаңа абзац бастап кетсек, алдыңғы
абзац автоматты түрде жабылады. Сондықтан көбінесе түріндегі жабу тәгін
жазбаса да ... HTML ... ... азат ... басталмайды, тек абзацтар
арасына бір бос жол қалдырып кетеді. Көбінесе абзацтар арасына бір бос жол
қалдырып кетеді. Көбінесе абзацтарды анық етіп ... тұру үшін ... ... ... сызық сызу үшін тәгі қолданылады, оның жабу
тәгі болмайды. Бұл тәг ... ... ... пикселмен
анықтайды) және WIDTH (сызық ұзындығын пикселмен немесе ... ... ... ... анықтайды) атрибуттарын қабылдайды. Егер абзац
жасап бос жол ... жаңа ... көшу ... ... онда ... ... ... қолдану керек.
&-үлестірулері
HTML тәгтерінің басы мен соңын көрсететін “” символдарды
экранда көрсету ... ... ... ... тағы да
символдық обьектілер немесе эскейп-үлестірулер деп те атайды. “” символын > ... (greater than ), “&” ... & ... (“) қос тырнақшаны &quat; ... ... ... ... ... ... (;) ... міндетті түрде &-үлестірулерінен ... ... ... және бұл үлестірулер кіші әріппен жазылуы керек.
Түсініктемелер : браузер арасына алынған ... ... ... ... жазу үшін ... ... ...



WELCOME!!!
WELCOME!!!
WELCOME!!!
WELCOME
WELCOME!!!


2-сурет
3.Шрифтерді форматтау
HTML-да шртфтерді өзгертуге екі ... ... ... ... және ... стильдер болып табылады.
Физикалық стильдер
Физикалық стиль мағынасында браузерге тікелей ағымдағы ... ... беру деп ... ... ... және
тәгтері арасындағы мәтін қою шрифт болып ... ал және ... ... ... ... ... Тағы да ... тәгтер ретінде
және тәгтерін айтуға болады. Олардың арасына алынып ... ... ... ... етіп ... ... ... стиль
Логикалық стильдерді мәтіннің кейбір бөліктерін (сөздерді)
ерекшелендіріп жазу ... ... ... стильдерге:
…-Emphasis деген ағылшын сөзі – акцент .
….- Strong emphasis деген ағылшын сөзі – ... …- ... ... ... ... ... - Sample – үлгі. Программалармен экран бетіне
шығатын хабарламалардың ... ... ... ... - Keyboard – ... ... ... тақтасынан не
енгізілетінін нұсқаған кезде қолданған дұрыс.
…. - Variable – ... ... ... ... ... ... ... мәтінді ұйымдастыру
HTML мәтіннің бүтін абзацтарының көріністерін ... ... ... ... ... ... ... экран бетіне
форматталған түрде шығаруға немесе экранның сол жақ шетін ұлғайтуға болады.
Осының бәрін келесі ... ... ... ... ... ... ... мәтін нөмірленбеген тізім ретінде
қабылданады. Тізімнің әр элементін тәгімен бастау керек. Әр ... ... ... TYPE ... ... ... ... (disc) және боялған шаршы (square) беруге ... ... ... тізімдер нөмірленбеген тізімдерге ұқсас, тек қана әр
элементті белгілейтін ... ... ... ... ... Әр ... ... TYPE атрибуты арқылы бас әріптермен де
белгілеуге ... ... әр ... ... ... де ... Ал олардың қай саннан немесе алфавит бойынша ... ... ... ... START атрибуты көмегімен көрсетуге ... ... ... онда жай ... белгіленеді.
Анықтама тізімдері: …
Анықтама тізімдері басқа тізімдерге қарағанда өзгеше болып келеді.
тәгтерінің орнына (Definition Term – ... ... ) және ... ... – анықтама анықтамасы) тәгтері ... ... ... ... ретінде қарастырайық:
Экранда келесі түрде шығады:
A А ... ... ... әріп Ә ... ... Ә Б ... әріп
екінші әріп
Б
үшінші әріп

5. Гипермәтіндік сілтемелер ұйымдастыру
Ең алдымен гипермәтін туралы айта кетелік. Жай ... ... ... бір ... ... бөлігіне лезде көшуге мүмкіншілік
береді. Көптеген кең танымал программалық өнімдердің ... ... ... ... жасалған. Тышқанның сол жақ шертпесін
жұмыс жасалынып отырған құжаттың белгіленетін ... ... ... ... ... ала ... ... немесе құжат бөлігіне бір мезет ішінде
көшу орындалады.
HTML-да бір құжаттан ... бір ... өту ... тәг ... белгіленген мәтін бөлігі
“[ көшу адресі]” – параметрі ретінде бірнеше аргумент ... ... Ең ... - ... басқа құжаттың атын көрсету. Мысалы:
мазмұнға көшу
Мұндай HTML мәтіннің бөлігі құжатта “Мазмұнға көшу” деген ... ... ... ... ... және бұл белгіленген бөлікті басқан
кезде экранда ”index.html” құжаты пайда болады.
Егер өту адресін көрсеткенде каталогы көрсетілмесе, онда өту ... ... ... каталог ішінде орындалады. Ал егер өту адресін
көрсеткенде ... ... онда өту ... ... ... ... басқа сервердегі құжатқа сілтеме жасау керек ... ... ... ... URL-ға сол ... және ... жазуыңыз
керек:
HTML
басқару
Егер керек болған жағдайларда сілтемені басқа құжаттарға ғана ... ... ... бір ... ... болады. Ол үшін өту
орындалатын құжатта кейбір тірек нүктесін немесе анкер құру ... ... ... ... ... 1.html ... 2.html файлының ішіндегі “көшу бітті”
деген сөзіне өту керек болсын ( бұл файлдар бір ... ... ... , 2. html ... ... түрдегі анкер құру керек:
көшу бітті
Сонан соң 1.html файлында жоғарыдағы анкерге өтулі келесі түрде көрсетеміз:
< A HREF=”2.html#ААА”> анкерге көшу ААА ... ... бұл ... ... 2.html ... ішінде де орындауға
болады. Ол үшін тек 2.html құжатына келесі түрдегі сілтемені қосу керек:
анкерге көшу ... ... ... ... ... ... ... өте ыңғайлы болып келеді.
Оны құжат басында анкерлерге ... ... бір ... ... ... ... жаза отырып қолдануға болады.
Түсінбеушілік болмау үшін анкер аттарын латын әріптерімен ... ... ... атын ... ... оны кіші ... бас ... жазғаныңызды
ескеріңіз. Өйткені көптеген браузерлер кіші және бас ... ... Егер ... аты ААА ... ... онда ... жасалатын
анкер ааа немесе АаА түрлерінде болмауы керек. Тек ААА түрінде ... біз тек HTML ... ... ... ғана ... ... басқа да қор түрлеріне сілтемелер жасауға болады:
файлды босату
Егер мұндай сілтемені қолдансаңыз, ол файлдарды ... ... ... және file.ext ... ... бастайды.
хат жіберу
Егер қолданушы мұндай түрдегі сілтемені ... онда оның ... ... үшін ... программа ашылады.
6. WEB-парақтардағы суреттер
Суреттік бейнелер WEB-парақтарды ... ... ... ... ... ... ... өздері HTML құжаттарынан бөлек
орналасқан жеке ... ... ... олар ... арқылы WEB-
парақтардың ішінде бейнеленеді. Суреттерді бейнелеу ережелерін былай беруге
болады.
1.Суреттерді құжаттардың ішіне орналастыру үшін ... ... ... тәг ... Бұл ... ... түрде SCR=”…” атрибуты болуы керек, оның ... және ... ... жазылған бейнелеу файлының URL-адресі
көрсетеді.Құжатты экранға шығарған ... ол ... ... ... ... және ол тәгі тұрған орыннан көрінеді. Мысалы:
мына жол экранға fish.jpg файлындағы ... ... ... ... ... тек қана ... суреттік
файлдардың ғана пайдаланады.
3. Суреттер өздерінің көлемдерін сақтап отырып WEB-парағына ... ... ... ... ... оның масштабын өзгерту қажет болса,
суретті қажетті ... ... және ... ... ... ... Осы екі ... мәні суреттің биіктігі мен
енін бүтін санмен берілген пиксельмен көрсетіледі. Мына жол: ... 500х250 ... ... ... ... ... айналасындағы жақтау сызығының
қалыңдығында параметр ретінде көрсетуге болады.
BORDER=Пиксельдер саны
Жақтау тек ... үшін ғана ... ... А тәгінің ішінде
гиперсілтеме ретінде пайдаланғанда, ол бір рет шертілгеннен соң ... түсі ... оның ... белгілі болып тұрады. Енді
гиперсілтеме ретінде суретті пайдаланудан бір мысал келтірейік.





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





Бұл жолдар сурет шықпаған жағдайда, сол сурет орнына тышқан курсорын
алып барғанда, нан ... ... ... бейнелейді.
Суреттер маңына оған түсінік беретін мәтін жазылғанда, оны ... ... ... төмен жылжытатын мүмкіндіктер және суретті беттің
сол немесе оң жақ шетіне ... ALIGN ... ... ... ... ... деп ... Олар:
Align= “bottom”-мәтін суреттің төменгі жағында.
Align= “left”-сурет жолдың сол жағында.
Align= “right”-сурет жолдың оң жағында.
Align= “middle”- ... ... ... “top”-мәтін суреттің жоғарғы жағында
jpg” border=2 align= “middle”> бұл балықтың суреті, ... ... ... ... ... ... 4.0 нұсқасынан бастап кез-келген құжатты әдемілеп әшекейлеу ісін, сол
құжаттан бөлек жасау мүмкіндігі пайда болды, ... бұл ... ... ... ие ... отыр және оны ... броузерлер арқылы жасауға
болмайды. Сол себепті HTML ... тек қана ... ... үшін ... ... бар. Мүмкін, HTML нұсқаларын алдағы ... ... ... ... ... шығар, бірақ әзірше оларды
пайдалану болады.
1. Әріптің мөлшерін, түсін және сызылымын таңдап алу үшін ... ... Бұл ... тәг, оның ... және жабылған тәгтері
арасында орналасқан барлық мәтіндерді түрлендіруге болады. тәгінде
қолдануға болатын SIZE=….,COLOR….,FACE…, ... 3 ... бірі ... ... ... ... ... Әріптердің алдын-ала
берілетін жеті түрлі көлемі бар. Олар 1-ден 7-ге ... ... Бұл ... ... бір ... ... сәйкес келмейді, тек
санның мәні үлкейген сайын әріптің де ... ... Егер ... ... бойынша ол 3-ке тең болады.
COLOR…. атрибуты әріптің түсін таңдау ... ... ол ... ... бар түйінді сөз арқылы немесе RGB жүйесіндегі он алтылық
санмен берілуі ... ... ... типін береді. Осы атрибуттың мәні компьютерде
орнатылған қаріптер атының ... ... ... ... Бірақ Интернетте
орнатылған құжатты қабылдайтын тұтынушының компьютерінде қандай қаріптерін
орнатылғандығын алдын-ала білу ... сол ... осы ... көрсетпеген
дұрыс.
Кестелер
Бұған дейін біз бір мәтін арнасы арқылы ғана ... ... ... ... ... мәтінді бірнеше бағаналардан тұрғанын қалаймыз. Ал ол ... ... ... ... ... бір ... тұратын кестені
оқырман назарын аудару үшін қолданғанда ... ... ол ... ... түрде белгілей алады.
HTML тіліндегі кестелер тәгімен басталады да тәгімен
жабылады. Кесте ішіндегі мәтін, кесте ... ... мен ... ... ... ... ... Осы тәгтер арасында
кестелердің атауларын анықтайтын, және ... ... ... ... атаулары тікелей кестелердің
астында орналасады.Одан кейін кестелердің жолдарын анықтайтын ... ... ... Жабатын тәгтерді кездестіруге болады. Себебі
кестенің әр жолы сол кестенің келесі ... ... ... кестенің
өзімен бірге аяқталады. Кестенің әрбір жолы ұялардан тұрады. Ұяларды немесе
бағандар мен жолдардың ... ие ... ... кәдуелгі
мәліметтерге ие тәгімен белгілейді. Бұл ... ... ... ... ... бұл жерде де жабатын тәгтерді көрсетпеу ... ... ... ... ... пішіні бөліміне рұқсат
берілетін, HTML- ге қатысты ... ... мен ... ... ... ... кесте ұяларында ендірілген басқа кестелер болуы
мүмкін. Броузерлер автоматты түрде ... мен ... ... ... ... ... бұл қасиеттерді ішінара атрибуттар көмегімен де
беруге болады.
ІІ БӨЛІМ. HTML көмегімен Web парақ құру.
Егiзге арналған немесе сiз ... ... ... Web бет ... сiз HTML (Hypertext Markup Language- гипертекстiк белгiлеу ... ... ... HTML – бұл беттiң құрылымын суреттеу тiлi. Ол ... ... ... оны ... тақырып, тiзiм және басқа да құрылымы
бойынша ... ... ... ... қоса, HTML сiздiң
оқырмандарыңыз бiр құжаттан екiншi құжатқа оңай аттап өте ... ... ... ... ... құруға мүмiндiк бередi. HTML SGML- ға
негiзделген (standart Genere Lized Markup ... ... ... тiлi). ... айтсақ, HTML бґл SGML ... ... ... SGML ... ... ... Сiз HTML ... жүктеменi сақтайтын форматалмаған текстiң iшiндегi HTML тэгi
(tags) арқылы құрасыз. HTML тэгтерi-бұл “азырақ” ... ... ... тiзбегi. Web браузерлер HTML-
ды синтаксистiк тексерген кезде үш қағидаға сүйенедi:
▪ Пробел және ... да ... ... ... ... ... тэгтерi кiшi немесе үлкен (бас) әрiптерiмен ... ... ... ... ... бiрге жазылады.
Кейбiр ерекше тэгтердi ескермесек, HTML форматтау тегтерiнiң барлығын да
сыңар ... бар. ... тег ... ... ... ... ... өшiредi. Тег сыңарларын көбiнесе контейнер деп те атайды. Себебi, олар
қосып - ... ... ... сол екi ... ... ғана ... ... мәтiнiң қатары толық әрiпен жазылуы керектiгiн көрсететiн болсақ,
былай жазамыз:
Бұл қатар толық қарiппен жазылады. .
Жабатын тегтiң iшiнде ... ... « керi ... сызық» символымен
шамаланады. Бұл қағидаға бағынбайтын тэгтер (негiзгi мәлiмет),
(қатар соңы), (горизанталь ... және IMG ... Бұл ... ... –ге ... ... болмаса да, HTML құжаттарының өте маңызды бөлiгi
болып URL ... ... Ол ... ... кең ... Негiзi ,URL World Wide Neb-тiге құжаттың адресi ... URL- дың ... жер ... ... ... орналасқан
бiрге жұмыс iстейтiн. Web – сервердiң кез-келген типiндегi ... ... ... тәсiлi мүмкiндiгiн бередi. Ақпараттар
серверiнiң хаттамасын ескермесек, URL-дың жалпы формуласы келесi:
Хаттама:// ... ... ... үшiн бiз ... ... қолданамыз.
Бұл тегтер өзiнде HTML –дың барлық тэгтерiн және ... ... ... ... ... ... ал тэгi
құжаттың соңғы қатарында орналасуы ... Бґл ... ... арасында
орналасқан барлық символдардың HTML-коды екенiн бiлдiредi. Құжаттың
тақырыбы ... ... ... ... ... ... ... көп мөлшерде символдар енгiзе алсаңыз да, оның құрамында
екi заттың болуы ... ... аты және оның ... ... ат ... ... оны және тэгтерiнiң
арасына орналастыра аласыз. Құжат аты Internet Explarer 3 тақырыб қатарында
және журнал ... және ... ... (Faourites) тiзiмдерiнде
пайда болады. Сiз құжат атына сол құжатты толық түсiндiретiндей ... ... ... ол 40 ... ... керек. Сiз тегiнде URL негiздiк адресiн көрсетесiз. Ол ... ... ... Сiз ... ... ... ... соң оның
денесiн құруды бастайсыз. HTML құжатының денесi ақпаратты сақтайтын толық
мәтiнде және мәтiндi ... ... ... HTML тегтерiн қамтиды.
Құжат денесi тақырыбтан соң басталып, және ... ... ... ... түрде көрiнiс табады:


бґл жерде құжат аты орналасады





Жаңа ... ... және оны ... үшiн және ... HTML 3.2-нiң спецификациясын байланысты ALIGN атрибутын
қолдайды. Ол абзацтың iшiнде мәтiндi туырлауға ... ... ... ... ... Бас ... ... жаңа абзацты бастау үшiн
(қатар ... ... ... ... өлең ...

You can tell it,s Spring with all of the rain we,re getting.
It makes me to recite the ... я хочу ... ... rain
Go away ... again ... day
HTML – тақырыб стилiнiң алты түрiн қолдайды. Мәтiндi қандай да бiр ... үшiн оны және ... ... ... керек. Олар
былай жазылады.
Heading style 1
Heading style 2
Heading style 3
Heading style 4
Heading style 5
Heading style 6 ... төрт ... ... қолдайды. Физикалық стиль- бұл курсив немесе
толықтық сияқты қарiптiң атрибуттары. Олар келесi де ... ... ... ... шрифт ... сызу ... ... ен) ... ... стиль олар ерекшеленгенген мәтiннiң мағынасын анықтайды.
Олардың қарiп ... ... жоқ ... олар әр ... ... ... табуы мүмкiн. Логикалық стильдер келесi кестеде көрсетiлген.
HTML логикалық стилi
Стиль аты ... ... ... және солдан шегініс
Дәйексөз ... ... ені ... ... ... ... ... курсив
комбинациясы
Эмораза, ерекшелеу ... ... ені бар ... ... ... ... ... мына HTML кода көп ... ... ... STYLES < ... to the Handbook of Federal ... ... access providers must turnish their clients ... and accurate ... Changes on invoices must ... date of the chage, duration of connect time/ and the rate charged ... to comply with this statute may result in lagre tines ... mor ... send e-mail to info @ telecom. ... және ... ... ... мәтiн форматталған
деп есептелiп, қарiптердiң енi ... ... Бұл ... ... енi ... болып жазылатындықтан, ол мәтiнде ... ... ... құжатыңыздағы ақпараттарды қызықты етiп көрсетуге
мүмкiндiк ... Олар ... ... ... ... кестесi
Тип ... тегi ... ... ... ... ... ... ... ... ... ...
Директория ... ... HTML ... ... ... келтiрiлген:

Unordered Lists –маркированный список
Bulleted LIST items
!—элементы маркированного списка--
LIST items are indented ... ... ...

Ordered LISTS- нумерованный список

Numbered List items
--элементы нумерованного списка--
List items are intented ... ... ... ... ... ... ... tern
derscribtion of pist tern
!—Описания первого термина--
Segond term
!—Второй термин--
Describtion of second term -
- ... ... ... ... ... символдарды қолдану мүмкiндiгiн бередi. «Көбiрек» (>),
«азырај» (

Пән: Информатика
Жұмыс түрі: Курстық жұмыс
Көлемі: 20 бет
Бұл жұмыстың бағасы: 700 теңге









Ұқсас жұмыстар
Тақырыб Бет саны
WORLD WIDE WEB және HTML тілі12 бет
HTML тілі6 бет
HTML тілі және оның құрылымы31 бет
HTML-тілінің көмегімен Web-бетті қалыптастыру12 бет
Internet желісі және қауіпсіздігі28 бет
Web-қосымшаларды дайындау технологиялары. HTML тілі, оның негізгі компоненттері8 бет
World Wіde Web туралы ақпарат10 бет
Интернет, web-бет және оны қалыптастыратын HTML9 бет
Компьютерлік желі туралы27 бет
Электрондық курс және оны құру28 бет


Исходниктер
Пәндер
Көмек / Помощь
Арайлым
Біз міндетті түрде жауап береміз!
Мы обязательно ответим!
Жіберу / Отправить


Зарабатывайте вместе с нами

Рахмет!
Хабарлама жіберілді. / Сообщение отправлено.

Сіз үшін аптасына 5 күн жұмыс істейміз.
Жұмыс уақыты 09:00 - 18:00

Мы работаем для Вас 5 дней в неделю.
Время работы 09:00 - 18:00

Email: info@stud.kz

Phone: 777 614 50 20
Жабу / Закрыть

Көмек / Помощь