HTML для начинающих — Вступление. Что такое HTML?

Приветствую ребята! Поговорим о создании сайтов, а точнее об HTML языке. Эта статья будет начинающей, и усваиваемый материал, который Вы прочтёте надеюсь будет понятен. Учитывая, что статью может читать и самый обычный человек, который не имеет ничего общего с созданием сайта. Изучив базовые знания, Вы уже сможете создавать кое-какие сайты и понимать алгоритм их создания, и всё это Вы сможете сделать самостоятельно, а пока приступим к обучению.

В этой статье я расскажу что такое HTML. HTML — это язык разметки гипертекста. Мы с Вами говорим на русском языке, в других странах говорят на других языках, а наш браузер говорит со страницами сайтов на языке HTML. Для тех кто не знает, что такое браузер, то это программа для отображения web-страниц, популярные из которых Google Chrome (я пользуюсь им), Mozilla Firefox, Opera, Safari. Все сайты в интернете состоят из страниц html. Когда мы заходим на определенную страницу какого-либо сайта, то информация с этой страницы передаётся на браузер, который считывает весь код, «переваривает» его, а затем выдаёт нам на экран монитора понятное и привычное изображение интернет страницы. Это текст, различные картинки, ссылки и так далее. Получается, что именно с помощью кода мы указываем браузеру, что именно и в каком виде, нужно выводить на экран. Как видите алгоритм достаточно простой.. и не стоит бояться html кода, который представлен ниже на рисунке, на примере моего сайта lenium.ru (в браузере Chrome этот код можно открыть клавишей Ctrl+U на клавиатуре, либо F12).

site-html

Совсем скоро Вы будете понимать, что обозначают все эти символы и для чего они нужны. В скором времени Вы и сами создадите свою первую страницу. А пока что нам требуется скачать необходимые программы, которые нам потребуются для написания кода html. Хотя создать web-страницу можно даже при помощи обычного блокнота, который входит в стандартный состав программы любой операционной системы, но пользоваться обычным блокнотом не так уж и удобно, поэтому мы скачаем его усовершенствованную версию с названием Notepad++, с официального сайта программы https://notepad-plus-plus.org/ . Переходим по ссылке, нажимаем Download, и скачиваем программу. Для начала эта программа хороша тем, что будет подсвечивать наш код. А значит нам будет намного удобнее ориентироваться в коде. Выглядит это следующим образом..

notepad html site html5 logo sublime text 3 html site

Если у Вас не Windows, а Mac или Linux, то для Вас выбор программы выпадет наверное в сторону Sublime Text 3. Кстати как альтернатива Notepad++, у «Саблайм» фон тёмного цвета, что многим оказывается привычнее.

Надеюсь также, что у Вас уже имеется браузер, в котором Вы будете просматривать результат написания Вашего кода. Рекомендую Google Chrome (либо Firefox или Opera). А в будущем лучше проверять вёрстку сайта во всех трёх браузерах! Скачать Google Chrome можно опять же с официального сайта — https://www.google.ru/chrome/.

На этом вступительная статья пока заканчивается. Продолжение скоро!..

Ужасно..Плохо..Нормально!Хорошо!Отлично! (2 оценок, среднее: 5,00 из 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *