Найти в Дзене
Урок по HTML номер 7. Упорядоченный список.
Списки в HTML очень похожи на обычные списки, которые мы используем в повседневной жизни. Они являются хорошим инструментом для структуризации веб-страницы. Мы изучим упорядоченный список. В упорядоченном списке элементы отображаются под номерами. Упорядоченный список состоит из тегов <ol> и </ol>, где O - "Ordered" и L - "List". Для добавления значений в список, мы используем теги <li> и </li>, где L - "list" , I - "item". Чтобы списки отображались правильно, важно, чтобы элементы списка, всегда находились внутри самого списка...
7 месяцев назад
Урок по HTML номер 6. Группировка элементов.
Разработчики HTML очень часто собирают элементы в группы, чтобы создавать уникальные веб-страницы. Чтобы создавать группы элементов мы используем тег <div> </div> Элементы между этими тегами образуют одну группу. Давайте, например объединим вопрос про наши любимые группы в одну группу элементов. Выглядеть это будет так:...
7 месяцев назад
Урок по HTML номер 5. Пользовательский ввод данных.
В HTML используется элемент <input>, для "сбора" пользовательских данных, таких как почта, пароль, время, дата и многое другое. Чтобы создать поле ввода, мы используем тег <input>. Чтобы дать подсказку пользователю, что именно он должен в этом поле ввести, мы используем атрибут placeholder. <h4>Войти</h4> <input placeholder="Email"> <br> <input placeholder="Password"> Элементам ввода, если их несколько, требуется тег <br>, чтобы они располагались друг за другом...
7 месяцев назад
Урок по HTML номер 4. Добавление изображения в код.
Язык HTML позволяет нам добавлять изображения на веб-страницы. Чтобы добавить изображение, мы начинаем с тега <img> Как и <br>, <img> - это пустой тег, не требующий закрытия. Для отображения изображения тегу необходим атрибут src, который обозначает источник изображения. Например : <img src="ссылка на наше изображение "> Мы так же можем пользоваться атрибутами, чтобы менять размер нашего изображения. Атрибут height - регулирует высоту изображения...
7 месяцев назад
Урок HTML номер 3. Создание ссылок в коде.
Чтобы начать создание ссылки, мы добавляем текст между тегами: <a>Главная страница</a> Тег <a> - означает "Якорь". Чтобы добавить ссылку в текст, мы добавляем атрибут href=" ", в кавычках мы указываем url страницы. Например возьмём главную страницу Яндекса: ya.ru. Выглядеть наш код будет так: <a href="ya...
7 месяцев назад
Урок по HTML номер 2. Структурирование текста с помощью тегов.
В языке HTML иногда приходится форматировать абзацы с переносом строки. В этом нам поможет тег переноса строки: <br> Обратите внимание! <br> - это пустой тег. Пустые теги не имеют закрывающего тега и содержимого. Их так же называют самозакрывающимися тегами. Например создадим список любимых групп, и добавим тег переноса строки: <h1>Мои любимые группы</h1> <p> Linkin Park<br> Metallica<br> </p> Названия групп будут находится по порядку,...
7 месяцев назад
Урок первый. Основы HTML.
Хочу начать с самого простого , по моему мнению языка, HTML. HTML - это язык гипертекстовой разметки, позволяющий структурировать веб - страницы, создавать дизайн и многое другое. Вам потребуется любой, удобный редактор HTML для нашей учебы. Приступим Начнем с основ. Создадим нашу первую кнопку на языке HTML. Она создаётся кодом <button>Любой текст</button> <button> - открывающий тег </button> - закрывающий тег Название у кнопки может быть любое, главное чтобы оно было внутри этих тегов. Создайте 2-3 кнопки для усвоения материала...
7 месяцев назад