Алексей Гладкий - Веб-Самоделкин. Как самому создать сайт быстро и профессионально
- Название:Веб-Самоделкин. Как самому создать сайт быстро и профессионально
- Автор:
- Жанр:
- Издательство:неизвестно
- Год:неизвестен
- ISBN:нет данных
- Рейтинг:
- Избранное:Добавить в избранное
-
Отзывы:
-
Ваша оценка:
Алексей Гладкий - Веб-Самоделкин. Как самому создать сайт быстро и профессионально краткое содержание
Разве это не замечательно – уметь собственноручно создать и сопровождать сайт, не обращаясь к кому-то за помощью? Помимо экономии денег (ведь услуги по веб-разработке стоят немало), это позволяет самостоятельно решать массу задач: создание личной веб-странички, корпоративного сайта, интернет – магазина, реализация интересных проектов – вот далеко не полный перечень того, что может делать человек, владеющий технологиями веб-разработки.
Прочитав эту книгу, вы узнаете, что представляет собой современный веб-сайт, как разрабатывается его концепция, что такое хостинг и доменное имя, чем отличается статическая веб-страница от динамической, как формируется контент сайта, зачем нужна его оптимизация, а также о многом другом. Вы научитесь самостоятельно программировать веб-страницы с помощью языка гипертекстовой разметки HTML, а также подробно познакомитесь с программными продуктами, специально созданными для веб-разработчиков и позволяющими в автоматическом режиме создать полноценный сайт, затратив на это минимум времени и усилий.
Легкий, доступный стиль изложения, а также большое количество наглядных иллюстраций и практических примеров превращают изучение данной книги в увлекательный процесс, результатом которого станет умение в короткие сроки создать привлекательный современный веб-ресурс и выполнять все необходимые действия по его сопровождению, обслуживанию и оптимизации.
Веб-Самоделкин. Как самому создать сайт быстро и профессионально - читать онлайн бесплатно ознакомительный отрывок
Интервал:
Закладка:
Основные теги языка HTML
Здесь мы познакомимся с наиболее востребованными тегами языка программирования HTML. Отметим, что многие теги имеют свои атрибуты, о которых также будет рассказано в данном разделе. Мы будем рассматривать все теги (даже те, с которыми уже познакомились) в алфавитном порядке.
ВНИМАНИЕ
Не забывайте, что многие теги HTML-языка являются парными – например,
, , и т. д.Тег , как мы уже знаем, предназначен для создания гиперссылок в тексте веб-страницы. Напомним, что гиперссылка является одним из ключевых элементов любого веб-ресурса, поэтому важность данного тега сложно переоценить. Этот тег имеет следующие атрибуты:
• accesskey– назначение для гиперссылки «горячей клавиши»;
• href– определение адреса, на который ведет гиперссылка;
• name– именование областей веб-страницы;
• tabindex– установка порядка перехода по гиперссылкам;
• target– определение окна для отображения объекта гиперссылки.
Тег предназначен для выделения текста полужирным шрифтом. Иначе говоря, весь текст, находящийся между тегами , будет отображаться полужирным шрифтом.
С помощью тега вы можете изменить внешний вид всего текста. Этот тег имеет атрибут size, предназначенный для изменения размера шрифта текста.
Тег позволяет увеличить шрифт текста по сравнению с соседним текстом, а с помощью тега
вы можете создать в документе блок цитаты.Одним из ключевых тегов языка программирования HTML является парный тег
. Как мы уже отмечали ранее, с помощью этого тега идентифицируется основной текст документа. Иначе говоря, все, что вы хотите поместить на веб-страницу, должно располагаться между тегами . Данный тег имеет несколько атрибутов, которые перечислены ниже.• alink, linkи vlink– позволяют установить цвет гиперссылок;
• background – выбор графического фона;
• bgcolor– изменение цвета фона веб-страницы (применение данного атрибута мы на конкретном примере рассмотрели в предыдущем разделе);
• bgproperties– установка режима перемещения графического фона при пролистывании веб-страницы;
• bottommargin– позволяет редактировать высоту нижнего поля;
• leftmargin– позволяет редактировать ширину левого поля;
• marginheight– позволяет редактировать высоту верхнего и нижнего полей;
• marginwidth– позволяет редактировать ширину левого и правого полей;
• rightmargin– позволяет редактировать ширину правого поля;
• text– изменение цвета текста (применение данного атрибута мы на конкретном примере рассмотрели в предыдущем разделе);
• topmargin– позволяет редактировать высоту верхнего поля.
Тег
, как мы уже отмечали ранее, предназначен для создания новой строки (то есть для переноса текста на нижеследующую строку). Этот тег имеет один атрибут – clear, предназначенный для предотвращения переноса слов текста.
С помощью тега
вы можете снабдить таблицу заголовком, а атрибут данного тега alignпозволяет установить признак выравнивания заголовка таблицы.Для центрирования элементов веб-страницы предназначен тег
• align– атрибут позволяет задать признак выравнивания данных в ячейках группы по горизонтали;
• bgcolor– с помощью данного атрибут задается цвет фона ячеек группы;
• char– выбор символа, устанавливающего порядок выравнивания данных в ячейках группы;
• span– установка числа столбцов в группе;
• valign– установка признака выравнивания данных в ячейках группы по вертикали.
– с помощью данного тега создается структурная группа столбцов таблицы. Он имеет те же атрибуты, что и тег . – данный тег позволяет отметить статью определения в списке определений.– с помощью данного тега текст снабжается признаком зачеркивания.
– с помощью данного тега осуществляется изменение внешнего вида текста. Этот тег имеет перечисленные ниже атрибуты.
• color– изменение цвета текста;
• face– изменение шрифта текста;
• size– изменение размера шрифта.
– это тег используется для создания форм. Он также имеет несколько важных атрибутов, которые перечислены ниже.• accept-charset– определение формата кодировки данных;
• action– задание места назначения данных формы;
• enctype– выбор формата передаваемых данных формы;
• method– выбор способа пересылки данных формы по сети;
• target– определение места, где будет отображено сообщение о доставке данных формы.
• bordercolor– предназначен для изменения цвета линий рамки фрейма;
• frameborder– позволяет скрыть рамку фрейма;
• marginheight– позволяет изменить высоту верхнего и нижнего полей фрейма;
• marginwidth– позволяет изменить ширину левого и правого полей фрейма;
• name– предназначен для присвоения имени фрейму;
• noresize– предотвращает изменение размеров фрейма;
• scrolling– предназначен для управления отображением полос прокрутки фрейма;
• src– предназначен для определения имени и местонахождения файла данных, отображаемых фреймом.
– с помощью данного тега включается отображение альтернативного текста при невозможности показа фрейма.
– с помощью данного тега включается отображение альтернативного текста при невозможности исполнения сценария JavaScript.
- – данный тег предназначен для формирования нумерованных списков. Он может использоваться совместно с атрибутами start, который определяет начальный номер элементов списка, и type, определяющим стиль нумерации списка.
– с помощью данного тега можно создавать новые абзацы. Он может использоваться с атрибутом align, который определяет признак выравнивания текста абзаца.
– этот тег предназначен для создания объекта сценария JavaScript.
– с помощью данного тега вы моете уменьшить размер шрифта относительно расположенного рядом текста.
– тег устанавливает признак зачеркивания текста;
– создание полужирного текста
– создание определения внутреннего листа стилей;
– преобразование текста в подстрочный индекс (то есть создание подстрочного текста);
– преобразование текста в надстрочный индекс (то есть создание надстрочного текста);
– тег предназначен для построения таблиц. Он может использоваться совместно с перечисленными ниже атрибутами.• align– включает режим обтекания таблицы текстом;
Читать дальшеИнтервал:
Закладка:
