Уроки

Изучаем HTML. Урок №1

Язык HTML. Порядок создания web-страниц и их запуска.

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

Формирование кода HTML можно производить с помощью обычного текстового редактора "Блокнот", хотя профессионалы рекомендуют более продвинутые редакторы, предназначенные для программистов, например, VS Code.

Таким образом, весь процесс создания web-страницы заключается в наборе кода в редакторе, сохранении этого кода в файле с присвоением ему расширения htm или html и, наконец, запуске созданного файла двойным кликом мыши. После совершенных действий в браузере появится новая созданная вами страница.

Примеры создания web-страниц. Структура web-страницы

Ниже приведены несколько простых примеров web-страниц и коды, которые эти страницы формируют.

Пример №1. Создание web-страницы с двумя строками на экране.

вид на экране	Привет, друзья! Меня зовут Иван.
программный код	<p>Привет, друзья!</p> <p>Меня зовут Иван.</p>

Пример №2.Создание web-страницы с заголовком и четырьмя строками.

Во второй строке слово "луна" выделено жирным.

вид на экране	Зимняя дорога Сквозь волнистые туманы Пробирается луна, На печальные поляны Льет печально свет она.
программный код	<h1>Зимняя дорога</h1> <p>Сквозь волнистые туманы</p> <p>Пробирается <strong>луна</strong></p> <p>На печальные поляны</p> <p>Льет печально свет она.</p>

Пример №3.Создание web-страницы с заголовком и ненумерованным списком.

Словосочетание "популярными редакторами" выделено курсивом.

вид на экране	Инструменты web-разработчика Наиболее популярными редакторами для создания кодов являются: Visual Studio Code Notepad++ PyCharm Atom Eclipse Brackets
программный код	<h1>Инструменты web-разработчика</h1> <p>Наиболее<em>популярными редакторами</em>для создания кодов являются:</p> <ul> <li>Visual Studio Code</li> <li>Notepad++</li> <li>PyCharm</li> <li>Atom</li> <li>Eclipse</li> <li>Brackets</li> </ul>

-------------------------------------------------------

Если по окончании прочтенного вы все поняли и все запомнили, нажмите кнопку и закрепите свои знания путем прохождения теста.

Читайте на

этом сайте:

1.Мой друг и помощник Смартфон

2.Азы работы с ПК

3.Интернет - наш МИР

4.Изучаем HTML

5.Изучаем Java Script