оригинальная версия версия для слабовидящих контрастная версия выключить изображения включить изображения RSS FEED K2 NEWS
Суббота, 27 Ноябрь 2021 00:00

С чего начать учить html?

Я поймал себя на мысли, что слишком поспешил писать про «с чего начать учить php?», поскольку первое, что стоит спросить у людей, кто задаётся вопросом создания сайтов, а HTML Вы знаете?

Для многих такой вопрос покажется смешным, но у меня были студенты, которые придя после одиннадцатого класса (хотя найдутся такие, кто скажет, что они это в девятом уже должны были знать) даже аббревиатуры такой не знали.

На этой ноте обычно появляются «токсичные люди», которые будут кричать, что надо гнать таких в шею, поскольку такие горе-разработчики потом окажут «медвежью услугу», другим разработчикам, тем, что своим клиентам будут говорить, что всё знают и умеют (а на самом деле ничего не знают и не умеют, но их заказчики в итоге будут думать, что все веб-разработчики такие раздолбаи). Однако никуда они не уйдут, наслушавшись сказок о том, какие «бешеные бабосы» из воздуха делают разработчики сайтов и как это на самом деле «легко» сделать сайт.

Так вот, возвращаясь к вопросу — для начала запомните HTML — Hyper Text Market Language, это язык разметки гипертекста, это не язык программирования, это язык разметки. И это первое, что Вам надо запомнить, поскольку иначе ни один уважающий себя разработчик с Вами общаться не станет, если Вы назовёте HTML языком программирования.

И Вы возможно скажете — «ну какая разница, что это язык разметки, а не язык программирования»? Давайте попробую провести аналогию, представим себе блокнот с записями, обычный блокнот или тетрадь — кому что привычнее. Вот Вы сделали запись, пару предложений и одно слово — подчеркнули. Несёт в себе это какую-либо «нагрузку»? Нет, не несёт слово подчёркнуто и с ним больше ничего не происходит. «Программированием» это не назвать, теперь что же мы можем сделать, чтобы эта ситуация стала «программируемой»? Например, если Вы взяли в привычку каждый раз подчёркивать какое-то слово. Вот HTML «сам» так делать не будет. Или же, например, Вы приклеили к обложке (с внутренней стороны) конверт, и у Вашего блокнота появилась «функция» — он теперь способен хранить в себе что-нибудь, например, деньги. Конечно «уровень защиты» будет не как у сейфа, но и уж точно не такой, как если бы эти же деньги просто положить на стол.

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

Рассмотрим на примере:

<a href="/ссылка">текст ссылки</a>

Здесь <a> — является «открытым» тегом, который позволяет добавить ссылку на сайт.

</a> — так же является тегом, но говорящим, где ссылка заканчивается.

href — атрибут, в данном случае — указывающий на то, куда мы будем ссылаться.

Например, есть ещё атрибут target="_blank", значение которого скажет браузеру, что ссылку необходимо открыть в новом окне/вкладке.

И ссылка — это значение, куда необходим переход.

Теперь, вернёмся к вопросу с чего начать учить HTML?

Начать учить HTML необходимо с того, что понять и запомнить «основные теги» (например, html, body, head, title, div, p, table, a, img… и т. д.), научиться ими пользоваться. Преимущество html-разметки в том, что Вам для работы html-страницы вовсе не обязательно настраивать у себя сервер.

Ещё одно преимущество, например, перед PHP — чтобы понять, как работает HTML, достаточно посмотреть «исходный код» страницы (вызывается правой кнопкой мыши в любом браузере). Многие (если не все), кто учился делать сайты — именно так и учились.

Спонсоры: