HTML-ге кіріспе

Home » Рефераттар » HTML-ге кіріспе
Рефераттар Комментариев нет

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

 HTML гипертекстік тілін (Hypertext Markup Language) 1989 жылы World Wide Web гипертекстік жүйесін бөлудің өңдеу технологиясының компоненттерінің бірі ретінде Тим Бернер-Ли ұсынғаны белгілі. Гипертекстті бөлу негізіне құжаттың әрбір элементі тегтерімен қоршалған элементтердің жиынтығы түрінде көрсетуге болатын құжатты сипаттаудың тегтік моделі жататын болған. Өзінің мәні бойынша тегтер программалау тілдеріндегі «begin/end» жақша ұғымдарына жақын және локальді айнымалылардың аттарының арасындағы амалдардың облысын береді, құжаттағы тексттік элементтерді түсіндіру ережелерінің амалдарын анықтайды және т.б.

HTML форматында текст элементін қоюдың жалпы схемасы келесі түрде жазылуы мүмкін:

<«элемент аты» «атрибуттар тізімі»> элемент мазмұны </»элемент аты»>.

Элемент мазмұнының алдындағы конструкция элемент басының тегі деп аталады, ал элемент мазмұнынан кейін орналасқан конструкция элемент соңының тегі деп аталады.

HTML құжатының құрылысы бірінің ішіне бірі салынған контейнерлерді қолдануға мүмкіндік береді. Шынында да, құжаттың өзі бұл  «HTML» атымен аталатын бір үлкен контейнер:

         <HTML> Құжат мазмұны  </HTML>

HTML элементінің өзі немесе гипертексттік құжат құжаттың басынан (HEAD) және денесінен (BODY) тұрады:

<HTML>

<HEAD>                      

Тақырып мазмұны

</HEAD>

<BODY>

Құжат денесінің мазмұны

</BODY>

</HTML>

WWW-да әрбір құжаттың өз аты бар, оны басында көрсетеді. Оны интерфейс-программасының бірінші жолында көруге болады. HTML бетінің аты <TITLE> тегінің көмегімен басына қосылады.

HTML құжатын жазуды бастай отырып, оның сондай түрде болатынын теңестіреміз. Мұндай теңестіру құжаттың ең басына <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 3.2//EN»> тегін қою жолымен жүргізіледі. DOCTYPE тегі SGML тілінің тегі болып табылады және құжат HTML 3.2 спецификасына сәйкес сипатталатын болатынын хабарлайды.

Барлық программалау тілдеріндегідей HTML тілінде де тексттің белгілі-бір бөліктеріне түсініктеме беретін әдісі бар. Түсініктемелер < ! — —  және — — > тізбектерінің арасына жазылады. Түсініктеме мысалы:

<!— бұл мәтіннің түсініктемесі бар —>

1-мысал.

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 3.2//EN»>

<HTML>

<!- Author: Irina Kuzina Date:   December 5, 1996 ->

<HEAD>

<TITLE> This is a Baner</TITLE>

</HEAD>

<BODY >

Internet-ті администраторлау

</BODY>

</HTML>

Егер құжат денесінің ішінде тексттің бірнеше жолын теріп, содан соң оны броузерде қарайтын болсақ, онда терезеде жай кіші шрифтпен жазылған текст пайда болады, сонымен бірге бастапқы текстте бар жолдардың аудармасы сақталынбайды. Броузерлер бетке тексттерді өздері қояды. Жолдарды аударуды «күштеп» қою үшін <BR> тегін қолдану қажет. Броузер кескіндеу кезінде осы тег шыққан орынға жолдарды аударып қояды.

НАЗАР АУДАРЫҢЫЗ!  <BR> ТЕГІ </BR> ЖАБАТЫН ЭЛЕМЕНТІСІЗ ҚОЛДАНЫЛАДЫ.

HTML-де басқа да қасиеттері ұқсас бірнеше тегтер бар. Оларды қарапайым түрде бос (немесе жалғыз) деп атайды және де олар «ішкі» толтырулардан тұрмайды. Егер сізге тексттің бір анықталған жерінде бөлінбейтінін жасау қажет болса, онда осы жерге  <NOBR>  тегін жазыңыз.

Тексті параграфтерге бөлу үшін <P параметрлер> тегі қолданылады.

Дәлірек айтқанда, параграф <P>…</P> тегтерінің ішіне орналасады, бірақ та іштестірілген параграфтар болмайтындықтан, жабылатын тегті жазбауға болады.

<P> тегінде параграфтың ішіндегі текстті тегістеу әдісіне көрсететін ALIGN параметрі бар: текст оң жақ шеті бойынша (RIGHT), сол жақ шеті бойынша (LEFT), ортасы бойынша (CENTER) немесе ұзындығы бойынша (JUSTIFY) тегістелуі мүмкін. Егер параметр көрсетілмесе, онда текст сол жақ шеті бойынша тегістеледі.

Параграфты ортаға жазу үшін келесі түрдегі тегті қолдануға болады:

<CENTER>…</CENTER>

Текстті бөлікке бөлудің тағы бір әдісін горизонтальді сызық деп атауға болады. Сызық HTML тілінің элементі болып табылады және текстке

<HR параметрлер>

тегінің көмегімен қойылады, мұндағы параметрлер келесі түрде болуы мүмкін:

  WIDTH  сызықтың ұзындығын береді. HTML-де өлшем бірлігі шығару құрылғысының нүктесімен есептеледі, яғни <HR> тегінің параметрі ретінде WIDTH=100 деп көрсетсеңіз, онда ұзындығы 100 нүктеден тұратын сызық құрасыз. Бірақ та бұл әдістің қолайлы емес екені көрініп тұр, себебі құжат әр түрлі шығару құрылғыларында әр түрлі болып кескінделуі мүмкін. Сол себепті HTML-де элементтердің ТӘУЕЛДІ өлшемдерін беру мүмкіндігі бар, яғни кескіндеу облысының жалпы ұзындықтан пайызы (броузер немесе қағаздың беті). Мысалы: <HR> тегінде WIDTH=50% параметрін көрсетіңіз, сіз құжаттың кескінделу облысының қақ ортасындағы сызықты аласыз.

SIZE сызықтың қалыңдығын береді.

NOSHADE егер бұл параметр берілген болса, онда сызықтың көлеңкесі болмайды.

Егер осы моментте алынған бетті қарайтын болсақ, онда ол бір түсті болып көрінеді. Бір қарағанда не екені түсініксіз (егер терезенің басына қарамайтын болсақ). Бетке «басты» тақырып жетпейді, яғни тақырып құжаттың денесінде. HTML тілінде алты түрден тұратын тақырып аты бар. Оларды құру үшін <H1>…</H1>,…,<H6>…</H6> тегтері қолданылады. Тегтердің аттары олардың қолданылуын анықтайтын ағылшынның Heading (яғни, тақырып) сөзінен алынған. Өлшем 1 ең үлкен, өлшем 6 ең кіші шрифтке сәйкес келеді. Олай болса, тексттің негізгі  жолының  алдына

<H1>Welcome to my homepage!</H1>

жолын жазып, біздің бетті жазуды бастаймыз.

Енді біздің бетті броузерде қараймыз. Енді бет бұрынғыдан қарағанда жақсырақ көрінеді. <Hn>  тегтері блокты болып табылады, олардың қолданылу жерінде абзацтарға бөлу жүргізіледі.

Тексттің шрифттерін көркемдеудің басқа жабдықтары болып курсивпен және қарайтылған түрмен жазу табылады. Осы әдістермен тексттегі кейбір сөздерді, тақырыптарды белгілеуге болады. Мысалы, бірінші және екінші деңгейдегі тақырыптарды <Hn> тегтерінің көмегімен, ал үшінші деңгейдегі тақырыпты қарайтылған шрифтпен белгілеу өте ыңғайлы. Курсивпен белгілеу <I> (Italic сөзінен), ал қарайтылған шрифтпен белгілеу <B> (Bold сөзінен) тегінің көмегімен жүзеге асады.

Сонымен қатар HTML тілінде emphasis жалпылама белгілеу ұғымы бар. Ол <EM>…</EM> тегтерінің көмегімен жүргізіледі. Мұндай белгілеу құжаттың логикалық құрылысын сипаттайды. Осындай әдіспен белгіленген текст курсивпен кескінделеді.

Логикалық белгілеудің басқа жабдығы ретінде келесі тегті есептеуге болады:

