Бүгүнкү күндө, Интернеттеги жарылуучу өсүш менен, Веб технологиялар, айрыкча HTML жана стандарттуу Веб-браузерлер кеңири колдонулуп жатат. HTML (HyperText Markup Language) - гипертекстти белгилөө тили. Бул формат документтин сырткы көрүнүшүн, тексттик, графикалык жана мультимедиялык маалыматтардын өз ара жайгашышын аныктайт. Өнөктүктөр сайттарды түзүү менен алектенишет, бул өтө чоң акчага. Бирок "html-тэгдердин" жардамы менен сиз өз колуңуз менен кыйла кызыктуу веб-сайтты түзө аласыз.
Ал зарыл
- - браузер;
- - текст редактору.
Нускамалар
1 кадам
HTML файл форматы жөнөкөй. Файлды түзүүнү жана өзгөртүүлөрдү каалаган тексттик редактор жүргүзөт. Жыйынтыгын көрүү үчүн веб-браузер колдонулат. HTML документтеринин негизги артыкчылыгы, алардын бири-бирине кайчылаш шилтеме берүү мүмкүнчүлүгү. Кайчылаш шилтемелер сизди кызыктырган тема боюнча кошумча маалыматтар камтылган документке тез кайрылууга жардам берет, андан кийин баштапкы текст менен иштөөнү уланта берет. HTML тили аркылуу жазылган ар кандай документ барактын мазмунунан турат, б.а. текст, жана башкаруу белгилери - тегдер. Бардык HTML тегдери бурчтуу кашаага жазылышы керек. Адатта, баштоо жана аяктоо теги колдонулат. Аяктоочу тег баштапкы тегден кыйшык сызыктын болушу менен айырмаланат.
2-кадам
Сайтты түзүүнү баштоо үчүн текст редакторуна (блокнот) өтүңүз.
Андан кийин тэгдерди киргизиңиз:
HTML - / HTML - каалаган HTML документтин биринчи жана акыркы тегдери.
БАШ - / БАШ - документ башынын башы жана аягы.
TITLE - / TITLE - документтин аталышын орнотуу (браузердин терезесинин аталышы).
BODY - / BODY - документтин мазмунун аныктаган HTML документинин тулку бою жана башталышы.
3-кадам
Андан кийин, текстти стилдештиришиңиз керек. Бул үчүн төмөнкү тегдер керек:
Hx - / Hx - (x - 1ден 6га чейинки сан) алты башка деңгээлдеги аталыштарды сүрөттөйт. Биринчи деңгээлдин аталышы эң чоң, алтынчы деңгээл эң кичинекей.
P - / P - абзацты сүрөттөө (/ P теги жок болушу мүмкүн).
ALIGN - абзацтын тегизделишин аныктоочу параметр:
АЛИГН = БОРБОР - борборду тегиздөө;
ALIGN = RIGHT - оң тегиздөө;
ALIGN = LEFT - солго тегиздөө.
BR - абзацты бузбай жаңы сапка өтүңүз.
B - / B - текстти кара тамгалар менен көрсөтөт.
I - / I - текстти курсив менен көрсөтөт.
U - / U - асты сызылган текст.
СТРАЙК - / СТРАЙК - сызык текст.
BLOCKQUOTE - / BLOCKQUOTE - цитаталарды көрсөтөт.
SUB - / SUB - жазылууларды көрсөтөт.
SUP - / SUP - жогорку скрипттерди көрсөтүү.
TT - / TT - белгинин туурасы белгиленген шрифтти колдонуңуз.
BIG - / BIG - учурдагы шрифттин көлөмүн көбөйтүү.
SMALL - / SMALL - учурдагы шрифттин көлөмүн кичирейтүү.
BASEFONT SIZE = n - (n - 1ден 7ге чейинки сан) - шрифттин чоңдугунун негизги мааниси.
FONT SIZE = + / - n - / FONT - ариптин өлчөмүн өзгөртүү.
FONT COLOR = # xxxxxx - FONT - ариптин түсүн коюу: Aqua - деңиз толкуну; Кара - кара; жана башкалар.
BODY - фон түсүн өзгөртүү.
HR - горизонталдык сызык, бул тег атрибуттарды колдоно алат:
ТҮС - саптын түсү;
SIZE - сызыктын кеңдиги пиксел менен;
WIDTH - сызыктын туурасы пиксел менен же терезенин туурасынан пайыз менен;
АЛИГН - сап түздөө;
NOSHADE - көлөкөсүз сүрөт тартуу;
КӨЛӨК - көлөкө менен сүрөт тартуу.
4-кадам
Эгер сиз сайтка кандайдыр бир тизме киргизишиңиз керек болсо, анда тэгдерди киргизишиңиз керек:
UL - / UL - иреттелбеген тизме (саноо, буйрутма жок):
LI - тизме пунктунун аныктамасы;
TYPE - тизме маркерин аныктоочу параметр:
TYPE = CIRCLE - тегерек маркер катары колдонулат;
TYPE = DISK - чекит маркер катары колдонулат;
TYPE + SQUARE - төрт бурчтук маркер катары колдонулат.
OL - / OL - номерленген тизме:
TYPE - бул тизменин түрүн аныктоочу параметр:
TYPE = A - латын тамгаларынын баш тамгалары тизме номери катары колдонулат;
TYPE = a - латын тамгаларынын кичинекей тамгалары тизме санагычы катары колдонулат;
TYPE = I - чоң рим цифралары тизме номери катары колдонулат;
TYPE = i - кичинекей рим цифралары тизме номери катары колдонулат;
СТАРТ - бул тизменин баштапкы санын аныктоочу параметр.
DL - / DL - түшүндүрмөлөрү бар тизме:
DT - тизме пунктун белгилөө;
DD - тизме пунктунун түшүндүрмөсү.
5-кадам
Сайтыңыз бир барак менен эле чектелип калбашы үчүн, бир нече баракча түзүңүз. Чабыттоо үчүн, төмөнкү тегдер менен аныкталган гипершилтемелер керек:
HREF = URL - / A - документке шилтеме киргизет (тегдердин арасына шилтеме текстин киргизишиңиз керек).
HREF - барактын же ресурстардын дареги;
URL - бирдиктүү ресурстардын дареги: servis: // server [: port] [/path]:
service - протоколдун аталышы (HTTP - HTML документине кирүү, FTP серверинен файлга FTP сурамы, FILE мүмкүндүк алуу
жергиликтүү машинага файл);
сервер - ресурстун аталышын көрсөтүү;
порт - веб-сервер иштеп жаткан порт номери;
жол - бул ресурс жайгашкан каталог.
HREF = # кыстарма аты - / A - жергиликтүү шилтемени киргизиңиз (тегдердин арасына шилтеме текстин киргизишиңиз керек).
АТЫ = кыстарма аты - / A - шилтеме турган кыстарманы орнотуңуз.
6-кадам
Сайт кызыксыз болбошу үчүн, графикалык дизайн керек. Бул үчүн тегдерди колдонуңуз:
BODY BACKGRAOUND = "file_name" - фон катары колдонулган сүрөттү орнотот.
IMG SRC = "file_name" - HTML документине графикалык файлды киргизиңиз, бул тег төмөнкү параметрлерди колдонот:
ALT = "тексттик сап" - эгер браузер графиканы автоматтык түрдө жүктөө мүмкүнчүлүгүн өчүрсө, графикалык сүрөттүн ордуна көрсөтүлүүчү тексттик сапты аныктайт;
HEIGHT, WIDTH - сүрөттүн бийиктиги жана кеңдиги пиксел менен;
HPACE, VSPACE - графиканы тексттен туурасынан жана тигинен бөлүп турган бош мейкиндиктин кеңдиги;
ALIGN - тексттин графикага карата тегизделиши.
7-кадам
Ал эми акыркы нерсе - *.html форматындагы тексттик файлды сактап, андан кийин браузериңиздин жардамы менен ишке киргизүү керек. Сайт даяр.
