Badinski.com

Официалната страница на Емил Бадински

Ако се интересувате от Уеб Дизайн сте попаднали на правилната страница. Тук ще ви преставя някои основни техники от програмирането с HTML, XML, CSS, Java Script и други.

Материалите на тази страница са за абсолютно начинаещи така че ако не спадате към тях предполагам няма да ви е особено интересно.

Търси

Основни правила на HTML и XHTML

Съдържанието на всеки HTML файл се състои от множество елементи. Всеки елемент е маркиран с така наречените тагове. Почти всички елементи изискават отварящ и затварящ таг, които показват началото и края на даден елемент. Всеки таг се поставя в следните скоби <таг>. Ето и един пример:

<h1>Това е един пробен елемент!</h1>

вижте как изглежда

При нормалния HTML език няма значение дали таговете в скобите са написани с малки или големи букви. При новия XHTML вариант обаче всички тагове трябва да са с малки букви. Затова ви препоръчвам независимо дали ползвате HTML или XHTML да свикнете да пишете с малки букви.

Някои елементи нямат нужда от затварящ таг тъй като нямат никакво съдържание. Пример за такъв единичен таг е пренасянето на нов ред или <br>. Тук отново има разлика между HTML и XHTML. При XHTML всички единични тагове трябва да завършват с наклонена черта <br />.

Влагане на елементи

Много често срещано е влагането на елементи един в друг. По този начин се изграждат по-сложни структури. Ето как изглежда едно примерно влагане на елементи:

<b><i>Това са вложени елементи. </i></b>

Виж примера

Таговете <i></i> посочват че елемента между тях трябва да бъде изобразен наклонен а таговете <b></b> посочват че елемента между тях трябва да бъде изобразен с удебелен шрифт.

Атрибути на таг

Отварящите и единичните тагове могат да съдържат различни допълнителни атрибути. С тяхна помощ елемнтите могат да получат по-специално форматиране.

Пример за допълнителни атрибути:

<h1 align="center">Аз съм центриран елемент</h1>

Атрибутът align="center" предизвиква показването на елемета в средата на страницата. Има множество атрибути които ще разгледаме по-късно.

Основна структура на HTML файл

По принцип HTML файловете се състоят от следните три главни части:

Деклариране типа на документа
Заглавна част
Основно част - тяло

Ето и един пример как изглежда самият код.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Заглавие на страницата </title>

</head>

<body>

</body>

</html>

Основна структура на XHTML файл

<?xml version="1.0" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">