<STRONG>…</STRONG>

Ол тексттің бөлігін күшейту үшін қолданылады. Тегтің мазмұны қарайтылған шрифтпен кескінделеді.

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

<FONT параметрлер>…</FONT>

Параметрлер келесі түрде болуы мүмкін:

SIZE=«value немесе value» шрифттің абсолютті немесе тәуелді өлшемін береді. Тәуелді өлшем базалық өлшемнің қатынасы бойынша беріледі. Қабылдайтын мәндерінің диапазоны бірден жетіге дейін.

COLOR текст түсін көрсетеді.

FACE   Microsoft Internet Explorer және Netscape Navigator кеңеймесі.

Текст үшін гарнитураларды (гарнитуралар тізімі, бар шрифттер жүйесінен қажеттісі таңдалатын болады) беруге көмектеседі. Ақырғы нәтиже жүйеде орналасқан шрифттердің санынан және әр түрлілігінен тәуелді. Мысал:

<FONT FACE=»Arial, Times Roman»> Текстті басқа гарнитурамен белгілеу мысалы. </FONT>

Барлық құжат үшін шрифттердің базалық өлшемін

<BASEFONT параметрлер>

тегінің көмегімен беруге болады. Ол бір ғана параметрден тұрады:

SIZE  шрифтің өлшемін береді.

Қолданушының назарын аудару үшін кейде жанып-сөнетін текст қажет болады. Ол үшін

<BLINK>…</BLINK>

тегін қолданамыз. Бұл тегті байқап қолданған дұрыс, себебі жанып-сөнетін обьектілерге қарау әр уақытта жағымды емес.

Кей жағдайда құжатқа цитаталарды, программаның бастапқы текстін немесе қарапайым текстік құжатты қою қажет болады. HTML тілінде бұл жағдайлар үшін мүмкіндіктер қарастырылған.

HTML тілінде цитаталар <CITE>…</CITE> тегтерінің көмегімен жазылады.

Құжатқа бастапқы текстті қою үшін

<CODE>…</CODE> тегін қолдануға болады.

Текст белгіленген ұзындығы бойынша  шрифтпен жазылатын болады.

Құжатта белгіленген форматпен тексттің бар болу жағдайының қажеттілігі ерекше таратылған. Мұндай мүмкіндік, мысалға электрондық хаттардың мазмұнын текстке немесе Usenet желісінен мақалаларды қосқан кезде қолданылады. Мұның барлығы

<PRE>

1-текст …

N-текст </PRE>

тегтерінің көмегімен жасалады. Бұл жағдайда ол мына түрде кескінделуі мүмкін:

1-текст

N-текст

HTML тілінде адрестерді жазу үшін қолданылатын жабдық бар. Адрес

<ADDRESS></ADDRESS>

тегтерінің көмегімен жазылады. Броузерлер оны курсивпен белгілейді, яғни  <ADDRESS> ул. Пирогова, д. 2 </ADDRESS> жолы

ул. Пирогова, д. 2. түрінде кескінделеді.

 

Тізімдермен жұмыс үшін қолданылатын негізгі тегтер

HTML тілінде тізімдердің үш түрі болады: нөмерленген, нөмерленбеген және терминдер тізімі. Нөмерленбеген тізім келесі блоктың көмегімен жазылады:

<UL>

<LI> элемент

<LI> элемент

</UL>

Тізім мына түрде бейнеленетін болады:

  • Элемент 1
  • Элемент 2

Нөмерленген тізімнің нөмерленбеген тізімнен айырмашылығы пунктің жанындағы қою нүктелердің орнына пунктің реттік нөмері қойылады. Ол мына түрде бейнеленеді:

<OL>

<LI> элемент

<LI> элемент

</OL>

Ол мына түрде бейнеленеді:

  1. Элемент
  2. Элемент

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

<DL>

<DT> 1-термин <DD>1-сипаттамасы

<DT> 2-термин <DD>2-сипаттамасы

</DL>

Алынатын тізімнің түрі келесі түрде болады:

1-термин

1-сипаттамасы

2-термин

2-сипаттамасы

Тексттің екі жағының шеттерін құру үшін <BLACKQUOTE></BLACKQUOTE> тегін қолдануға болады.

 

