RSS

Создаём сайты вместе — основы HTML

Сложно себе представить интернет без HTML. Именно благодаря появлению этого языка разметки мы имеем веб таким, каким он есть сейчас. HTML расшифровывается, как HyperText Markup Language и переводится на русский, как язык гипертекстовой разметки. Его до сих пор используют при разработке станиц, которые вы видите в интернете. Курсы HTML — очное обучение — если Вы хотите знать больше…

Немного истории

Основная идея HTML заключалась в том, чтобы облегчить людям чтение и нахождение информации в интернете. То есть странички в вебе остро нуждались в ссылках, при нажатии на которые человек переходил бы к следующей интересующей его порции информации. Так же, наличие подобных гиперссылок позволяло гарантировать то, что пользователь с легкостью сможет вернуться к материалу, который он читал до этого. Собственно это были все начальные задачи HTML. Этим мы пользуемся по сей день и согласитесь, ссылки — это очень удобно, без нх трудно представить свою жизнь в паутине. Правда сегодняшний и тогдашний HTML — это две большие разницы.

Изначально HTML был очень простым языком. С помощью него можно было форматировать текст, и вставлять ссылки. Все на этом его функциональность заканчивалась. Если вам любопытно, вы можете зайти на сайт lib ru, самой большой библиотеки рунета, и посмотреть собственно на голый HTML, как он есть. Дизайн сайта не менялся с 90-х. Именно так и выглядели первые сайты в сети. Со временем простота веб ресурсов перестала удовлетворять пользователей, таким образом появился современный HTML, который в паре со своими дополнениями предоставляет колоссальные возможности для создания элегантных и привлекательных сайтов.

Основы

HTML состоит из тегов. Теги — это конструкции, которые помогают разработчикам задавать свойства тексту. Например, если в документе HTML мы напишем такое предложение:

«Я люблю HTML» и заключим его в открывающийся тег <b>, а потом закроем таким тегом </b>, то браузер выведет нам этот текст жирным.

В документе:

<b>«Я люблю HTML»</b>

В браузере:

Я люблю HTML

Помимо этого тега, в HTML существует огромное количество других тегов, которые отвечают за реализацию разных целей. Только благодаря этим текстам и простому, по-дефолту доступному в операционной системе Windows, «Блокноту», мы можем создать сайт, который будет открываться и читаться браузером.

Но в современном мире уже давно никто не делает страницы только с помощью одного HTML. Вместе с ним обычно используют еще стандартное дополнение CSS и JavaScript. Владение всеми этими тремя инструментами называется Front-end. Потому что именно HTML, CSS и JavaScript отвечают за то, как будет выглядеть сайт.

CSS

Несмотря на то, что в HTML можно так же форматировать текст и задавать ему стили, принято частое оформление выносить в отдельный файл CSS. Он появился в конце 90-х и с первого своего дня существования стал неотъемлемой частью веб-разработки. CSS расшифровывается, как каскадные таблицы стилей. Для того, чтобы сделать оформление страниц более удобным, было введено понятие стиля, под которым стали понимать сочетание различных параметров оформления текста (или других элементов на веб-странице). Для каждого стиля набор параметров задаётся однократно, при этом описание стиля может храниться в отдельном файле (с расширением css), а везде, где данный стиль нужно использовать, ставится лишь один тег с указанием, что для оформления блока текста или других элементов веб-страницы нужно использовать такой-то стиль.

Полезные ссылки по HTML:

  • https://itvdn.com/ru/video/html-and-css-renewed