Найти тему

Язык HTML: просто как дважды два

Изображение Pexels с сайта Pixabay
Изображение Pexels с сайта Pixabay

Для программиста HTML-код это тоже самое что для нас документ Ворд. С его помощью программист создает и редактирует интернет-текст.

Сам код состоит из множества элементов (или тегов), которые могут быть как открывающими (<html>, <body>, <h1> и т.д.), так и закрывающими - (</html>, </body>, </h1>).

Открывающие теги всегда ставят в начале вводимого текста (например, <h1> Заголовок 1), а закрывающий соответственно в конце (например, Заголовок 1 </h1>). Все вместе это будет выглядеть вот так: <h1> Заголовок 1</h1>.

Важно понимать что каждый тег выполняет свою функцию. Например ранее представленные теги <h1> и </h1> относятся к основному заголовку, а теги <p> и </p> - к абзацу.

Переходим к практическому примеру.

Шаг 1

Создаем html-страницу на основе Яндекс браузера.

Выходим на рабочий стол → нажимаем правую кнопку мыши → создать → yandex browser html document.

-2

Шаг 2

Созданную страницу Вы можете назвать как угодно, но лично я решил оставить исходное название.

Открываем страницу в браузере и вот что мы видим:

-3

Перед нами так называемая "белая простыня") Т.е. html-страница без текста.

Шаг 3

Добавляем текст. Для этого Вам надо перейти на страницу и нажать клавишу "F12".

У Вас откроется вот такая панель для просмотра кода:

-4

Теги <head></head> пока трогать не будем. Скажу только что с их помощью можно изменить название страницы.

Сразу перейдем к тегам <body></body>. Все что мы поместим между этими тегами будет отображаться на странице.

Нажимаем на троеточие рядом с тегами → выбираем edit as html:

-5

Переходим непосредственно в режим создания и редактирования текста:

-6

Ставим курсор между этими тегами и вводим какой-нибудь текст:

-7

А затем нажимаем на какую-нибудь пустую область внутри панели.

И вуаля!)

-8

Вы успешно добавили текст на свою страницу!)

ВАЖНО!!! Не забудьте сохранить свой прогресс, в противном случае Вы вернетесь к той самой "белой простыне". Делается это очень просто: правая кнопка мыши на странице → сохранить страницу как → выбираем конкретную папку или рабочий стол.

-9

Спасибо за внимание!

P. S. Разумеется это еще не все. Если Вы намерены всерьез взяться за HTML то придется потратить определенное количество сил и времени на его полное изучение. Но я готов Вам в этом помочь) Если представленная информация оказалась полезной предлагаю подписаться на канал.