Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Обучение созданию сайтов с нуля. #8. Основы HTML. Списки и линии.


Информационный Канал Subscribe.Ru

 

Создание сайтов с нуля

#8. Основы HTML

архив предыдущих выпусков: www.webcourse.com.ru

по всем вопросам пишите на e-mail : webcourse@mail.ru


Открылся сайт www.webcourse.com.ru.

На этом сайте будет размещаться архив рассылки, еще я буду выкладывать туда свои статьи и материалы по созданию, размещению и раскрутке сайтов. Также я выложил программы, которые могут пригодиться при создании сайтов (несколько текстовых html-редакторов, оптимизаторы html-страниц и т.п.).

А теперь продолжим изучение тегов HTML. Сегодня поговорим о различных списках, а также о таком элементе дизайна, как горизонтальные линейки.

Горизонтальные линейки - тег <HR>.


Горизонтальное отчеркивание применяется для визуального разделения страницы или текста на части. От использования горизонтальных линеек размер документа увеличится несущественно, а вот вид документа можно сделать намного более структурированным.

Основные атрибуты данного тега:

align - как вы уже знаете (ну а если еще не знаете, то это есть в архиве выпусков), этот атрибут отвечает за выравнивание линейки относительно краев;

noshade - если указать данный атрибут в теге, то линейка будет обычной, если же данный атрибут не указывать, то линейка будет "трехмерной";

size - размер линейки (имеется в виду высота);

width - ширина линейки, наиболее удобно ее указывать в процентах.


Пример тега горизонтального отчеркивания:

<hr align="center" noshade size="1" width="100%">

либо просто:

<hr>.


Тег <ВLОСKQUOTE>

Добавляет поля по краям текста. Полезен при структурировании положения текста, позволяет компактно расположить его в центре страницы.


Создание списков

Списки являются очень удобным средством разметки текста, и более наглядного его расположения. Используются весьма часто, потому что облегчают восприятие информации, изложенной в документе.

Рассмотрим два вида списков - нумерованный и ненумерованный.

Ненумерованный список:

  • первый элемент
  • второй элемент
  • третий элемент списка

Такой список создается так:

<UL>

<LI> первый элемент
<LI> второй элемент
<LI> третий элемент списка

</UL>

<ul>...</ul> - теги начала и конца списка, между этими тегам находится сам список, состоящий из элементов

<li> - (List Item), после данного тега записываем очередной элемент списка.

У тега <UL> есть атрибуты отображения маркера.

Атрибуты стандартных маркеров:

  • <UL TYPE=DISK> Тег создает сплошные маркеры такого типа, как в списках первого уровня по умолчанию.
  • <UL TYPE=СIRCLE> Тег создает маркеры в виде окружностей.
  • <UL TYPE=SQUARE>Тег создает сплошные квадратные маркеры.

 

Нумерованный список:

Создается тегом <OL>.

Атрибут тега - Type позволяет выбирать тип нумерации.

Примеры:

<ОL ТYРЕ=l> Тег создает список с нумерацией в формате 1., 2., 3., 4. и т.д.

<ОL ТYРЕ=А> Тег создает список с нумерацией в формате А., В., С., D. и т.д.

<OL ТYРЕ=а> Тег создает список с нумерацией в формате а., b., с., d. и т.д.

<ОL ТYРЕ=I> Тег создает список с нумерацией в формате I., II., III., IV. и т.д.


И еще по поводу изучения сайтостроения: здесь важна постоянная практика. Нужно пробовать сделать то, о чем вы читаете, иначе, без применения всего этого на практике не будет ничего, вы забудете все через пару дней.

Именно поэтому, в первых выпусках я описывал регистрацию бесплатного хостинга - чтобы вы имели возможность создать сайт и увидеть его, набрав в адресной строке браузера адрес вашего сайта. Тогда и стимул к обучению должен появиться.

Еще несколько выпусков я посвящу основам HTML, потому что без него никак :), ну а потом будет поинтереснее, поговорим про дизайн, раскрутку, размещение сайта и т.п.

 

Всего доброго.
Винников Василий.

 

Создание сайтов, обучение web-дизайну, основы html.


Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора
Подписан адрес:
Код этой рассылки: economics.education.webcourse
Отписаться
Вспомнить пароль

В избранное