Определение HTML

Если мы зайдем на любой сайт в сети интернет, то обязательно увидим различного типа материал, изложенный на нем, будь то текст, картинки, формы, таблицы, видео и т.д. Так вот, для того, чтобы этот материал отобразил бразузер (программное обеспечение для просмотра веб-сайтов: Internet Explorer, Google Chrome, Opera, Mozilla Firefox, Safari...), в первую очередь необходим язык гипертекстовой разметки – HTML.

HTML (англ. сокр. HyperText Markup Language - язык гипертекстовой разметки). На этом языке браузеру сообщается, какие элементы (текст, картинки, таблицы, формы и т.д.) нужно отобразить на странице. На языке HTML не программируют, а верстают.

Конечно, для создания полноценной веб-страницы одного HTML будет недостаточно, но начать изучение советую именно с него, чем мы сейчас и займемся.

Создание html-документа

Перед началом, скачайте и установите на своем компьютере программы, в которых мы будем работать:

Notepad++Текстовый редакторе Notepad++
Скачать редактор можно бесплатно с официального сайта Notepad-plus-plus.org.

 

Google ChromeБраузер Google Chrome
Скачать браузер можно с его официальной страницы.

 

Html-документы имеют расширение *.html или *.htm. Самый быстрый способ создать html-документ – это создать текстовый документ, и изменить его расширение на *.html:

html-документ

Создайте на рабочем столе текстовый документ, и назовите его index.html.

Если у вас не получается изменить расширение, то попробуйте зайти в панель управления (Пуск – Панель управления), затем перейти в раздел Оформление и персонализация, и из этого раздела выбрать пункт Параметры папок. В открывшемся окне выберите вкладку Вид, и в появившемся списке снимите галочку напротив строки Скрывать расширения для зарегистрированных типов файлов.

Откройте index.html в текстовом редакторе Notepad++, и запишите в нем строку: “Привет, мир!”. Затем сохраните изменения и откройте index.html в браузере:

html-документ

Html-документ готов. Теперь нужно научиться создавать в нем различные элементы, которые будут отображаться на веб-странице. Для этого сначала ознакомимся со структурой html-документа.


Видео к уроку

Комментарии