Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Май 2024  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
НАШ ОПРОС
Какую верстку вы предпочитаете?
Всего ответов: 16
ДРУЗЬЯ

НАША КНОПКА

..::ШКОЛА HTML & CSS::.. || ..::SCHOOL HTML & CSS::..

ОБЛАКО ТЕГОВ
<meta метаданные Домен популярность сайта рейтинг тиц favicon иконка имидж сайта каскадные таблицы стилей что такое css высота подвал Class id атрибуты отличия трюки выпадающее меню css теги html замена картинки список написание спецсимволов символы <a гиперссылка ссылка тег
СТАТИСТИКА

Яндекс Цитирование
Средний Индекс Цитирования
Rambler's Top100



Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Архив материалов
Последние ответы на форуме в блоке для ucoz.

Установка:

Создаем информер: Название: Статистика форума в блоке --> Раздел: Форум --> Способ сортировки: Последние обновленные темы --> Количество материалов: 5 --> Количество колонок: 1.

В шаблоне информера всё удаляем, ставим этот код:

Код
<img src="http://bambun.ru/images/756432556s.png"><a href="$THREAD_URL$"> $THREAD_TITLE$</a><br>
  <script src="http://china-air.r ... Читать дальше » /div>

Категория: Скрипты | Просмотров: 300 | Дата: 23.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)
Сегодня я расскажу, что мы можем сделать с тегом <a>.
Тег <a> в основном используется для вставления гиперссылок. Т.е. при нажатии на такую ссылку вы переходите на какую то страницу. Но не всегда тегом <a> можно отправиться на новую страницу. Этим тего мы можем отправить пользователя к конкретному месту на текущей странице.
Пример использования тега <a> в виде ссылки на некую страницу:
Code

<a href="http://school-html-css.3dn.ru/" target="_blank" title="..::ШКОЛА HTML & CSS::..">На главную</a> <!-- Тег <a> обязательно должен закрываться </a> -->
< ... Читать дальше » /div>

Категория: HTML | Просмотров: 1592 | Дата: 13.04.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Иногда нам нужно показать пользователям какой то html или css код, или же использовать символ, как,к примеру, в названии Tom & Jerry.
Вот некотороые из таких символы:
ВНИМАНИЕ! Каждый такой символ строго начинается со знака амперсента (&) и заканчивается на точку с запятой (;)


&nbsp;
пробел



&lt;
<



&gt;
>



&amp;
&



Это были основные символы, которые следует знать каждому.
Так же есть всяческие второстепенные символы, к примеру ©
Вот список некоторых из них:


&copy;
©



&trade;
... Читать дальше » /div>

Категория: HTML | Просмотров: 970 | Дата: 11.04.2009 | Рейтинг: 5.0/1 | Комментарии (0)
Наверняка вы часто видили, как на сайтах, в списках, типа меню, построенных на тегах ul и li стоят не некрасивые кружки, а какие то симпотичные иконочки.
Сейчас я расскажу как вы можете легко и быстро изменить некрасивый кружок (либо просто спрятать его вовсе).
Напишем стандартный код:

Code

<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
</ul>

Эти самые кружки меняются очень просто:
В ваш файл с CSS пишем следующее:

Code
... Читать дальше » /div>

Категория: CSS | Просмотров: 1429 | Дата: 08.04.2009 | Рейтинг: 1.0/1 | Комментарии (0)
Итак, приступим...

1) Для удобства вынесем CSS в отдельный файл. Для этого откроем блокнот -> Сохранить как -> style.css.
2) Вставьте в этот файл следующий код (подробнее о нем читайте в конце урока):

Code

#menu,  
#menu ul {  
  border: 1px solid #b4b4b4;  
  background: #003a63;  
  float: left;  
  width: 300px;  
}  

#menu li {  
  float: left;  
  position: relative;  
  background: #003a63;  
... Читать дальше » /div>

Категория: Скрипты | Просмотров: 1002 | Дата: 29.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Здравствуйте, уважаемые посетители Школы HTML и CSS! Наша очередная статья по CSS будет посвящена довольно важному для валидации и корректной работы вопросу CSS и HTML – отличиям между атрибутами class и id.

Начнем с определений.
Id – уникальный определитель объекта. Это значит, что несколько элементов на странице не должны иметь одинаковый id. В HTML записывается, например, так:

Содержание блока

В CSS, стили для id, записываются так:

Code
#test {font: 12px Arial;}

Class – определитель стиля объекта, или группы объектов на странице. Его часто применяют для повторяющихся конст ... Читать дальше » /div>

Категория: CSS | Просмотров: 1428 | Дата: 29.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
В этом уроке, я расскажу Вам о том, как прижать footer ("подвал" сайта) к низу страницы, чтобы при малом количестве контента не терялась целостность страницы.
В ваш файл CSS добавляем следующее (файл должен называться style.css):
Code

html, body {
  margin: 0;
  padding: 0;
  height: 100%; /* не забываем это свойство для html и body */
}

Если вам нужно прижать подвал на какой то конкретной странице, то напишите следующий код прямо на странице:
... Читать дальше » /div>

Категория: CSS | Просмотров: 1188 | Дата: 26.03.2009 | Рейтинг: 0.0/0 | Комментарии (1)
Что же такое CSS (Каскадные Таблицы Стилей)?

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.

Обзор

CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах выво ... Читать дальше » /div>

Категория: Статьи | Просмотров: 2587 | Дата: 17.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Это картинка размером 16Х16 пикселей, которая характерна для большинства профессионально сделанных сайтов. В интернет - браузерах иконка сайта показывается в адресной строке и в папке Избранное (отсюда и название Favorite Icon), рядом с названием сайта. Согласитесь, что такая иконка может производить очень даже положительный эффект на ваших посетителей:

1. Посетители подумают, что над сайтом работал профессионал.
2. Им запомниться конкретный графический образ вашего сайта. Это значит, в следующий раз им будет легче его вспомнить, а значит и посетить повторно.
3. В конце концов, это просто красиво.

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

Использование иконки позволит задержать вни ... Читать дальше » /div>

Категория: Статьи | Просмотров: 931 | Дата: 17.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
Каждый начинающий web-дизайнер сталкивался с проблемой домена, точнее нужен ли собственный домен, и как это отразиться на раскрутке сайта. В этой статье описано несколько плюсов и минусов доменов разного уровня.

Домен - (от англ. domain - область, территория).

По международному соглашению каждой стране выделено некоторое кодовое обозначение длиной 2-3 буквы, которое называется доменом первого уровня или доменом этой страны. Так, например, если адрес сайта заканчивается на .ru - значит, сайт находится в домене России, .fr - Франции, .jp - Японии. Кроме того, существуют несколько доменов первого уровня, связанных не с географией, а с направленностью сайта - например, .com для коммерческих, .org для некоммерческих, .edu для образовательных организаций. Домен первого уровня также называют "зоной".

Домены второго уровня выдаются предприятиям и частным лицам в аренду, как правило, с ежегодной оплатой. В каждой зоне домены второго уровня выдает специально уполномоченная организаци ... Читать дальше » /div>

Категория: Статьи | Просмотров: 918 | Дата: 16.03.2009 | Рейтинг: 0.0/0 | Комментарии (0)
« 1 2 ... 7 8 9 10 11 12 »
© 2008-2024 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на //school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"