HTML

HTML

Уроки по  HTML предназначены для новичков в вебмастеринге. Также для тех, кто ищет в  сети интернет  различные уроки по html. Возможно вы также являетесь  одним  из них, и  возможно вы станете нашим постоянным посетителем. На освение HTML5 у вас уйдет не очень много времени после чего необходимо практиковаться и переходить к урокам по css и урокам по Javascript

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

Значение атрибута должно обязательно заключаться в  двойные кавычки "".  Название атрибута и его значение являются регистронезависмым, то есть не чувствительным к регистру букв, но лучше все же писать маленькие буквы.

HTML-атрибуты полный список атрибутов

 

Здравствуйте! В этой статье я хотел бы рассказать о HTML-тегах.  Они теги являются основой  HTML.  Теги обычно испоьзуются для разгранечения начала и конца документа

Любой HTML-документ имеет определенную структуру и состоит из тегов открывающих и закрывающих.

HTML-элементы делятся на 5 типов:

  •  элементы в которых как правило нет содержимого — <area>, <base>, <br>, <col>, <embed>, <hr>, <img>, <input>, <keygen>, <link>, <menuitem>, <meta>, <param>, <source>, <track>, <wbr>;
  • элементы для подключения скриптов и стилей — <script>, <style>;
  • элементы специальные которые выводят неформатированный текст — <textarea>, <title>;
  • элементы из иного пространства имен — MathML и SVG;
  • обычные элементы — все остальные элементы.

В таблице ниже я привожу  список тегов, поддерживаемых  стандартами HTML4 и HTML5. Элементы, которые были  добавлены в стандарт  HTML5, выделены  красным цветом.

html теги

 

Здравствуйте! Сегодня я хочу рассказать о том как сделать анимацию в SVG. Вы уже многое знаете об 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 и где его собственно можно применять.

SVG - это  специальный язык для описания 2-ой графики, в основе которого лежит  XML. Эта технология очень быстро набирает обороты, и связано это вот с такими факторами:

  • При изменении размеров  svg фигуры всегда  будут перерисовываются, поэтому вы всегда будете видеть изображение без пикселизации, в отличие от растрового изображения.
  • Браузеру не надо загружать картинку с  сервера, т.е. он сам её нарисует, соответственно  повышается быстродействие и страничка загружается быстрее, а это положительно сказывается на пользовательских факторах сайта
  • Можно задавать стили  с помощью CSS, как для html элементы, или с помощью скриптов  JavaScript
  • Есть возможгость  редактирования или анимирования используя CSS и JavaScript
  • Уменьшается размер изображений

Что такое SVG

 

  Здравствуйте!  В этой статье разговор пойдет о семантических элементах в HTML5. Эти элементы помогают веб-разработчику  разметить страницу на основные части и также поисковику будет легче  распознавать  отдельные части страницы. До  HTML5 в разметке страниц  использовался тег  <div>, которому присваивали классы  или реже  идентификаторы id для структурирования и организации разметки страницы. Таким образом на веб-странице  распологали  хедер, боковые панели, навигацию, подвал (футер)  и многое другое. Новый стандарт HTML5 предоставил разработчикам  новые теги  для структурирования, организации содержимого и разметки страницы. Новые семантические элементы HTML5 позволили структурировать документ по отдельным частям, чего так раньше не хватало.

Здравствуйте! В этой статье я расскажу о мета-тегах для сайта. Собственно мета-теги размещаются в верхней части веб-страницы, как правило между тегами <head> и </head>, и браузер их не отображает (кроме тега «title»).  Но нужны мета-теги в  первую очередь  для роботов  поисковых системах (о том что такое seo я писал в этой статье) именно их распознают роботы поисковых систем.

Элементы <span> и <div> используются для структурирования документа, часто совместно с атрибутами class и id. В этом уроке мы подробно рассмотрим, как использовать <span> и <div>, поскольку эти элементы HTML имеют важнейшее значение в CSS.

Карты-изображения позволяют привязывать ссылки к разным областям одного изображения. Реализуется в двух различных вариантах — серверном и клиентском. В случае применения серверного варианта браузер посылает запрос на сервер для получения адреса выбранной ссылки и ждет ответа с требуемой информацией. Такой подход требует дополнительного времени на ожидание результата и отдельные файлы для каждой карты-изображения.

Формы дают возможность пользователям вводить информацию. Вам наверно, не раз встречались всевозможные тесты, опросы, голосования. Для того, чтобы все это сделать на своих web-страницах и нужны формы. Здесь следует заметить, что html-формы сами по себе только позволяют вводить информацию, а вот обрабатывать ее HTML не умеет (это все-таки язык разметки, а не программирования). Для обработки информации используются такие языки, как javascript, php и другие.

Страница 1 из 2