HTML – базалық технологиясы


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. Процент бойынша.

Мысалы:

<TABLE BORDER=5>

<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>

<TD ALIGN=CENTER>98</TD></TR>

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

<html> . . . </html>

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

<head> . . . </head>

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

<title> . . . </title>

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

<body> . . . </body>

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

<H1> . . . </H1> - <H6> . . . </H6>

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

<P> . . . </P>

Мұндай тегтер жұбы абзацты сипаттайды. <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>

<HR SIZE=2 WIDTH=100%><BR>

<HR SIZE=4 WIDTH=50%><BR>

<HR SIZE=8 WIDTH=25%><BR>

<HR SIZE=16 WIDTH=12%><BR>

</body>

</html>

... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.
Ұқсас жұмыстар
Интернет және WEB сайт туралы түсінік
PHP- мен бірге жұмыс істейтін сервердің классикалық құралы- APACHE +PHP+MySQL
PHP тілі. PHP-мен бірге жұмыс істейтін құралдар
JSP, PHP, ASP Web программалау тілдеріне шолу. Сайт құру кезеңдері
Желілік технология енгізу пані бойынша электронды оқулық
Intranet –қосымшалары
Интернетте программалау технологиясын, Web builder бағдарламасын зерттеу және негізгі әдістерін үйрене отырып, «Дүниетану» деп аталатын оқу-танымдық сайт жасақтау
Деңгейлеп оқытудың ерекшеліктері
MS VS NET ортасында интернет қолданбалар құру
Қашықтықтан оқытуды ұйымдастыру технологиялары
Пәндер



Реферат Курстық жұмыс Диплом Материал Диссертация Практика Презентация Сабақ жоспары Мақал-мәтелдер 1‑10 бет 11‑20 бет 21‑30 бет 31‑60 бет 61+ бет Негізгі Бет саны Қосымша Іздеу Ештеңе табылмады :( Соңғы қаралған жұмыстар Қаралған жұмыстар табылмады Тапсырыс Антиплагиат Қаралған жұмыстар kz