Posts Tagged ‘теги’

Проигрываем видео в html странице

Четверг, Январь 22nd, 2015 Нет комментариев

Under : , , ,

Мало в каком справочнике найдешь тег, который позволяет проигрывать видео, а ведь это обычный тег <img> (далее…)

Разбор HTML средствами MQL4

Вторник, Сентябрь 9th, 2014 Нет комментариев

Under : , , , , ,

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

Мультимедиа в стиле HTML 5: теги AUDIO и VIDEO

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , ,

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

Веб-дизайнерам самое время задуматься о переходе на новую версию HTML. Ведь практически все современные веб-обозреватели — Mozilla Firefox, Opera, Google Chrome и Apple Safari — уже её поддерживают. Ну, может быть, не полностью (ведь окончательная спецификация HTML 5 ещё не принята), а только некоторые возможности. В том числе и новые средства вывода на веб-страницы аудио и видео. (далее…)

Валидация форм на стороне клиента

Вторник, Апрель 17th, 2012 Нет комментариев

Under : , , , ,

Проверка форм на стороне клиента с использованием JavaScript ни для кого не является новым изобретением. Но использование технологии HTML DOM возможно является таковым для многих людей. Заинтересовал? Тогда вперед!

Я предположу, что вы уже читали некоторые статьи о методах проверки правильности форм, и со стороны клиента и со стороны сервера, но этот метод имеет несколько новое направление в данной теме. То, о чем я собираюсь рассказать, это – включение объектно-ориентируемого программирования в проверку правильности форм. Этот метод работает с браузерами, которые поддерживают JavaScript и HTML DOM от W3C, типа Internet Explorer 6, Netscape 6 и Opera 6, и в некоторой степени более ранние версии. Хотя я не проверял Konqueror, но судя по его спецификациям это должно работать нормально и в нем тоже. (далее…)

Экзамен 200-100 Zend Certified PHP Engineer

Понедельник, Апрель 9th, 2012 Нет комментариев

Under : , , , , , , , , ,

С июля 2004 года начата программа сертификации PHP специалистов. Поскольку еще в июне мне удалось принять участие в бета-тестировании экзамена этой сертификации, спешу поделиться своим мнением со всеми, кто интересуется тем, как стать Zend Certified PHP Engineer.

Автором программы является компания Zend, статус которой в мире PHP ни у кого, я надеюсь, не вызывает сомнений. Ко всему прочему, необходимость сертификации по PHP назрела давно. Следует отметить, что этот вакуум  давно пытались заполнить различные системы тестирования/сертификации, например, Brainbench.com, ExpertRating.com, CIW и т.п. И вот теперь, на поле PHP сертификации вступает главный игрок – компания Zend. Итак, теперь по порядку. (далее…)

Преобразование URL в теги

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , ,

Есть некий текст, в котором встречаются фразы типа «А не сходить ли тебе на http://site.com ?«.

Задача: Сделать все слова, похожие на ссылки, html-ссылками, т.е. преобразовать текст примера вот так: «А не пойти ли тебе на <a href=http://site.com>http://site.com ?</a>«.

После линии идет полный код программы.


(далее…)

Блочные элементы

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , , , , ,

Блочным называется элемент, который отображается на веб-странице в виде прямоугольника. Такой элемент занимает всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки. К блочным элементам относятся контейнеры <div>, <h1> и <p>.

Допускается вкладывать один блочный элемент внутрь другого, а также размещать внутри них встроенные элементы (<span>, например). Запрещено добавлять внутрь встроенных элементов блочные (пример 1). (далее…)

Свойства списков

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , ,

С помощью CSS можно создать маркированные и нумерованные списки, а также использовать в качестве маркера подходящее изображение.

В табл. 1 перечислены свойства элементов, предназначенных для создания и изменения списков.

Табл. 1. Свойства CSS для управления видом списка
Свойство Значение Описание Пример
list-style-type disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
none
Вид маркера. Первые три используются для создания маркированного списка, а остальные — для нумерованного. LI {list-style-type: circle}
LI {list-style-type: upper-alpha}
list-style-image none
URL
Устанавливает символом маркера любую картинку. LI {list-style-image: url(check.gif)}
list-style-position outside
inside
Выбор положения маркера относительно блока строк текста. LI {list-style-position: inside}
list-style Универсальное свойство, включает одновременно все вышеперечисленные свойства.

Поскольку тег <li> наследует стилевые свойства тега <ol> или <ul>, который выступает в качестве его родителя, то можно устанавливать стиль как для селектора UL, так и для селектора LI. Так, в примере 1 используется селектор UL, для него и задаются стилевые параметры. (далее…)

Таблицы и стили

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , , , ,

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

Далее речь пойдет об оформлении таблиц с помощью стилей. Но в начале обговорим некоторые моменты, которые помогут лучше понять, что же мы делаем. (далее…)

Цвет ссылок

С помощью HTML можно задавать цвета всех ссылок на странице, а также изменять цвета для отдельных ссылок.

Задание цвета всех ссылок на странице

Цвета ссылок задаются в качестве атрибутов тега <body>. Атрибуты являются необязательными и если они не указаны используются значения по умолчанию.

link — определяет цвет ссылок на веб-странице (цвет по умолчанию синий, #0000FF).

alink — цвет активной ссылки. Цвет ссылки меняется при нажатии на ней кнопки мыши. Цвет по умолчанию красный, #FF0000.

vlink — цвет уже посещенных ссылок. Цвет по умолчанию фиолетовый, #800080.

В HTML цвета задаются обычно цифрами в шестнадцатеричном коде, в виде #rrggbb, где r, g и b обозначают соответственно красную, зеленую и синюю составляющую. Для каждого цвета задается шестнадцатеричное значение от 00 до FF, что соответствует диапазону от 0 до 255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ # (пример 1). (далее…)