Всеки *.html файл започва и свършва със следния код:
Код за потвърждение: Избери целия код
<html>
<head>
</head>
<body>
</body>
</html>Нека сега ви запозная с основните групи, а те са: meta тагове, тагове за текст, тагове за таблици и тагове за frame-ове. Това са най-общо групите тагове. Нека сега да разгледаме всяка една група.
<meta> тагове
Мета таговете се записват в <head> тага. Те са изключително полезни и наложителни. Например от тях се задава информацията, по която сайта ви се разглежда от търсачкитеКод за потвърждение: Избери целия код
<html>
<head>
<title> Заглавието на вашата страница</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="author" content="Посочвате автора на страницата" />
<meta name="description" content="Кратко описание на страницата ви">
<meta name="keywords" content="Тук напишете всички възможни думи, за които се досетите имащи общо със страницата ви">
</head>
<body>
</body>
</html>
Тагове за текст
Тези тагове се поставят в главния таг <body> </body>, който съдържа всички визуални промени, които нагласяте.Тези тагове биват два вида:
- - за определяне вида на текста
- за определяне потока на текста
<b>текст</b> - Удебелява заградения текст
<big>текст</big> - Увеличава големината на буквите на заградения текст
<blink>текст</blink> - Кара заградения текст да мига
<cite>текст<cite> - Форматира заградения текст като цитат
<code>текст</code> - Форматра заградения текст като фрагмент от програма
<u>текст</u> - Подчертава заградения текст
<i>текст</i> - Прави заградения текст курсив
<small>текст</small> - Намалява големината на буквите на заградения текст
<strike>текст</strike> - Рисува линия посредата на буквите
<strong>текст</strong> - Подчертава силно заградения текст (удебелява го)
<tt>текст</tt> - При изобразяването на заградения текст се използва шрифт с фиксирана ширина
<sub>текст</sub> и <sup>текст</sup> - Форматира заградения текст като долен - горен индекс
Тагове за определяне потока на текста:
<address>текст</address> - Форматира адрес
<blackquote>текст</blackquote> - Форматира цитат
<br /> - Стоп линия
<center>текст</center> - Центрира зафрадения текст
<font>текст</font> - Установявя шрифт, цвят и големина на заградения текст
<h#>текст<h#> - Показва че заградения текст е заглавие от ниво #, където # е число от 1 до 6
<hr /> - Слага хоризонтална линия
<img /> - Слага изображение в html страницата Може да бъде използван в комбинация с тага.
<p>текст</p> - Обозначава нов параграф
Тагове за таблици
Таблиците са много важна част при правенето на web страници. С тях можете много лесно да позиционирате даден елемент от страницата в една мрежа, като използвате невидими border-и. Основните тагове са:
<table> и </table> - това е основната структура на таблицата
<tr> и </tr> отделя редовете в таблицата
<th> и </th> ограждат заглавието на таблицата
<td> и </td> отделят отделните клетки в таблицата
Тагове за frame-ове
Рамките са много удобен метод за направа на страници, в които искате част от страницата да e статична, а друга да e динамична. Един вид вашата страница съдържа няколко отделни страници. Този метод за направа на web страници спомага и за олекотяване на страницата.
Таговете за създаване на frame-ове е много елементарен:
Наборът от рамки се съдържа между таговете <frame>...</frame> и <frameset>...</frameset>
Има една подробност, която не трябва да забравяте никога, когато използвате frame!
Ако в добавената страница (динамичната) има хипервръзка трябва задължително да се укаже на страницата как да я зарежда. Възможностите са следни:
"_self" - в същият фреим
"_top" - ще зареди страницата в целия browser
"_parent" - зарежда се в parent frame
"_blank" - ще отвори страницата в нов прозорец
Преди тага за начина на отваряне трябва да има "="
Надявам се да съм ви бил полезен,
Поздрави Иван Торлаков
П.П. Урока е авторски, за ползването му пишете лично съобщение
