HTML негіздері: құжат құрылымы, тегтер, атрибуттар және кестелер

Пән: Информатика, Программалау, Мәліметтер қоры
Жұмыс түрі: Материал
Тегін: Антиплагиат
Көлемі: 5 бет
Таңдаулыға:

HTML - БАЗАЛЫҚ ТЕХНОЛОГИЯСЫ

Өлшеуіш тілдер. HTML

Өлшеуіш тілдерінің берілуі. SGML. HTML - өлшемнің негізгі тілі. HTML - құжатының құрылымы. Тегтер (элементтер), атрибуттар, комментарии. Escape - тізбектелуі.

HTML (Hyper Text Markup Language) - гипермәтіндік өлшеуіш тілі күрделі SGML (Standard Generalized Markup Language) өлшеуіш тілінің мүшесі болып табылады. HTML кез келген тілдер сияқты программа құрудың стандартты құрылымынан тұрады. Бұл жағдайда ол HTML - құжат. HTML - тег директивалары бұрыштама жақшаларына алынады. Бұрыштама жақшаға алынбаған барлық объектілерді интерпретатор экранда бейнеленетін мәтін ретінде қабылдайды. Тег - браузер интерпретаторына тиісті нақты әр директиваға мәнді қалай өңдеуді көрсететін HTML командасы. Бұл мән тег атрибуты деп аталады. Тегтің атрибуты болуы да, болмауы да мүмкін. Мысалы, < HTML > тегінің атрибуты болмайды.

HTML - құжаты қысқа түрде құжат тақырыбынан және құжат денесіне тұрады.

HTML-де жумыс жасау ережелерi:

<HTML>-ашадын тек…. . </HTML>-жабатын тек

<TITLE>-бас такырыр </TITLE>

<!-коментари>

<BODY> кужаттын денеси </BODY>

<P>-абзац косымша параметирлери бар

<P_ALIGN=logt(он) , center(орта), rijht(сол) >

<PRE>-кайта форматтау теги </PRE>

<BR>- жолды болу косымша параметирлери CLEAR=<legt(right/all) >бул тегти колданган кезде осы тектин артында турган матын жана жолдан жазылады.

legt-жол жак шеек

raght-он жак.

all-еки жагынан.

<NOBR>-болинбейтин жол. </NOBR>

HTML кестелери.

HTML кестелери жолдар Жане багандардан турады кестенин уяшыктары кез-келген HTML элементтеринен туруы мумкин бас жолдан фигура форма элементтери.

<TABLE>кесте</TABLE>

<HTML>

<HEAD>

<TITLE>

<BODY>

<TABLE>

Кестенин жолы<TR>…. </TR>саны TR тегинин саны мен бериледи

Жолдар ALIGN жане VALIGN атрибуттарына ие болуы мумкин. Бул атрибуттар осы еки атрибут жолдарынын ишиндеги матиннин орналасуын корсетеди.

<TD>…. </TD>кестенин уйашигы тек канна <TR> кестулердин ишинде сипатталады арбир уйашык TD теги озара багандарга байланысты номирленген болуы кажет. Бул кестеде ALIGN VALIGN теги болуы мумкин.

<TH>…. <TH> кестенин бас такырыбы.

<CAPTION>…. </CAPTION> бул тек кестенин аталуын сипаттаиды. CAPTION теги TABLE тектин ишинде бирак TR, TD тектин сыртында болуы кажет кклисим бойынша <CAPTION ALIGN=top>тен болады.

Кестенин негизги атрибуттары

1. BORDER-бул кестенин шекарасы бутин санмен бериледи.

2. ALIGN-егер осы атрибут TR, TH, TD-жол осы тектердин ишинде болса горизанталь бойынша матинди баскарады жане келеси мандерге ие болады.

ALIGN=legt/rijht/conter/-кездессе ол колтанба кестенин жогаргы жагында немесе томен болуын корсетеди.

