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=?> RRGGBB түріндегі түстің мәнін қолдана отырып, гиперсілтемелерді басқан сәттегі түсін береді.

 

Мәтінді форматтауға арналған тегтер

<pre></pre> Форматталған мәтінді шамалап жиектеу.
<h1></h1> Ең үлкен тақырыпты құрады
<h6></h6> Ең кіші тақырыпты құрады
<b></b> Батырылған (жирный) мәтін жазады
<i></i> Курсивті мәтін жазады
<tt></tt> Баспа машинкасының стиліне ұқсас мәтінді жазады.
<cite></cite> Дәйексөзге (цитат) қолданылады, әдеттегі курсивті мәтін.
<em></em> Мәтіннен сөз бөліп алу үшін қолданылады (курсивті немесе батырылған мәтін).
<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 src="name" align=?> Суретті құжаттың бір жағына орналастырады, мәндері келесідей: left, right, center; bottom, top, middle
<img src="name" border=?> Суреттің шетіндегі рамканың қалыңдығын беред.і
<hr> HTML құжатқа көлденең сызық қосады.
<hr size=?> Сызықтың биіктігін (қалыңдығын) береді.
<hr Сызықтың енін береді, оны пиксельмен немесе процентпен көрсетуге болады.
<hr noshade> Көлеңкесіз сызық жасайды.
<hr color=?> Түспен анықталған сызық сызады. Мәні RRGGBB.

 

Кестелер

<table></table> Кесте жасайды.
<tr></tr> Кестедегі жолды анықтайды.
<td></td> Кестедегі жеке ұяшықты анықтайды.
<th></th> Кестенің тақырыбын анықтайды (орталықтанған батырылған мәтіні бар қалыпты ұяшық).

Кестенің анықтауыштары (атрибуттар)

<table border=#> Кестенің рамкасының қалыңдығын береді.
<table cellspacing=#> Кестенің ұяшықтары арасындағы арақашықтықты береді.
<table cellpadding=#> Ұяшықтағы бар мәнмен оның рамкасының арасындағы арақашықтықты береді.
<table Құжаттағы кестенің енін пиксельде немесе процентте береді.
<tr align=?> немесе <td align=?> Кестедегі ұяшықты теңестіреді, мәндері: left, center немесе right.
<tr немесе <td Кестедегі ұяшықты тігінен теңестіреді, мәндері : 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 margin Кадрдың сол жақ немесе оң жақ шетіндегі шегіністер (отступ) көлемін анықтайды, ол 1 ге тең немесе 1 ден үлкен болуы керек.
<frame marginheight=#> Кадрдың жоғарғы және төменгі шетіндегі шегіністер (отступ) көлемін анықтайды, ол 1 ге тең немесе 1 ден үлкен болуы керек.
<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> Жайылған меню жасайды.
<option> Менюдің әрбір жеке элементін көрсетеді
<textarea name="NAME" cols=40 rows=8></textarea> Мәтін енгізуге арналған терезе құрады. Columns терезенің енін көрсетеді; rows терезенің биіктігін көрсетеді.
<input type="checkbox" name="NAME"> Checkbox жасайды. Тегтен кейін мәтін тұрады.
<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"> "Болдырмау" түймесін жасайды.

 

HTML Коды символов. Специальные символы.
Специальные символы Некоторые символы не входят в базовую часть таблицы кодов ASCII. К ним относятся буквы алфавитов части европейских языков, математические и некоторые другие символы. Некоторые символы, введенные в HTML документ будут интерпретироваться не так, как задумал автор. Это, например, символы "<" и ">", используемые для указания тегов. В этих случаях можно вводить нужные символы с помощью специальных кодов. Коды начинаются с символа "амперсанд"(&). За ним следует буквенный код или числовой код в десятичной или шестнадцатеричной системе. Завершает код символ "точка с запятой"(;). Таблица спецсимволов.
Буквенный код Цифровой код Символ Описание
&quot; &#34; " двойная кавычка
&amp; &#38; & амперсанд
&lt; &#60; < знак 'меньше'
&gt; &#62; > знак 'больше'
&nbsp; &#160;   неразрывный пробел
&iexcl; &#161; ¡ перевернутый восклицательный знак
&cent; &#162; ¢ цент
&pound; &#163; £ фунт стерлингов
&curren; &#164; ¤ денежная единица
&yen; &#165; ¥ иена или юань
&brvbar; &#166; ¦ разорванная вертикальная черта
&sect; &#167; § параграф
&uml; &#168; ¨ умляут
&copy; &#169; © знак copyright
&ordf; &#170; ª женский порядковый числитель
&laquo; &#171; « левая двойная угловая скобка
&not; &#172;   знак отрицания
&shy; &#173; ­ место возможного переноса
&reg; &#174; ® знак зарегистрированной торговой марки
&macr; &#175; ¯ верхняя горизонтальная черта
&deg; &#176; ° градус
&plusmn; &#177; ± плюс-минус
&sup2; &#178; ² "в квадрате"
&sup3; &#179; ³ "в кубе"
&acute; &#180; ´ знак ударения
&micro; &#181; µ микро
&para; &#182; символ параграфа
&middot; &#183; · точка
&cedil; &#184; ¸ седиль (орфографический знак)
&sup1; &#185; ¹ верхний индекс 'один'
&ordm; &#186; º мужской порядковый числитель
&raquo; &#187; » правая двойная угловая скобка
&frac14; &#188; ¼ одна четвертая
&frac12; &#189; ½ одна вторая
&frac34; &#190; ¾ три четвертых
&iquest; &#191; ¿ перевернутый вопросительный знак
&Agrave; &#192; À латинская заглавная А с тупым ударением
&Aacute; &#193; Á латинская заглавная А с острым ударением
&Acirc; &#194; Â латинская заглавная А с диакритическим знаком над гласной
&Atilde; &#195; Ã латинская заглавная А с тильдой
&Auml; &#196; Ä латинская заглавная А с двумя точками
&Aring; &#197; Å латинская заглавная А с верхним кружком
&AElig; &#198; Æ латинские заглавные символы AE вместе
&Ccedil; &#199; Ç латинская заглавная C с седилем
&Egrave; &#200; È латинская заглавная E с тупым ударением
&Eacute; &#201; É латинская заглавная E с острым ударением
&Ecirc; &#202; Ê латинская заглавная E с диакритическим знаком над гласной
&Euml; &#203; Ë латинская заглавная E с двумя точками
&Igrave; &#204; Ì латинская заглавная I с тупым ударением
&Iacute; &#205; Í латинская заглавная I с острым ударением
&Icirc; &#206; Î латинская заглавная I с диакритическим знаком над гласной
&Iuml; &#207; Ï латинская заглавная I с двумя точками
&ETH; &#208; Ð латинская заглавная D с черточкой
&Ntilde; &#209; Ñ латинская заглавная N с тильдой
&Ograve; &#210; Ò латинская заглавная O с тупым ударением
&Oacute; &#211; Ó латинская заглавная O с острым ударением
&Ocirc; &#212; Ô латинская заглавная O с диакритическим знаком над гласной
&Otilde; &#213; Õ латинская заглавная O с тильдой
&Ouml; &#214; Ö латинская заглавная O с двумя точками
&times; &#215; × знак умножения
&Oslash; &#216; Ø латинская заглавная O со штрихом
&Ugrave; &#217; Ù латинская заглавная U с тупым ударением
&Uacute; &#218; Ú латинская заглавная U с острым ударением
&Ucirc; &#219; Û латинская заглавная U с диакритическим знаком
&Uuml; &#220; Ü латинская заглавная U с двумя точками
&Yacute; &#221; Ý латинская заглавная Y с острым ударением
&THORN; &#222; Þ латинская заглавная THORN
&agrave; &#224; à латинская строчная a с тупым ударением
&aacute; &##225; á латинская строчная a с острым ударением
&acirc; &##226; â латинская строчная a с диакритическим знаком
&atilde; &#227; ã латинская строчная a с тильдой
&auml; &#228; ä латинская строчная a с двумя точками
&aring; &#229; å латинская строчная a с верхним кружком
&aelig; &#230; æ латинская строчные буквы ae
&ccedil; &#231; ç латинская строчная c с седилем
&egrave; &#232; è латинская строчная e с тупым ударением
&eacute; &#233; é латинская строчная e с острым ударением
&ecirc; &#234; ê латинская строчная e с диакритическим знаком
&euml; &#235; ë латинская строчная e с двумя точками
&igrave; &#236; ì латинская строчная I с тупым ударением
&iacute; &#237; í латинская строчная I с острым ударением
&icirc; &#238; î латинская строчная I с диакритическим знаком
&iuml; &#239; ï латинская строчная I с двумя точками
&eth; &#240; ð латинская строчные символы eth
&ntilde; &#241; ñ латинская строчная N с тильдой
&ograve; &#242; ò латинская строчная O с тупым ударением
&oacute; &#243; ó латинская строчная O с острым ударением
&ocirc; &#244; ô латинская строчная O с диакритическим знаком
&otilde; &#245; õ латинская строчная I с тильдой
&ouml; &#246; ö латинская строчная I с двумя точками
&divide; &#247; ÷ знак деления
&oslash; &#248; ø латинская строчная O со штрихом
&ugrave; &#249; ù латинская строчная U с тупым ударением
&uacute; &#250; ú латинская строчная U с острым ударением
&ucirc; &#251; û латинская строчная U с диакритическим знаком
&uuml; &#252; ü латинская строчная U с двумя точками
&yacute; &#253; ý латинская строчная Y с острым ударением
&thorn; &#254; þ латинская строчная thorn
&yuml; &#255; ÿ латинская строчная Y с двумя точками
&fnof; &#402; ƒ знак функции

