Поздравляем с завершением первого урока по HTML! Вы хорошо поработали на пути к становлению веб-разработчиком. Давайте взглянем на то что вы уже изучили? HTML расшифровывается как HyperText Markup Language, и используется для создания структуры и контента веб страницы. Большинство HTML элементов содержат открывающий и закрывающий теги с текстом внутри или другими HTML тегами между ними. HTML элемент может быть […]
В дополнение к картинкам, HTML так же поддерживает отображение Видео. Так же как и в <img>, в <video> необходимо указать источник видео в атрибуте src. Но в отличие от <img>, <video> элемент имеет открывающий тег и закрывающий тег. В примере выше файл с видео находится в одной папке с .html файлом и называется myVideo.mp4.После атрибута […]
Одна из задач веб разработчика — сделать сайт читабельным в любой ситуации. Иногда картинки просто не прогружаются в виду ряда причин. alt (alternative text) — атрибут позволяющий отображать пользователю текст вместо картинки, если она не показывается. Атрибут alt так же преследует следующие цели. Если картинка успешно подгружена на сайт, пользователь может навести на изображение курсор […]
Все элементы с которыми вы работали до сих пор, имеют одну общую особенность, они предназначены для форматирования текста. А что если мы хотим показать пользователю в окне браузера контент отличный от текста, например, изображение? Тег <img> (image) позволит вам добавить изображение на вашу веб страницу. Большинство элементов требуют открывающего и закрывающего тега, но тег <img> […]
Упорядоченный список Ordered lists (<ol>) от неупорядоченного (<ul>) отличается лишь тем, что каждый элемент в этом списке имеет порядковый номер. Такой список может пригодиться когда необходимо расписать шаги какого-то процесса. Вы можете создавать упорядоченный список используя тег <ol>, элементы в список добавляются так же, используется тег <li> Результат будет следующим: Разогрейте духовку до 200 градусов. Положите […]
В дополнение к элементам параграфа <p>, вы так же можете отображать контент в удобочитаемом списке. В HTML можно использовать unordered list (неупорядоченный список) <ul> тег, для создания списка предметов без порядкового номера. Каждый элемент списка будет начинаться с большой жирной точки. Внутри <ul> элемента не должно быть простого текста, каждый предмет списка должен быть заключён […]
Если вам необходимо перенести часть текста параграфа на новую строчку, используйте тег break(Оборвать) <br> . Данный элемент уникален тем, что имеет только открывающий тег и не имеет закрывающего. Вы можете использовать его в любом месте HTML кода, именно в этом месте произойдёт обрыв строки в браузере. Вышестоящий код будет обработан браузером следующим образом: Река Нил […]
Стилизовать текст вы можете так же используя HTML тег <em>. Он наклоняет текст, в то время как <strong> используется для выделения текста жирным шрифтом. Позже, когда вы займитесь стилизацией вашей страницы, вы поймёте как вы хотите чтобы браузер отображал контент внутри <em> и <strong>. <em> делает текст наклонным. <strong> делает текст жирным. Взгляниете и подумайте как будет […]
Если вы хотите отобразить обычный текст(не заголовок) в HTML, вы можете использовать paragraph или span: Paragraphs (<p>) представляет из себя блок последовательного текста. <span> содержит небольшую часть текста. Текст находящийся между этими тегами будет выделен более жирным шрифтом. Взгляните на элементы представленные ниже. В примере выше два различных блока <div>. Второй <div> содержит <p> с <span>Электромобили</span>. Этот элемент […]
Артибуты — это специальный текст добавляемый в открывающий тег HTML элемента. Атрибуты влияют на стилистику или содержимое контента элемента. Каждый атрибут состоит из двух частей: Имя (name) атрибута Значение (value) хранимое атрибутом Часто можно встретить атрибут id. Мы можем использовать этот атрибут для изменения стиля контента в элементах (например в элементе <div>) и этим удобно пользоваться когда […]