Изучаем с нуля HTML за 1 час! Верстка для начинающих, структура, теги, сайт.
В этом видео я рассказываю, как за 1 час выучить HTML, как это сделать быстро и потратить минимум времени – без потери качества!!!
Обязательно используем удобные инструменты для редактирования веб страниц – такие, как например редактор Brackets.
Скачать его можно по этой ссылке:
Лайфхак: Обязательно в этом редакторе устанавливаем два дополнения:
*** Внимание: Угловые скобки в описании нельзя разместить - поэтому вместо них использованы квадратные [ ] !!! ***
Первое – Emmet – для ускорения написания кода HTML. Например, сохранив файл как имяфайла.html нажимаем !(восклицательный знак) и TAB(табуляцию) и у нас автоматически пишется минимальная структура документа HTML.
Или, например, пишем английскую буква “a”(без кавычек) и нажимаем TAB и у нас пишется ТЕГ для ссылки [a href=”” alt=””][/a].
Ведь очень удобно?!
Второе – Beautify – для красивого оформления кода. Комбинацией клавиш Ctrl Alt B или при сохранении файла красиво оформит структуру вашего файла, с отступами и, главное — сделает ее читабельной.
Это просто отлично!
В целом для полноценного изучения HTML нужно сделать следующие:
1. Понять, что минимальная структура HTML файла просто необходима – она позволяет браузерам правильно отображать ваш документ пользователям.
2. Усвоить, что структура документа, которая находится в теге [html] состоит из 2х частей – тег [head][/head] - для служебной информации о документе (например, заголовок, кодировка, описание, ключевые слова и т.п.) и тег [body][/body] - сам основной документ, который и отображается пользователю (то содержание, которое он видит на экране).
3. Придерживаться правильной структуры HTML.
4. Изучить десяток популярных тегов, которые чаще всего используются для оформления содержания документа, такие как:
Абзац - тег [p] позволяет сформировать абзацы в тексте.
Заголовок - формируются посредством тегов [h1]...[h6].
Ссылка - используется тег [a].
Перевод строки - используется тег [br].
Выделение текста - подходит тег [span].
Блочный элемент - для позиционирования подойдет тег [div].
Картинка – тег [img].
Таблица – тег [table].
Ввод данных – тег [input].
Жирный текст – теги [b] или [strong].
Курсив – тег [em].
5. Естественно, обращаться к онлайн руководствам и читать описания новых тегов.
6. Изучать чужой код – нажимаем правой кнопкой мыши и берем пункт меню – «Исследовать элемент»
Подписывайтесь на наш канал в YouTube:
Вступайте в нашу группу ВК:
Задавайте вопросы – постараюсь ответить 😊
Удачи в таких классных начинаниях!
#html #css #htmlза1час #программированиедлядетей #урокиhtml
1 view
228
42
7 years ago 00:02:15 53K
Изучаем цвета с детьми
7 years ago 00:02:15 65.1K
Изучаем цвета с детьми.
1 year ago 00:00:28 24.5K
Изучаем цвета с непоседами
1 year ago 00:07:33 398
Изучаем фрукты с Миланой.
4 years ago 02:50:06 7.9K
Изучаем Доту с Шейлом
2 years ago 00:00:46 14.3K
Изучаем цвета с детками
6 years ago 00:34:53 131
Изучаем С++ Часть 1.
8 months ago 00:00:22 2.6K
Изучаем документы с нейросетью.
2 years ago 00:00:40 76.9K
ИЗУЧАЕМ ВЫЧИТАНИЕ с помощью занимательного самодельного пособия
5 years ago 01:21:58 106.2K
Java+Hibernate. Изучаем Hibernate ORM для работы с базами данных
2 years ago 00:00:07 46.6K
Изучаем тактику с Гвардиолой.
12 months ago 00:01:40 14.5K
“Изучаем велосипед с уникальной рамой“.
10 months ago 00:03:24 595
изучаем Scratch
3 years ago 00:04:08 1K
“Изучаем профессии“
3 years ago 00:37:14 6.1K
с малышом изучаем профессии
4 months ago 00:06:30 340
ИЗУЧАЕМ ПРОФЕССИИ
4 years ago 00:04:51 129
Изучаем с малышом , виды растений ..
9 years ago 00:02:59 52.7K
Поем с Пороро -Изучаем цвета
3 years ago 00:02:31 581
Опыт с водой. Изучаем окружающий мир в дейтствии
3 years ago 00:00:29 11.9K
«Изучаем время»
1 year ago 00:13:45 4.4K
Цветняшки — Изучаем цвета с Цветняшками — Сборник — Развивающий мультфильм
3 years ago 00:00:47 15.2K
Изучаем с помощью поделки эмоции
1 year ago 00:02:10 287
Изучаем азбуку с Бэбэем
7 years ago 00:20:53 202
Музыкальные инструменты. Изучаем с интерактивной доской.