Текстті түстермен кескіндеу

«Сolor» (%Color;) типті атрибуттың мәні түсті анықтайды. Түстің мәні он алтылық саннан (диез белгісімен басталатын) немесе түстің келесі он алты атынан тұруы мүмкін. Түстердің атын регистр ескеріп отырады.

Түстердің аттары және RGB мәндері

   Black = «#000000»             Green = «#008000»

   Silver = «#C0C0C0»                       Lime = #00FF00″

   Gray = «#808080»              Olive = «#808000»

   White = «#FFFFFF»                       Yellow = «#FFFF00»

   Maroon = «#800000»         Navy = #000080″

   Red = «#FF0000»               Blue = «#0000FF»

   Purple = «#800080»                       Teal = «#008080»

   Fuchsia = «#FF00FF»         Aqua = «#00FFFF»

Яғни, «#FF0000» мәні және «Red» екеуі қызыл түсті береді.

<BODY BGCOLOR> құжат фонының түсін анықтайды.

<BODY TEXT>  текст түсін анықтайды.

<FONT COLOR> шрифтің түсін анықтайды.

 

HTML-құжатында графиканы қолдану

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

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

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

<IMG SRC=»file.gif»> немесе <IMG SRC=»file.jpg»> графиктік бейнелерді қоюға арналған команда;

<IMG SRC =»file.wav»> дыбыстық фрагментті қоюға арналған команда;

<IMG SRC =»file.avi»> видео фрагментті қоюға арналған команда.

 

Графиктік бейнелердің параметрлері

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

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

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

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

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

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

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

Мысал :

<IMG SRC=»http://www.hut.fi/~lsarakon/sae.gif» ALT=»[Picture of Siamese algae eater]»>

 

HTML-құжатында сілтемелерді қолдану

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 жергілікті файлдарға ену.

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

<A параметрлер>

</A>,

мұндағы  параметрлер келесі түрде болуы мүмкін:

HREF міндетті параметр, біздің сілтеме жасайтынымыз URL немесе файл екенін анықтайды. Егер біз файлға сілтеме жасайтын болсақ, онда HREF өрісі Web-сервер файлдық жүйесіндегі файл атынан тұрады.

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

target құжаттың бейнеленетін терезесінің немесе рамкасының атын көрсететін параметр. Егер мұндай атпен терезе немесе рамка жоқ болатын болса, онда жаңа терезе ашылатын болады.

<BODY> тегінің көмегімен гиперсілтемелердің түстерін беру

<BODY LINK> гипертекстік байланыс түсі (сілтемелер);

<BODY VLINK>  бұрын болған сілтеме түсі;

<BODY ALINK>  белсенді сілтеме түсі.

 

Мысал:

<A HREF=»http://www.ru»> http://www.ru </A> гипербайланыстар

<A HREF=mailto:person@firm.ru> person@firm.ru</A> электрондық почта адресімен берілген гипербайланыс.

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

<H1> Мазмұны;<H1>

<P><A href=»#section1″> Кіріспе </A><BR>

<A href=»#section2″> Алғы сөз </A><BR>

<A href=»#section2.1″> Нақты белгілеулер </A><BR>

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

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

<H2><A name=»section1″> Кіріспе </A></H2>

…1- бөлім…

<H2><A name=»section2″>Алғы сөз</A></H2>

…2-бөлім…

<H3><A name=»section2.1″>Нақты белгілеулер</A></H3>

…2.1 бөлім…

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

<a href=»http://www.palmpc.ru»> <img src=»Images/up.gif» width=»200″ height=»80″ border=»0″> </a>

 

HTML тілінің негізгі тегтерінің кестесі

 

 

Негізгі тегтер

<html> </html>                                                       Бетті қарау программасында бұл HTML құжаты екенін көрсетеді.

<head> </head>                                                       Құжаттың денесінде бейнеленбейтін әр түрлі ақпараттар орналасқан жерді анықтайды. Мұнда құжат атының тегі және іздеу машиналары үшін қолданылатын тегтер орналасады.

<body> </body>                                           Құжаттың көрінетін бөлігін анықтайды.

 

Тақырып тегі

<title> </title>                                                 Құжат тақырыбын бетті қарау программасында мазмұнына қояды.

 

