How To WebDev
前往频道在 Telegram
Заявки принимаются моментально! Обучаем фронтентду и бекенду просто и понятно! Сотрудничество: @me_Smith Ссылка на канал: @HowTo_WebDev
显示更多
网络:3 353
订阅者
无数据24 小时
-157 天
-6130 天
帖子存档
3 353
Атрибут HTML — LANG
– Язык документа может быть объявлен в теге <html> .
– Язык объявляется с атрибутом lang.
– Объявление языка важно для приложений специальных возможностей (программы чтения с экрана) и поисковых систем:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
Первые две буквы указывают язык (EN). Если есть диалект, используйте еще две буквы (US).
📓 #HTML #Код3 353
Атрибут HTML — ALT
Атрибут ALT — указывает альтернативный текст, который будет использоваться, когда изображение не может быть отображено.
– Значение атрибута может быть прочитано программами чтения с экрана. Таким образом, кто-то, например, слепой человек, может "слышать" элемент.
Пример:
<img src="img_girl.jpg" alt="Girl with a jacket">
Атрибут alt также полезен, если изображение не существует.
📓 #HTML #Код3 353
Атрибут HTML — href
Атрибуты — это дополнительные значения, которые настраивают элементы.
HTML-ссылки определяются тегом <a>. Адрес ссылки указан в атрибуте href :
Пример:
<a href="https://html5css.ru">Это ссылка</a>
📓 #HTML #код3 353
HTML — Атрибуты
У элементов HTML есть атрибуты. Атрибуты — это дополнительные значения, которые настраивают элементы или регулируют их поведение различным способом, чтобы соответствовать критериям пользователей.
Проще говоря, они предоставляют дополнительную информацию о HTML-элементах.
Краткие сведения:
· Все элементы HTML могут иметь атрибуты;
· Атрибуты предоставляют дополнительные сведения об элементе;
· Атрибуты всегда указываются в начальном теге;
· Атрибуты обычно поставляются в парах "имя/значение", например:
name="value".
Их есть несколько типов, про каждый поговорим подробнее:
· href;
· src;
· width/height;
· alt;
· style;
· lang;
· Title.
📓 #HTML #Код3 353
HTML — Вложенные элементы
HTML элементы могут быть вложенными (элементы могут содержать другие элементы).
Все документы HTML состоят из вложенных элементов HTML.
В этом примере состоит из четырех элементов HTML:
Пример:
<!DOCTYPE html>
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
📓 #HTML #Код3 353
HTML ‐ Введение №7
Элементы HTML. HTML элемент определяется начальным тегом, некоторым содержимым и конечным тегом:
<tagname>Контент находится здесь...</tagname>
HTML элемент - все от начального тега до конечного тега.
<h1> Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
Примечание: Некоторые HTML элементы не имеют содержимого (например, элемент <br>). Эти элементы называются пустыми элементами. Пустые элементы не имеют конечного тега!
📓 #HTML #Совет3 353
HTML - Введение №6
HTML параграфы определяются тегом <p>:
Пример:
<p>Это параграф.</p>
<p>Это еще один параграф.</p>
HTML Заголовки:
HTML заголовки определены тегами <h1> до <h6>.
<h1> определяет наиболее важный заголовок. <h6> определяет наименее важный заголовок:
Пример:
<h1>Это заголовок 1</h1>
<h2>Это заголовок 2</h2>
<h3>Это заголовок 3</h3>
<h4>Это заголовок 4</h4>
<h5>Это заголовок 5</h5>
<h6>Это заголовок 6</h6>
📓 #HTML3 353
HTML - Введение №5
Декларация <!DOCTYPE> представляет тип документа и помогает браузерам корректно отображать веб страницы.
Она должна появиться только один раз, в верхней части страницы (перед HTML тегами).
– Декларация <!DOCTYPE> не чувствительно к регистру.
<!DOCTYPE html>
📓 #HTML3 353
HTML - Введение №4
Документы в HTML: Все HTML документы должны начинаться с объявления типа документа: <!DOCTYPE html>.
Сам HTML документ начинается с <html> и заканчивается </html>.
Видимая часть HTML документа находится между <body> и </body>.
Пример
<!DOCTYPE html>
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
📓 #HTML3 353
HTML ‐ Введение №3
Простой текстовый редактор - это все, что вам нужно для изучения HTML.
Веб страницы могут быть созданы и изменены с помощью профессиональных редакторов HTML. Однако, для изучения мы рекомендуем простой текстовый редактор, например Notepad++.
Использовать его очень легко, после скачивания зайдите в него и давайте создадим нашу первую программу и выведем в браузер.
Напишите или скопируйте HTML код:
<!DOCTYPE html>
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
Далее просто сохраните HTML страницу в формате UTF-8. Затем просто кликните 2 раза по созданном файлу и откроется первая страничка.
📓 #HTML3 353
HTML - Введение №2
Объяснение примера из первой части.
<!DOCTYPE html> - декларация, определяет документ HTML5
<html> - элемент, является корневым элементом HTML страницы
<head> - элемент, содержит метаинформацию о документе
<title> - элемент, задает заголовок документа
<body> - элемент, содержит видимый контент страницы
<h1> - элемент, определяет большой заголовок
<p> - элемент, определяет параграф
Что такое HTML элемент?
HTML элемент определяется начальным тегом, некоторым содержимым и конечным тегом:
<tagname>Контент находится здесь...</tagname>
HTML элемент это все от начального тега до конечного тега:
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
📓 #HTML3 353
HTML - Введение №1
HTML - это стандартный язык разметки для создания Веб страниц.
Что это такое:
– HTML - расшифровывается как Гипертекстовый Язык Разметки.
– HTML - код описывает структуру веб страниц с помощью разметки.
– HTML - элементы являются строительными блоками страниц HTML.
– HTML - элементы представляют теги.
– HTML - теги содержат, "Заголовок", "Параграф", "Таблицы" и т.д.
– Браузеры не отображают теги HTML, они используют их для вывода содержимого страницы.
Пример программы:
<!DOCTYPE html>
<html>
<head>
<title>HTML пример</title>
</head>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
📓 #HTML3 353
История и общие сведения про JS
JavaScript — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили.
JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.
3 353
История и общие сведения про CSS
CSS — формальный язык описания внешнего вида документа (веб-страницы), написанного с использованием языка разметки (чаще всего HTML или XHTML).
CSS используется создателями веб-страниц для задания цветов, шрифтов, стилей, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц.
Основной целью разработки CSS является ограждение и отделение описания логической структуры веб-страницы от описания внешнего вида этой веб-страницы.
Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана) или при выводе устройствами, использующими шрифт Брайля
3 353
История и общие сведения про HTML
HTML — стандартизированный язык гипертекстовой разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.
Язык XHTML является более строгим вариантом HTML, он следует синтаксису XML и является приложением языка XML в области разметки гипертекста.
В HTML можно встроить программный код на языке программирования JavaScript, для управления поведением и содержанием веб-страниц. Также включение CSS в HTML описывает внешний вид и макет страницы.
