Уроки по HTML предназначены для новичков в вебмастеринге. Также для тех, кто ищет в сети интернет различные уроки по html. Возможно вы также являетесь одним из них, и возможно вы станете нашим постоянным посетителем. На освение HTML5 у вас уйдет не очень много времени после чего необходимо практиковаться и переходить к урокам по css и урокам по Javascript
Подробную информацию по цветам в HTML можно найти в уроке «Как сделать картинку фоном» и в уроке «Цвет в CSS»,
а здесь я приведу таблицу цветовых констант в HTML.
Здравствуйте! Сегодня я хочу рассказать о том как сделать анимацию в SVG. Вы уже многое знаете об SVG. На ппрошлом уроке мы с вами разбирались как рисовать объекты в SVG, задавать им стили и писать текст, но есть также еще очень классная штука — анимация. Вот как анимировать SVG объекты, мы и поговорим в этой статье.
<svg> <rect x="0" y="0" width="150" height="150" fill="#0f0"> <animate attributeName="width" from="0" to="150" dur="5s" /> </rect> </svg>
Для создания анимации используется тег animate. Атрибут attributeName принимает имя того атрибута, который будет анимироваться, from и to, это начальные и конечные значения, а в dur указывается длительность анимации в секундах.
Здравствуйте! Продолжим изучение svg и из этой статьи вы узнаете как стилизовать svg с помощью стилей.
Задавать стили для svg, используя css вы можете аналогично, как и для html элементов, но есть небольшие нюансы. Например, для того чтобы задать цвет фона, необходимо использовать такое свойство как fill, а рамка для элемента задаётся с помощью такого свойства как stroke. Все другие свойства можно посмотреть на официальном сайте w3.org.
Поздравляю всех с Новым Годом! И сегодня я пишу первый пост из серии, посвященной SVG из которой вы узнаете, что такое SVG и где его собственно можно применять.
SVG — это специальный язык для описания 2-ой графики, в основе которого лежит XML. Эта технология очень быстро набирает обороты, и связано это вот с такими факторами:
Здравствуйте! В этой статье разговор пойдет о семантических элементах в HTML5. Эти элементы помогают веб-разработчику разметить страницу на основные части и также поисковику будет легче распознавать отдельные части страницы. До HTML5 в разметке страниц использовался тег <div>, которому присваивали классы или реже идентификаторы id для структурирования и организации разметки страницы.
Таким образом на веб-странице располагали хедер, боковые панели, навигацию, подвал (футер) и многое другое. Новый стандарт HTML5 предоставил разработчикам новые теги для структурирования, организации содержимого и разметки страницы. Новые семантические элементы HTML5 позволили структурировать документ по отдельным частям, чего так раньше не хватало.
Здравствуйте! В этом уроке поговорим о формах и о том как добавить форму на сайт. Формы предназначены для ввода информации пользователями. Это и формы регистрации и различные тесты, опросы и прочие формы.
Для всего этого и предназначены HTML-формы. И сейчас мы рассмотрим как создать форму и из каких полей состоят HTML-формы. Также следует отметить что HTML позволяет только создать форму а вот обрабатывать данные формы язык HTML не умеет для этого используются такие языки как JavaScript( про него читайте здесь), php и др.
Здравствуйте! В этой статье я расскажу о том что такое ссылка и как ее ссылку вставить на сайт. Ссылки являются неотъемлемой частью Интернета и они позволяют переходить с сайта на сайт. Причем сама ссылка может вести не только на веб-страницу а на документ любого типа то есть это может быть рисунок, видео, вордовский файл, презентация.
Самое главное, чтобы документ на который ведет ссылка существовал и к нему был открыт доступ иначе ничего не получится.
Здравствуйте! В этом уроке разберем как вставить видео на сайт. Существуют 2 способа вставки видео на сайт. Это используя сервис видеохостинга как например ютуб, рутуб и им подобные, а второй используя тег video, который появился в HTML5.
Самый простой это конечно же первый способ. Если вы хотите загрузить видео с видеосервиса то вам придется выполнить 3 пункта:
1. Сперва надо зарегистрироваться на видеосервисе (Например: Youtube)
2. После регистрации вы сможете загрузить видео
3. Остается получить код видео и собственно вставить его на свой сайт
Здравствуйте! В этом уроке я расскажу о том как добавить картинку на сайт. Сам процесс добавления изображений на сайт как бы происходит в 2 этапа. Сначала в любом редакторе для работы с изображениями (кстати вот вам уроки по Фотошопу) подготавливается изображение, а затем оно размещается на веб-странице с помощью тега <img>.
При подготовке и размещении изображений вам следует учитывать такие моменты:
Сообщить об опечатке
Текст, который будет отправлен нашим редакторам: