HTML бу нәрсә ?

Стандарт нигезләр структурасы

Hiper Text Markup Language
<html> <head> <title>Мәсәлән</title> </head> <body> <H1>Саләм !</H1> <P> Менә бу гади мисал HTML документы </P> </body> </html>	Саләм ! Менә бу гади мисал HTML документы

Мәҗбүри меткалар

<html>...</html>

Бу метка html документы ачыларга һәм ябыларга тиеш

<head>...</head>

Бу пар меткалар документның бүлек башы билгеләү

<title>...</title>

Документларга исем бирергә тиеш

<body>...</body>

Бу пар теглар документның тән. Аны эченә салынган нәрсә.
параметрлар

marginheight - Документның киңлекне өс һәм асты читләр билгелә. Тик Netscape браузеренда эшлә.
topmargin - Документның киңлекне өс һәм асты читләр билгелә. Тик Internet Explorerда эшлә.
marginwidth - Документның киңлекне уң һәм сул читләр билгелә. Тик Netscape браузеренда эшлә.
leftmargin - Документның киңлекне уң һәм сул читләр билгелә. Тик Internet Explorerда эшлә.
background - Рәсем фон өчен билгелә. URL адресы яисә файлның исем gif яки jpg форматында кулланырга кирәк.
bgcolor - Документның фоны төс билгелә. (Мәгънәләр: RGB)
text - Документның текстны төс билгелә.
link - Документның һиперссылкаларны төс билгелә.
alink - Документның баса торган һиперссылкаларны төс билгелә.
vlink - Документның кара торган һиперссылкаларны төс билгелә.

Мисаллар

<html>
<body background="fon_green.gif" bgcolor="#202020" text="red" link="#ff0000" vlink="#505050" marginheight="30" topmargin="30" leftmargin="40" marginwidth="40">
...
Теләсә нинди текстлар, рәсемнәр һ.б.
...
</body>
</html>

Карагыз монда

Бүтән меткалар

<base>

Нигез адресы агымдагы документны күрсәтә. Ахыргы тегне юк. Бер яисә ике параметрларның биридә булуы кирәк.
параметрлар

href
target

Мисаллар

<link>

Карагыз монда

<meta>

Документның тасвирлау өчен кулланыла. Дөрес индексасыясы өчен бик кирәк. Ахыргы тегне юк.
параметрлар

name
http-equiv
content

Мисаллар

<script> ... </script>

Скрипт билгелә.
параметрлар

language
src

Мисаллар

Элемент <noscript> ... </noscript>

Әгәр script белән браузер эшләми.

Мисаллар

Аңлатмалар

Фреймлар

Structure of frame
<html> <head> <title>Мәсәлән</title> </head> <frameset cols="265, "> <frameset rows="165, "> <frame src="topmenu.html" name="menu1"> <frame src="botmenu.html" name="menu2"> </frameset> <frame src="mainpage.html" name="page"> <noframes> Синеке браузер Фреймлар күрсәтми икән </noframes> </frameset> </html>	topmenu.html	mainpage.html
	botmenu.html	mainpage.html

Мәҗбүри меткалар

<frameset> ... </frameset>

параметрлар

rows
cols
border
frameborder
framespacing

<frame> ... </frame>

параметрлар

src
name
marginwidth
marginheight
scrolling
noresize
frameborder

<noframes> ... </noframes>

HTML стиле

Cascade Style Sheet
<html> <head> <title>Мәсәлән</title> <style type="text/css" title="Cool table"> body {color : white} p {color :blue; font-size :12pt; font-family :Arial} h1 {color :red; font-size :18pt} </style> </head> <body> <h1>Бу шрифт 18pt </h1> <h1 style="font-size: 36pt">Бу шрифт 36pt</h1> <p>Бу текст зәңгәр һәм 12pt Arial шрифт белән ясаган</p> </body> </html>	Бу шрифт 18pt Бу шрифт 36pt Бу текст зәңгәр һәм 12pt Arial шрифт белән ясаган

Мәҗбүри меткалар

<style> ... </style>

параметрлар

type
title

HTML бу нәрсә ?

Стандарт нигезләр структурасы

Саләм !

Мәҗбүри меткалар

Мисаллар

Бүтән меткалар

Мисаллар

Мисаллар

Мисаллар

Мисаллар

Аңлатмалар

Фреймлар

Мәҗбүри меткалар

HTML стиле

Бу шрифт 18pt

Бу шрифт 36pt

Мәҗбүри меткалар