Html заглавия и параграфи Заглавия

- с нарастване на номера след h в   големината на заглавието намалява. Можете да избирате между 6 големини за текста, но на практика се използват

,

и

.

Параграфи

Параграфите се ограждат с таговете  
и
:

Параграф

Всеки нов параграф се извежда на нов ред, но можете да прекъснете реда по средата и да отправите останалия текст на нов ред без да прекъсвате параграфа, като използвате таг

HTML изображения

Изображения се декларират със следния таг: Ето и един пример за вмъкване на изображение:

Това е центрирано изображение:

Като атрибут на се задават следните параметри:

• 
  името на изображението-файл. Използва се фразата
  
  src="адрес-на-файла"

  където "адрес-на-файла" е пътя до директорията (считан от настоящата директория), където се намира изображението и самото му име. Не забравяйте да укажете точно адреса на изображението, ако то се намира в папка,  различна от настоящата - тази на html документа.

  
  
• 
  широчина и височина на изображението. Задават се съответно с
  
  width="широчина" и
  
  height="височина".

  На мястото на широчина и височина сложете съответния размер на изображението (в пиксели).

  
  

alt="алтернативно име".

Това е текстът, който ще се покаже на мястото на изображението ако то по една или друга причина не може да бъде заредено.

Препратки

Препратките се добавят с маркера <а>.... Основният му атрибут е href="стойност" като стойността е адресът, към който води препратката.

• 
  Препратка към чужди сайтове. Например :
  

<а href="http://www.google.bg">GOOGLE

В браузъра ще се вижда само GOOGLE като при кликване върху надписа, ще се отвори страницата http://www.google.bg.

NB! Посочването на целия URL (с http://) e задължително, защото иначе страницата няма да се отвори.

• 
  Препратка към страница от вашия сайт. В този случай просто записваме като стойност на href "име на страницата.html" (aко са в една и съща папка) или "горна или под директория/име на страницата.html" (ако са в различни папки). Например:
  

<а href="kontakti.html">Свържи се с мен

• 
  Препратка към част от страницата. За да се осъществи този тип препратки, е нужно :
  
  • 
    Първо - да се окаже цел (целта е наименовано място в дадена web страница).Това става чрез атрибута name="стойност" като стойността е някакъв текст. Например:
    

<а name="sudurjanie" >Съдържание

• 
  Ако искаме да окажем цел на заглавие , просто дописваме атрибута id="стойност" в маркера .... Например :
  

id="zaglavie">Заглавие

• 
  Второ - да се окаже друга препратка, която да превърти до дадената цел. Това става чрез атрибута href="стойност" като стойността e "#име на целта" . Например :
  

<а href="#sudurjanie">Препратка,водеща към Съдържанието

Oсвен текст, препратката може да бъде и изображение. За да направите това, трябва просто между маркера за препратки <а>... да въведете маркера за добавяне на изображение. Например :

<а href="http://bg.wikipedia.org/wiki/Медуза_(животно)">

Ще изглежда така :

По подразбиране изображението-препратка се пуказва с рамка. Ако не искате да има рамка или пък искате да е с определена дебелина, трябва да включим в маркера за добавяне на изображение атрибута border="стойност". Например :

<а href="http://bg.wikipedia.org/wiki/Медуза_(животно)">
border="0">  

Ще изглежда така :

Препратките могат да се отварят и в нов прозорец. Това става чрез атрибута target и неговата стойност  "_blank" . Например :

target="_blank" >Пробвай!

Списъци

Неномериран списък

...
(от unordered list) като всеки елемент от списъка се вмъква с маркера
• ...
(от list item). Знакът, който се появява пред всеки ред в списъка, по подразбиране е черен запълнен кръг. Ако искате да използвате други символи, трябва към
...
да добавите атрибута type="стойност" като негови стойности  могат да бъдат : 

• 
  "disk" - запълнено кръгче като това, което е по подразбиране
  
• 
  "circle" -незапълнен кръг
  
• 
   "square" - запълнен квадрат 
  

Например :





• Елемент 1


• Елемент 2


• Елемент 3


• Елемент 4
 



Ще изглежда така :



• 
  Елемент 1
  
• 
  Елемент 2
  
• 
  Елемент 3
  
• 
  Елемент 4
  

Номериран списък 


указва се с
...
(ordered list) като всеки елемент от списъка се вмъква отново с маркера
• ...
. Знакът, който се появява пред всеки ред в списъка по подразбиране е цифра. Ако искате да използвате други символи, трябва към
...
да добавите атрибута type="стойност" като неговите стойности  тук могат да бъдат :

• 
  "А" - ще се извеждат главни латински букви;
  
• 
  "а" - ще се извеждат малки латински букви;
  
• 
  "I" - ще се извеждат главни римски букви;
  
• 
  "i" - ще се извеждат малки римски букви;
  

Друг атрибут, който може да се добави в маркера
...
e start="стойност" като стойността е първото число или буква, с която искаме да започва списъка. Ако се пропусне по подразбиране се почва от първото число или буква.

Ето ви един пример :




start="3">


1. Елемент 1


2. Елемент 2


3. Елемент 3


4. Елемент 4
 



Ще изглежда така :



3. 
   Елемент 1
   
4. 
   Елемент 2
   
5. 
   Елемент 3
   
6. 
   Елемент 4
   

Таблици


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

Маркерът за указване на таблици е .... Таблиците се състоят от редове, които съдържат клетки. Редовете се указват с маркера