Символы для букв

&circ; &#710; ˆ диакритический знак над гласной
&tilde; &#732; ˜ тильда

Греческие буквы

&Alpha; &#913; Α заглавная альфа
&Beta; &#914; Β заглавная бета
&Gamma; &#915; Γ заглавная гамма
&Delta; &#916; Δ заглавная дельта
&Epsilon; &#917; Ε заглавная эпсилон
&Zeta; &#918; Ζ заглавная дзета
&Eta; &#919; Η заглавная эта
&Theta; &#920; Θ заглавная тета
&Iota; &#921; Ι заглавная иота
&Kappa; &#922; Κ заглавная каппа
&Lambda; &#923; Λ заглавная лямбда
&Mu; &#924; Μ заглавная мю
&Nu; &#925; Ν заглавная ню
&Xi; &#926; Ξ заглавная кси
&Omicron; &#927; Ο заглавная омикрон
&Pi; &#928; Π заглавная пи
&Rho; &#929; Ρ заглавная ро
&Sigma; &#931; Σ заглавная сигма
&Tau; &#932; Τ заглавная тау
&Upsilon; &#933; Υ заглавная ипсилон
&Phi; &#934; Φ заглавная фи
&Chi; &#935; Χ заглавная хи
&Psi; &#936; Ψ заглавная пси
&Omega; &#937; Ω заглавная омега
&alpha; &#945; α строчная альфа
&beta; &#946; β строчная бета
&gamma; &#947; γ строчная гамма
&delta; &#948; δ строчная дельта
&epsilon; &#949; ε строчная эпсилон
&zeta; &#950; ζ строчная дзета
&eta; &#951; η строчная эта
&theta; &#952; θ строчная тета
&iota; &#953; ι строчная иота
&kappa; &#954; κ строчная каппа
&lambda; &#955; λ строчная лямбда
&mu; &#956; μ строчная мю
&nu; &#957; ν строчная ню
&xi; &#958; ξ строчная кси
&omicron; &#959; ο строчная омикрон
&pi; &#960; π строчная пи
&rho; &#961; ρ строчная ро
&sigmaf; &#962; ς строчная сигма (final)
&sigma; &#963; σ строчная сигма
&tau; &#964; τ строчная тау
&upsilon; &#965; υ строчная ипсилон
&phi; &#966; φ строчная фи
&chi; &#967; χ строчная хи
&psi; &#968; ψ строчная пси
&omega; &#969; ω строчная омега

Общая пунктуация

&ndash; &#8211; тире
&mdash; &#8212; длинное тире
&lsquo; &#8216; левая одиночная кавычка
&rsquo; &#8217; правая одиночная кавычка
&sbquo; &#8218; нижняя одиночная кавычка
&ldquo; &#8220; левая двойная кавычка
&rdquo; &#8221; правая двойная кавычка
&bdquo; &#8222; нижняя двойная кавычка

Прочие символы

&dagger; &#8224; латинский крест
&Dagger; &#8225; двойной крест
&bull; &#8226; маленький черный кружок
&hellip; &#8230; многоточие ...
  &#8240; знак промилле (процент с дополнительным ноликом)
&prime; &#8242; одиночный штрих - минуты
&Prime; &#8243; двойной штрих - секунды
&oline; &#8254; надчеркивание
&frasl; &#8260; косая дробная черта
&euro; &#8364; евро
  &#8470; знак номера
&trade; &#8482; знак торговой марки
&loz; &#9674; ромб
  &#9675; круг

Стрелки

&larr; &#8592; стрелка влево
&uarr; &#8593; стрелка вверх
&rarr; &#8594; стрелка вправо
&darr; &#8595; стрелка вниз
&harr; &#8596; стрелка влево-вправо
  &#8597; стрелка вверх-вниз

Масти

&spades; &#9824; знак масти 'пики'
&clubs; &#9827; знак масти 'трефы'
&hearts; &#9829; знак масти 'червы'
&diams; &#9830; знак масти 'бубны'

 

 

  HTML · Введение · body - Тело документа · h - Заголовок · p - Абзац · br - Перевод строки · hr - Горизонтальная линия · div/span - логические блоки · Форматирование текста · pre - Текст-как есть · ol, ul - Списки · dl - Списки определений · table - Таблицы · img - Картинки · a - Гиперссылки · form - Формы · Коды символов

 


Дата добавления: 2018-02-18; просмотров: 8688; Мы поможем в написании вашей работы!

Поделиться с друзьями:






Мы поможем в написании ваших работ!