ПрограммированиеПохожие презентации:
HTML НЕГІЗДЕРІ (1)
1. HTML НЕГІЗДЕРІ
2.
HTML тiлi - (Hypertext Markup Language) - дүниежүзiлiкқұжаттардың əйгiлi стандартты гипертексттiк белгi тiлi. Барлық веб
беттер HTML (немесе XHTML) тiлiнiң көмегiмен жасалады. HTML
тiлi браузерде анықталады жəне адамға ыңғайлы құжат ретiнде
көрсетiледi. HTML тiлi SGML (Standard Generalized Markup
Language )-дiң қосымшасы болып табылады жəне əлемдiк ISO
стандартына сəйкес келедi.
3. HTML тiлi жобалаушыға келесi мүмкiндiктердi жүзеге асыруға көмектеседi:
• Тақырыбымен қоса мəтiндердi, кестелердi, тiзiмдердi, суреттердiжəне басқа да маңызды online құжаттарды жариялау
• Online-ақпаратты алу үшiн тек түйменi басу арқылы
гипертексттiк сiлтемеге өту
• Қажеттi ақпарат iздеу, архивтердi құру жəне басқа да мақсатқа
арнап түрлер (form) құру
• Сол құжаттың өзiне мəлiметтер кестелерiн, видео жəне
аудиоклиптер жəне басқа да қосымшаларды қосу
4. HTML тiлiнiң қысқаша тарихы
• HTML тiлiн алғаш шамамен 1991-1992 жылдары британдықғалым Tim Berners-Lee негiзiн қалады.
• HTML 2.0-1994 жылдың аяғында кодтау үшiн Internet Engineering
Task Force (IETF) көмегiмен құрылған. HTML+ (1993) и HTML
3.0 (1995) бұлар HTML-дiң əлдеқайда "жаңаланған" түрiн
(version) ұсынды. World Wide Web Consortium's HTML Working
Group-тiң табанды күш жұмсауы өңдеудiң тəжiрибелiк
қолдануына 1996 жылы HTML 3.2 түрiн ұсынып, нəтижелi өзгерiс
бердi.
5. Браузерлер
HTML тiлiнiң кодталған мəтiндiк құжаттары (" html " немесе" htm " деп сақталатын) арнайы қосымшалармен , оның
форматталған түрiнде құжатты суреттейдi . Браузер немесе
интернет - шолушылар деп аталатын қосымшалар веб - беттердiң
сұранысына арналған ыңғайлы интерфейстi пайдаланушыға
ұсынады, оларды көру, əрине қажет болған жағдайда , осыларды
серверге жiберу мүмкiндiктерi бар. Бүгiнгi күндегi ең əйгiлi
браузерлер: Internet Explorer , Firefox , Safari , Google Chrome жəне
Opera болып табылады.
6. HTML құжатты қалай жасау керек?
HTML құжаттарды жасау үшін мəтіндік редакторларды(мысалы, қойын дəптер (блокнот)), мəтіндік процессорлар (Word)
жəне визуалдық HTML редакторларын қолданады. Сіздер
қарапайым блокнотта құжатты жасай алаcыздар. Арнайы
стандартты ұстана отырып, HTML кодты мəтіндік файлында жазып
қойып, қатқыл дискіде .txt деген кеңейтуді .html немесе .htm құжат
ретінде сақтасаңыз толық құнды web бетті аласыз.
7. HTML құжаттың құрылымы
HTML тегтер дегеніміз не?Тегтер - текстті белгілеу құралы. Тегтер бас əріппен де кіші
əріппен де жазыла береді, еш айырмашылығы жоқ. Əрі олар
жұптарымен де, жалғыз да болады.
Жұптарымен тұратын тегке мысал ретінде келесі тегті келтіруге
болады: <html></html>. Бұл тег кез-келген HTML құжатты ашып жəне
жабатын тег.
Тегтің екінші бөлігін бірінші бөлігінен мына символ арқылы "/"
ажыратуға болады. Бірақ бірінші бөлігі қосымша параметрлерден тұруы
мүмкін.
Мысалы: <font size="4"></font> тегінде, size="4" параметрі
мəтіннің өлшемін анықтайды. Ал дара, яғни жұп емес тегтің мысалы
ретінде <hr> тегін келтіруге болады, ол HTML құжатқа көлденең
сызықты орналастырады.
8.
HTML тіліндегі міндетті тегтер:• Кез-келген HTML құжат келесі тегтердің көмегімен құралады <html></html>,
• <head></head>, <body></body>, <title></title>. HTML құжатта тегтердің
орналасу реті төменде көрсетілген
• <html>
• <head>
• <title>Web беттің аты</title>
• </head>
• <body>
• Сіздің құжатыңыздың денесі
• </body>
• </html>
• <head></head> тегінің ішінде сіздің HTML құжатыңыздың аты орналасады
(негізінде сілтеме ретінде қандай да бір іздеу нəтижесінде осы берілген
атауды көре аласыз), сонымен қатар, бұл тегтің <head></head>
конструкциясының ішінде Мета тегтер деп аталатын тегтер болуы мүмкін.
9. Құжат денесі
1. ТақырыптарHTML тіліндегі тақырыптар келесі тегтермен анықталады
<h1></h1>, <h2></h2>, ... ,<h6></h6>. Яғни, тақырыптың 6
дəрежесі бар. Тəжірибе ретінде көруіңізге болады. Жоғарыдағы
мысалдағы "Құжат денесі" деген жерге <h1>HTML - бұл өте
оңай</h1> деп қойып, мəтіндік форматта сақтап, оны .txt деген
түрінен .html түріне өзгертіңіз жəне бірден браузерде ашып көріңіз.
Яғни нəтижені көре аласыз. Келесі дəрежелерін де осылай қойып
шығуға болады
10.
2. HTML тіліндегі азатжолдар (абзац)HTML тіліндегі азатжолдар мына тегпен жүзеге асады
<P></P>. Яғни, жазылу жолы
<p> - Көңіл-күйіңіз тамаша болар?</p><p> - Керемет.</p> деп
жазсақ, төмендегідей нəтиже аламыз.
• Көңіл-күйіңіз тамаша болар?
• Керемет.
11.
3. HTML тілінде мəтінді белгілеуHTML тілінде мəтінді белгілеу үшін немесе белгілі бір
аймақты белгілеу үшін келесі тегтерді қолданады <b></b>,
<i></i>, <u></u>, Яғни жолдағы мəтін
<b>батырылған</b> <i>курсивті</i> <u>айрықша (немесе асты
сызылған)</u>
<u><i><b>батырылған
айрықша
курсивті</b></i></u>
төмендегідей көрінеді
батырылған курсивті айрықша жəне үш белгіні бірге қолдана
аламыз: батырылған айрықша курсивті