C, PHP, VB, .NET

Таблиците са често използвано средство за форматиране на HTML страници. Също така те са и едно от основните средства за постигане на ефектен дизайн. Таблиците приемат изключително класически смисъл – състоят се от редове (<tr> – table rows) и колони (<td> – table data). Самите таблици се ограждат в таг <table>. Има и специални стойности <th> – table head или „заглавни колони“. Ще демонстрираме една примерна таблица и в последствие ще обясним всеки нейн елемент: Прочети още…

.

Когато ни се налага да изброяваме поредица от елементи, то ние използваме т.нар. „списъци“. Езикът HTML позволява доста възможности за осъществяване на такава функционалност.

1. Подредени списъци: Може би са по-добре познати са като „номерирани списъци“. Чрез тях изреждаме стойности една след друга, като всяка си има пореден уникален номер. По подразбиране номерът следва числата 1, 2, 3, 4, … Прочети още…

.

За разлика от стандартните текстови документи, в правенето на интернет страница се залага изключително много на визуалното представяне. Доста голяма роля за него играят шрифтовете. Естествено целта на тези статии не са да обучават на дизайн и естетика. Затова ще се фокусираме главно към технологията. Подбора и комбинацията от шрифтове ще оставим за други специализирани курсове.

Вече показахме възможности за декориране на текст, като например често използваното подчертаване. Освен това още в началото казахме как можем да удебеляваме текст чрез таг <b> и да го правим в курсив чрез таг <i>.  Всъщост удебеляването и курсива могат да се постигнат също чрез стилове: Прочети още…

.

В миналата статия отбелязахме как чрез „стилове“ (styles) можем да центрираме текст, да го слагаме в ляво, дясно или да го разпъваме до рамката на прозореца. Сега ще разгледаме още няколко стила:

1. Разстояние между буквите – това е стил „letter-spacing“. Като параметър приема брой пиксели. Служи за раздалечаване на буквите една от друга.

Пример: Прочети още…

.

Връзките (hyperlinks) от една HTML страница към друга са основен инструмент за навигиране в Интернет. Използват се изключително често и те са елементът, които ни позволява да „раздробяваме“ информацията на по-малки части. С други думи – създаваме раздели на сайтовете си, препращаме за повече информация към други източници и т.н.

Връзка се дефинира по следния начин: Прочети още…

.

Обикновено в страниците в интернет има много картинки. Това са не само снимки, но и много графики, които оформят менюта, рамки, прозорци и т.н. Има два метода за добавяне на картинки в XHTML. Първият е чрез наложилият се масово, но нестандартен таг <img>: Прочети още…

.

Както вече отбелязахме в предишната статия, текста в XHTML се форматира главно чрез параграфи, които се означават с таг <p>. Освен това съществуват и стандартни „заглавия“ (headings). Заглавията се означават с тагове <h1>, <h2>, … <h6>, като разликата между тях е в големината на шрифта. Ето един пример: Прочети още…

.

XHTML е език за дефиниране на страници в интернет. Името е същращение от eXtensible HyperText Markup Language. Това е стандарт, който е наследник на популярния HTML целящ да направи езика по-стриктен. На практика почти всички примери за HTML и XHTML се припокриват.

Страниците в интернет, които разглеждате ежедневно съдържат както текст, така и графики, картинки, мултимедия и динамични елементи. Дизайна на всяка една страница се дефинира именно чрез езика XHTML. Освен това можете да разглеждате едни и същи страници на различни по големина монитори, различни операционни системи и браузъри, като те ще изглеждат еднакво навсякъде. Целта на XHTML е да предостави унифициран стандарт за еднозначно визуализиране на информация, като това да отнеме възможно най-малко мрежови трафик. Прочети още…

.