Құжат денесінің атрибуттары

<body bgcolor=?>                                         RRGGBB  түрінде түстің мәнін қолданып, құжат фонының түсін орнатады. Мысалы: FF0000 — қызыл түс.

<body text=?>                                                RRGGBB  түрінде түстің мәнін қолданып, құжат текстінің түсін орнатады. Мысалы: 000000 — қара түс.

<body link=?>                                               RRGGBB түрінде түстің мәнін қолданып, гиперсілтеменің түсін орнатады. Мысалы: 00FF00 — жасыл түс.

<body vlink=?>                                             RRGGBB  түрінде түстің мәнін қолданып, сіз бұрын болып кеткен гиперсілтеменің  түсін орнатады. Мысалы: 333333 — күлгін түс.

<body alink=?>                                             Басу кезінде гиперсілтеменің түсін орнатады.

 

Текстті форматтау үшін қолданылатын тегтер

<pre></pre>                                                 Алдын-ала форматталған текстті жиектейді.

<h1></h1>                                                    ЕҢ ҮЛКЕН тақырыпты құрады.

<h6></h6>                                                     Ең кіші тақырыпты құрады.

<b></b>                                                          Қарайтылған әріппен жазылған текстті құрады.

<i></i>                                                           Көлденең әріппен жазылған текстті құрады.

<tt></tt>                                                         Басу машинкасының стилін көрсететін текстті құрады.

<cite></cite>                                                   Цитаталар үшін қолданылады, әдетте көлденең әріппен жазылған текст.

<em></em>                                                    Тексттен сөзді белгілеу үшін қолданылады (көлденең немесе қарайтылған әріппен жазылған текст).

<strong></strong>                                         Тексттің маңызды бөлігін белгілеу үшін қолданылады (көлденең немесе қарайтылған әріппен жазылған текст).

<font size=?></font>                        1-ден 7-ге дейінгі текст өлшемін орнатады.

<font color=?></font>                                  RRGGBB түрінде түстің мәнін қолданып, текст түсін орнатады.  

 

Гиперсілтемелер

<a href=»URL»></a>                                  Басқа құжаттарға немесе ағымдық құжаттың бір бөлігіне гиперсілтеме құрады.

<a href=»mailto:EMAIL»> </a>                 Құжат авторына хат жазу үшін почталық программаны шақыру гиперсілтемесін құрады.

<a name=»NAME»></a>                             Құжатта гиперсілтеме мақсатында қолданылатын текст бөлігін белгілейді.

<a href=»#NAME»></a>                             Ағымдық құжаттың бір бөлігіне гиперсілтеме құрады.  

 

Форматтау

 <p>                                                               Жаңа  параграф құрады.

<p align=?>                                                    Параграфты құжат шекараларының біреуіне тәуелді етіп тегістейді, мәндері: left, right немесе center.

<br>                                                             Жаңа жолға көшуді қояды.

<blockquote></blockquote>                         Тексттің екі жағы бойынша алшақтықтарды құрады.

<dl></dl>                                                      Анықтамалар тізімін құрады.

<dt>                                                                Терминдер тізімінен әрқайсысын анықтайды.

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

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

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

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

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

<div align=?>                                                 HTML құжатында үлкен блоктан тұратын тексттерді форматтау үшін қолданылатын ең маңызды тег, сонымен бірге кестелер стилінде қолданылады.

 

Графиктік  элементтер

 <img src=»name»>                                     HTML құжатына бейнелерді қосады.

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

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

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

<hr size=?>                                                    Сызықтың биіктігін (қалыңдығын) орнатады.

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

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

<hr color=?>                                                  Анықталған сызықтың түсін береді. RRGGBB мәні.  

 

Кестелер

 <table></table>                                           Кестені құрады.

<tr></tr>                                                       Кестедегі жолдар санын анықтайды.

<td></td>                                                      Кестедегі бөлек ұяшықты анықтайды.

<th></th>                                                       Кесте тақырыбын анықтайды (қалыпты ұяшық ортада қарайтылған әріппен жазылған).

 

Кесте атрибуттары

<table border=#>                                         Кесте рамкасының қалыңдығын береді.

<table cellspacing=#>                                    Кестенің ұяшықтарының арасындағы қашықтықты береді.

