Html-ге кіріспе. Web-дизайнның негізгі ұғымдары

– шрифтің түсін анықтайды.

HTML-де бейнелерді қолдау – графика әлеміне жол. Құжатқа суретті қою үшін Сіз IMG элементін қолданасыз. Қойылған бейне сіздің құжатыңыздың бір бөлігі болып табылады; егер қолданушы сіздің құжатыңызды қолданатын болса, онда бейне де онымен бірге жүктеледі және оның бөлігі тәрізді шығарылады.

Егер броузер тек арнайы форматты қолдайтын болса, онда қолданушы кескінді көре алады. Ең қолайлы форматтар – GIF және JPEG.

Текстке текстік емес ақпараттар обьектісін қою үшін қолданылатын флагтар-командалар

немесе – графиктік бейнелерді қоюға арналған команда;

– дыбыстық фрагментті қоюға арналған команда;

– видео фрагментті қоюға арналған команда.
Графиктік бейнелердің параметрлері

WIDHT – пиксельмен өлшенетін суреттің ұзындығы;

HEIGHT– пиксельмен өлшенетін суреттің биіктігі;

ALIGN – тегістеу (ALIGN=LEFT – сол жақ өріс бойынша тегістеу, ALIGN=RIGHT – оң жақ өріс бойынша, ALIGN=TOP – жоғарғы шекара бойынша, ALIGN=BOTTOM – төменгі шекара бойынша, ALIGN=MIDDLE немесе CENTER – ортасы бойынша);

HSPACE – графиктік бейнеден горизонталь бойынша алшақтығы;

VSPACE – вертикаль бойынша алшақтық;

ALT – бейнелерді белгілеу үшін қолданылатын альтернативті текст;

– құжаттың фоны ретінде суретті қолдануға мүмкіндік береді.

Мысал :

WWW ең күшті мүмкіндіктерінің бірі құжаттар арасындағы гипертекстік байланысты ұйымдастыру мүмкіндігі болып табылады. HTML тілінің жабдықтарын сипаттамастан бұрын мұндай байланыстарды ұйымдастыру үшін Internet-те ресурстардың ұқсастығы туралы әңгімелеу қажет. Internet-те ақпараттардың көлемі өте үлкен және оларға енудің көп әдістері бар. Бөлек ресурстардың орналасқан жерін көрсету үшін URL (Uniform Resource Locator) атымен аталатын жазба қолданылады. Ол ресурсқа ену әдісін және оның орналасқан жерін сипаттайды. URL түрі мынадай:

әдіс://[қолданушы аты@][хост][:порты][ресурс аты], мұндағы

әдіс – ресурсқа қарайтын әдісті теңестіреді,

қолданушы аты – жүйеде қолданушының атын көрсетеді, әдетте анонимдік ену ұсынылады;

хост – ресурс орналасқан хосттың желідегі атын (немесе желілік адрес) көрсетеді;

порты – сервиске енетін порттың нөмері;

ресурс аты – хостағы ресурсты теңестіреді және ену әдісінен тәуелді.

Көптеген Internet сервистері үшін ресурстарға ену әдістерінің идентификаторлары бар және белгіленулері төмендегідей:

http – WWW-да қолданылатын HTTP протоколы бойынша ену;

ftp – FTP протоколы бойынша ену;

telnet – telnet протоколы бойынша ену, эмуляция терминалы;

gopher – Gopher-серверіне ену;

wais – WAIS-ке (Wide Area Information System) ену;

news – Usenet жаңалықтарына ену;

file – жергілікті файлдарға ену.

Құжаттағы қандай да бір элементті текстік сілтеме ретінде жазу үшін оны тегінің ішіне кіргізсе жеткілікті (anchor иои якорь). Мұндай тегтердің толық систаксисі:

NAME – егер бұр параметр көрсетілсе, онда сілтеме ешқайда сілтемейді. Бірақ та бұл жағдайда тегі құжаттағы HREF параметріндегі # символын қолдана отырып сілтеме жасауға болатын таңбаның атын көрсетеді;

Олай болса, мысалға автор элементтері H2, H3 және т.б. осы құжаттағы тақырыптардың элементтеріне сілтеме болатындай мазмұнды құруы мүмкін. Бүтін anchors құру үшін А элементін қолданып, келесі түрде жазуға болады:

Мазмұны;

Кіріспе

Алғы сөз

Нақты белгілеулер

…мазмұнының жалғасы…

…құжат денесі…

Кіріспе

…1- бөлім…

Алғы сөз

…2-бөлім…

Нақты белгілеулер

…2.1 бөлім…

Сілтеме ретінде суретті қолдану

ЕҢ ҮЛКЕН тақырыпты құрады.

1-ден 7-ге дейінгі текст өлшемін орнатады.

Әрбір анықтаманы сипаттайды.

Нөмерленген тізімді құрады.

Тізімнің әрбір элементін анықтайды және номер меншіктейді.

Нөмерленбеген тізімді құрады.

Тізімнің әрбір элементін анықтайды және дөңгелекше немесе квадратша қосады.

HTML құжатында үлкен блоктан тұратын тексттерді форматтау үшін қолданылатын ең маңызды тег, сонымен бірге кестелер стилінде қолданылады.
Графиктік элементтер

HTML құжатына бейнелерді қосады.

<img src="name" align=?> Құжаттың бір жағына қарай бейнелерді тегістейді, қабылдайтын мәндері: left, right, center; bottom, top, middle.

<img src="name" border=?> Бейненің айналасындағы рамканың қалыңдығын орнатады.

---

HTML құжатына горизонталь сызық қосады.

---

Сызықтың биіктігін (қалыңдығын) орнатады.

---

Сызықтың ұзындығын орнатады, ұзындықты пиксельмен немесе пайызбен көрсетуге болады.

---

Көлеңкесіз сызықты құрады.

---

Анықталған сызықтың түсін береді. RRGGBB мәні.
Кестелер

Кестені құрады.