русс | укр

Программирование:

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог1С

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании

Обучение

Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Как сделать favicon и что это?

Дата добавления: 2015-07-09; просмотров: 488; Нарушение авторских прав

Варианты DOCTYPE для HTML 4.01

● Строгий (Strict): не содержит элементов, помеченных как «устаревшие» или «не одобряемые» (deprecated).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 

● Переходный (Transitional): содержит устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

 

● С фреймами (Frameset): аналогичен переходному, но содержит также теги для создания наборов фреймов.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

 

Варианты DOCTYPE для HTML 5. Сейчас широко используется и даже поддерживается internet explorer.

В HTML 5 используется только один вариант DOCTYPE:

<!DOCTYPE html>

 

Структура страницы:

 

<!DOCTYPE html>

<html>

<head>

<title>Title</title>

<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>

</head>

<body>

<div class=”content”>

<h1 id=”header”>Заголовок h1</h1>

<p>Параграф</p>

<img src=”/images/im.png”/>

</div>

</body>

</html>

 

Как сделать favicon и что это?

 

Favicon- это значок веб-страницы. Если у вас нет дизайнера, которого можно проэксплуатировать, тогда сделать его можно самому, воспользовавшись генератором фавиконов: например, http://favicon.ru

 

 

Типы элементов:

 

1. Блочные элементы (block level elements). Содержимое такого элемента помещается в определённый прямоугольник – блок, который не пересекается с другими блоками на странице. По такому принципу работают элементы <p></p>, <h1></h1> и т.п.

2. Строковые элементы (inline elements). Они не образуют никаких блоков и помещаются в текущий блок (сразу после предыдущего элемента или последней буквы текста) в ту же строку. Таким образом, на одной и той же строке может находиться несколько строковых элементов. По такому принципу работают элементы /<br>, <span></span>, <a></a>, <i></i>, <b></b>, <ul></ul>, <img/> и другие.

 

Изначально верстка была табличной и простая табличка 2 на 2 имела такой вид:

<table border="1" cellpadding="1" cellspacing="0" width="400">

<tr>

<td width="50%">1</td>

<td width="50%">1</td>

</tr>

<tr>

<td width="50%">2</td>

<td width="50%">2</td>

</tr>

</table>

 

А что если это таблица 16 на 16. Что тогда? Такую структуру было трудно дорабатывать. Поэтому позже появилась блочная или дивная верстка (основанная на блоках или div).

И теперь ту же самую таблицу можно представить так:

 

<div class="wrapper">

<div class="table">

<div class="row">

<div class="col red">1</div>

<div class="col blue">1</div>

</div>

<div class="row">

<div class="col">2</div>

<div class="col">2</div>

</div>`

</div>

</div>

 

<style type="text/css">

.wrapper{

width:100%;

}

 

.table{

display:table;

width:400px;

}

 

.row{

display:table-row;

}

 

.col{

display:table-cell;

border:1px solid black;

width: 50%;

}

</style>

 

<style type="text/css"></style> - а это еще что такое?

 

Это мы включили в нашу разметку каскадные таблицы стилей.

А если делать все грамотно, то надо подключить свои стили так:

<head>

<link rel="stylesheet" href="css/style.css" type="text/css">

</head>

Где в атрибуте href указываем путь до нашего файла со стилями.

type="text/css" - говорит о том, что мы работаем с css, то есть каскадными таблицами стилей.

 


<== предыдущая лекция | следующая лекция ==>
Если задать атрибут width, текст начинает пе- реноситься по словам | Почему они называются каскадными?

Карта сайта Карта сайта укр

Видео
Уроки php mysql Программирование
Онлайн сервисы
Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские
Полезное

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных

 


Не нашли то, что искали? Google вам в помощь!

  
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.
Генерация страницы за: 7.652 сек.