<table cellpadding=#>                                   Ұяшықтағы берілгендермен оның рамкасының арасындағы қашықтықты береді.

<table width=#>                                            Кестенің ұзындығын пиксельмен немесе құжат ұзындығынан пайызымен орнатады.

<tr align=?> или <td align=?>        Кестеде ұяшықтарды тегістеуді орнатады,

қабылдайтын мәндері: left, center немесе right.

<tr valign=?> или <td valign=?>    Кесте ұяшықтары үшін вертикаль тегістеуді

орнатады, қабылдайтын мәндері: top, middle немесе bottom.

<td colspan=#>                                      Бір ұяшыққа біріктірілген бағандар санын анықтайды (келісім бойынша=1).

<td rowspan=#>                                            Бір ұяшыққа біріктірілген жолдар санын анықтайды (келісім бойынша=1).

<td nowrap>                                                  Қарау программасында кесте ұяшықтарына көшуге рұқсат етпейді.

 

Кадрлар

<frameset></frameset>                              Кадры бар құжатта <body> тегін тексереді. <frameset rows=»value,value»>          Кестедегі кадрлардың жолын анықтайды,

биіктігі пиксель санымен немесе кесте кадрларының биіктігіне қатынасының пайызымен анықталған.

<frameset cols=»value,value»>                    Кестедегі кадрлардың бағанын анықтайды, ұзындығы пиксель санымен немесе кесте кадрларының ұзындығына қатынасының пайызымен анықталған.

<frame>                                                         Бірлік кадрды немесе кестедегі кадрлардың облысын анықтайды.

<noframes></noframes>                              Броузер терезесінде не көрсетілетінін анықтайды, егер ол кадрларды құптамайтын болса.

 

Кадр атрибуттары

<frame src=»URL»>                                   HTML құжатынан қандай кадр көрсетілетінін анықтайды.

<frame name=»name»>                               Осы кадрда ақпараттарды немесе кадрлардың облысын қайта өзгертуге болатын кадр атын немесе облысын көрсетеді.

<frame marginwidth=#>                              Кадрдың оң жақ және сол жақ шеттерінің мәнін анықтайды; бірдей немесе бірге артық болуы керек.

<frame marginheight=#>                             Кадрдың жоғарғы және төменгі шеттерінің мәнін анықтайды; бірдей немесе бірге артық болуы керек.

<frame scrolling=VALUE>                         Кадрда айналдыру сызғышы шығарылатынын көрсетеді; value мәні «yes», «no» немесе «auto» болуы мүмкін. Қарапайым құжатта  үнсіз келісім бойынша мән auto болады.

<frame noresize>                                                     Кадр өлшемін өзгертуге қарсы болады.  

 

Формалар

Қандай да бір функцияны орындайтын формалар үшін серверде сәйкесінше CGI скриптері қосылу керек. HTML тек қана форманың сыртқы интерфейсін құрады.

 

<form> </form>                                                                              Форманы құрады.

<select multiple name=»NAME» size=?></select>                         Жылжымалы менюді құрады. Size экранда көрсетілетін меню пунктерінің санын орнатады.

<option>                                                                                             Менюдің әрбір бөлек элементін көрсетеді.

<select name=»NAME»></select>                                                Төгілмелі менюді құрады.

<textarea name=»NAME» cols=40 rows=8></textarea>              Текстті енгізу үшін терезе құрады. Columns терезенің ұзындығын;   rows оның биіктігін көрсетеді.

<input type=»checkbox» name=»NAME»>                                  Сheckbox-ты құрады. Тегтен кейін текст жазылады.

<input type=»radio» name=»NAME» value=»x»>                      Radio кнопканы құрады. Тегтен кейін текст жазылады.

<input type=text name=»foo» size=20>                                          Текстті енгізу үшін жолдарды құрады.  Size параметрімен символдардың ұзындығы көрсетіледі.

<input type=»submit» value=»NAME»>                                       «Қабылдау» кнопкасын құрады.

<input type=»image» border=0 name=»NAME» src=»name.gif»>»    Қабылдау»

кнопкасын құрады. Ол үшін бейне қолданылады.

<input type=»reset»>                                                                        «Болдырмау» кнопкасын құрады.

 

 

 

 

 

 

LEAVE A COMMENT

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.