|   
 
 
 
 
 
 
   
  Поиск по сайту:
логин : пароль :  
    Напомнить пароль?    
Реклама
Популярные статьи
    Реклама
     

    HTML (Hyper Text Markup Language)

    Уроки веб-дизайна » HTML
     
     
     

    HTML (Hyper Text Markup Language)Основным преимуществом и особенностью веб-страниц является то, что информация, размещённая на них, имеет вид гипертекста. Гипертекст - это текст, в который встроены специальные коды, задающие форматирование текста, наличие в нем иллюстраций, мультимедийных вставок и гиперссылок. Эти коды определены в языке программирования HTML (Hyper Text Markup Language - язык разметки гипертекста). То есть веб-страница фактически является документом в формате HTML. Процесс вставки в текст кодов HTML называют разметкой.

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

    Фактически сервер, на котором размещён сайт, передаёт браузеру код страницы, которую запрашивает пользователь. В коде браузеру даются указания по поводу того, как и где отображать тот или иной элемент разметки. Однако, т. к. страницы вебсайтов зачастую используют различные изображения для улучшения внешнего вида страницы с точки зрения их создателей, то в данном коде HTML также даётся команда относительно их использования на странице, также адрес по которому находится тот или иной файл изображения. Как правило изображения находятся непосредственно на том же сервере, что и сам сайт, но иногда могут быть использованы изображения с других серверов. Однако для пользователя это не имеет особого значения. Разница может быть лишь в скорости загрузки страницы, т. к. запрос и обмен данными одновременно с несколькими серверами занимает больше времени. Пользователи, которые используют высокоскоростной доступ в Интернет, практически не замечают разницы в загрузке, однако при просмотре таких страниц на мобильных устройствах, а также через перегруженные общественные сети, могут это ощутить.

     
     

    Основы вёрстки сайтов

    CSS, HTML, Статьи
     
     
     

    Самым популярным типом верстки HTML-страниц долгое время была табличная верстка. Таблицы, которые изначально проектировались как средство представления двумерных массивов данных, использовались преимущественно как инструмент для точного позиционирования контента на веб-странице.

    Стандарт HTML не позволяет расположить картинки и текст относительно друг друга на четкой расстояния, а табличная верстка, в которой различные части контента помещаются в разные ячейки таблиц, позволяет решить эту проблему. К тому же, табличная верстка очень удобна в проектировании сайтов с большим количеством графических элементов: в больших рисунках почти всегда можно выделить части, окрашенные одинаковым цветом, которые можно выбросить, заменив на пустые ячейки с соответствующим фоном, сэкономив таким образом на общем объеме графики и времени загрузки страниц.

     
     

    Создание таблицы в HTML

    Уроки веб-дизайна » HTML » Таблицы
     
     
     

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

    Для создания таблицы используется четыре элемента. Таблицу описывают с помощью тегов <table>...</table>, она должна иметь одну или несколько строк <tr>...</tr>, в каждой из которых может содержаться заголовок <th>...</th> или данные <td>...</td>.

    По умолчанию таблица имеет невидимые границы ячеек. Для того чтобы сделать их видимыми, используют атрибут BORDER, который имеет целочисленные значения, определяющего толщину рамки в пикселах, например <table border="5">.

    Таблица может иметь заголовок, который задается тегами <caption> и </caption>. Тег <caption> может содержать атрибут ALIGN с одним из значений top или bottom, определяющие расположение заголовка соответственно перед таблицей или после нее (по умолчанию установлено значение top). Например, <caption align="bottom">Расписание уроков</caption>.

     
     

    Текстовые гиперссылки в HTML

    Уроки веб-дизайна » HTML » Гиперссылки
     
     
     

    Гиперссылка - это указание для браузера, к какому объекту в пределах или за пределами HTML-документа он должен обратиться. С помощью гиперссылок пользователи могут переходить из одной страницы на другую, загружать файлы и т. д.. Как гиперссылка может быть оформленн фрагмент текста или рисунок (графический файл). Когда веб-страница отображается в окне браузера, текстовая ссылка обычно выделена синим цветом и подчеркиванием. Однако это далеко не всегда так. Для перехода в место, на которое указывает ссылка, пользователю достаточно щелкнуть её текст.

    Для создания гиперссылки необходимо использовать тэги <a> и </a>, определив для тега <a> атрибут HREF. Его значением должен быть адрес URL, на который указывает ссылка. Текст ссылки располагают между тегами <a> и </a>.

     
     

    Списки в HTML

    Уроки веб-дизайна » HTML » Списки
     
     
     

    ...В неупорядоченном списке для выделения элементов используются определенные метки (точки, квадраты и т. д.). Начинается такой список с тега <ul>, а заканчивается его закрывающим тегом </ul>. Каждый элемент списка начинается с тега <li> и заканчивается - </li>. Тег <ul> может иметь атрибут TYPE, который определяет форму отметки. Этот атрибут приобретает следующие значения...

    ...Список определений (definition list) по сравнению с маркированным или нумерованным имеет несколько более сложное строение. Каждый элемент такого список состоит из двух частей: термина и его определения. Таким образом могут быть оформлены словари и терминологические справочники. Данный список открывает тег <dl>, термин выделяется тегом <dt>, а его определение — с помощью тега <dd>. Не забывайте, что каждый из этих тегов должен быть закрыт: </dl>, </dt>, </dd>...

     
     


     
     
    Сайт о животных | Отдых в Феодосии
    Копирование и распостранение материалов на другие сайты строго запрещено!
      Яндекс.Метрика