3. VALIGN -бул атрибут TR, TD, TH тектердин ортасында кездесу мумкин ол матинннин вертикалды туринде уяшыктардан орнатылатынын корсетеди . Келеси манге ие болуы мумкин VALIGN=top(жогары) /botton(томен) /middle(орта)

4. COL SPAN-бул атрибут горизанталь бойынша неше уяшыктар бириккенин корсетеди. Келисим бойынша ол 1-ге тен.

ROW SPAN-неше уяшыктар вертикаль бойынша.

COLS PEC-параметирлери багандардын енин корсетеди. еки турде корсетуге болады.

1. Сан бойынша.

2. Процент бойынша.

Мысалы:

<CAPTION ALIGN=bottom>N1кестеси</CAPTION>

<TR><TD ROWSPAN=2></TD>…. . <TH COLSPAN=2> пандер</TH></TR>

<TR><TH>Математика</TH></TH>Физика</TH></TR>

<TR><TD>Айгуль Талгат</TD><TD ALIGN=CENTER>100</TD>

Міндетті тегтер.

<html> тегі HTML-құжатты ашуы керек. Сол сияқты </html> тегі HTML-құжатты аяқтайды.

Бұл тегтер жұбы құжат тақырыбының басы мен соңын көрсетеді. Құжат тақырыбынан басқа (төмендегі <title> тегінің жазбасын қараңыз), бұл бөлімде көптеген ақпараттар бар.

<title> және </title> тегінің арасындағы ақпараттар браузермен құжат аты деп аталады. Netscape Navigator , мысалы, терезе тақырыбында кезектегі құжаттың атын көрсетеді және оны әр беттің сол жақ жоғарғы бұрышында принтерге басып шығарады. Аты 64 символдан ұзақ болмауы керек.

Бұл тегтер жұбы HTML-құжат денесінің басы мен соңын көрсетеді. Дене ол құжаттың мазмұнын анықтайды.

<Hi> (мұндағы i - 1 ден 6-ға дейінгі сан) түріндегі тег алты әртүлі деңгейдегі тақырыпты сипаттайды. Бірінші деңгей - ең үлкен, алтыншы деңгей - ең кіші тақырып.

Мұндай тегтер жұбы абзацты сипаттайды. <P> және </P> тегі арасындағылар бір абзац болып қабылданады. <Hi> және <P> тегтері қосымша ALIGN атрибутынан тұруы мүмкін, мысалы:

<H1 ALIGN=CENTER> тақырыпты ортаға түзулеп келтіру</H1>

немесе

<P ALIGN=RIGHT> абзацты оң жаққа бойынша түзулеп келтіру </P>

<html>

<head>

<title>2 Мысал</title>

</head>

<body>

<H1 ALIGN=CENTER>Сәлем!</H1>

<H2> Бұл HTML-құжатының күрделі мысалы</H2>

<P>Біз енді білеміз абзацты тек солға ғана емес түзулеп келтіруге, </P>

<P ALIGN=CENTER>сонымен бірге орта бойынша</P> <P ALIGN=RIGHT>немесе оң жақ бойынша түзулеп келтіруге. </P>

</body>

</html>

Жұп емес тегтер. Бұл бөлім HTML құжатының екі негізгі ержесіне бағынбайтын тегтер жөнінде болады: олардың барлығы жұп емес, ал кейбіреулері (&-деп аталатын тізбектер) кіші әріппен енгізілуі керек.

<BR> Бұл тег абзацты үзбей жаңа жолға өту үшін қолданылады. Өлең жазуға өте ыңғайлы. <HR>Белгі <HR> мынадай горизонтальды сызықты бейнелейді:

Белгі сонымен бірге қосымша SIZE (сызықтын қалыңдығын пиксельде береді) атрибутынан тұруы мүмкін және/немесе WIDTH (сызықтын қалыңдығын процентте береді) . Төменде горизонтальды сызықтар коллекциясы келтірілген.

<html>

<head>

<title>Сызық мысалы</title>

</head>

<body>

<H1>Горизонтальды сызықтар коллекциясы</H1>

</body>

</html>

... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.