Позиция на текст
можете да укажете къде да се разполага текста с "text-align:",
следвано от:
·
center - за центриране на текста:
<p style="text-align:cener">този текст ще бъде
центриран</p>
ще има следния ефект:
този текст ще бъде центриран
·
left - за ляво подравняване (което е по подразбиране, така че
обикновено няма нужда да указвате подравняване на ляво);
·
right - за дясно подравняване:
<p style="text-align:right">Този текст ще бъде дясно
подравнен</p>
ще има следния ефект:
Този текст ще бъде дясно подравнен
·
justify - за двустранно подравняване
Хоризонтална линия
Хоризонтална линия в HTML се създава с помощта
на тага <hr />. Този таг е самостоятелен и се използва
за разделяне на съдържанието на уеб страницата. Могат да се използват и
атрибути като width, size, align и color, за да се контролира
дължината, дебелината, подравняването и цвета на линията.
·
Атрибути:
o width: Задава дължината на
линията в пиксели или като процент от ширината на екрана (напр. <hr width="50%" />).
o size: Задава дебелината на
линията в пиксели (напр. <hr
size="5" />).
o align: Подравнява линията
(напр. left, right, center).
o
color: Задава цвета на линията (напр. <hr color="red" />)
Задача:
Като се използва само HTML, да се създаде Уеб-страница със
следното съдържание:
Заглавие: Практическо
упражнение №1, подравняване: в средата, вид на заглавието: с
максимален размер на шрифта.
2. Цвят на фона на страницата – много светъл бледо жълт цвят. (Имената и кодовете на
цветовете можете да видите в https://www.w3schools.com/colors/colors_picker.asp ).
3. Текст – размер: 14 , шрифт: Arial Black, цвят: тъмно син.
4. Напишете кратка характеристика (описание) на класа,
обособена като отделен
параграф.
5. След това запишете
имената на учениците от групата едно
под друго.
6.
Форматирайте горните имена по следния начин: имената на момичената да са с
червен цвят, подчертани и със шрифт Tahoma, а имената на
момчетата –
с черен цвят, с наклонени букви, шрифт
Helvetica.
7.
Оставете два празни реда с хоризонтална линия между тях.
8. На
следващия ред запишете текста: ПРОГРАМА ЗА ДЕНЯ, подравняване: в ляво, тип
на текста: заглавие с минимален размер.
10. Отдолу под формата на номериран списък изпишете часовете
Ви за деня.
11. Оставете един празен ред и добавете името и номера си,
подравнени в дясно.
12. Запишете страницата с името indexName.html, където Name
е името Ви.
