Охрана труда:
нормативно-правовые основы и особенности организации
Обучение по оказанию первой помощи пострадавшим
Аккредитация Минтруда (№ 10348)
Подготовьтесь к внеочередной проверке знаний по охране труда и оказанию первой помощи.
Допуск сотрудника к работе без обучения или нарушение порядка его проведения
грозит организации штрафом до 130 000 ₽ (ч. 3 статьи 5.27.1 КоАП РФ).
Повышение квалификации

Свидетельство о регистрации
СМИ: ЭЛ № ФС 77-58841
от 28.07.2014

Почему стоит размещать разработки у нас?
  • Бесплатное свидетельство – подтверждайте авторство без лишних затрат.
  • Доверие профессионалов – нас выбирают тысячи педагогов и экспертов.
  • Подходит для аттестации – дополнительные баллы и документальное подтверждение вашей работы.
Свидетельство о публикации
в СМИ
свидетельство о публикации в СМИ
Дождитесь публикации материала и скачайте свидетельство о публикации в СМИ бесплатно.
Диплом за инновационную
профессиональную
деятельность
Диплом за инновационную профессиональную деятельность
Опубликует не менее 15 материалов в методической библиотеке портала и скачайте документ бесплатно.
13.11.2019

Статья

В статье дается общее понятия о сайте, его уникальном адресе. Описываются основные понятия языка разметки гипертекста - HTML.: понятие тега, правила написания и закрытия тегов, параметры тегов. Приводится структура html страницы.

Содержимое разработки

Что такое сайт?

Сайт (вебсайт) - это своеобразная ячейка в сети интернет, предоставляющая какую-либо информацию для своего посетителя. Каждый вебсайт имеет свой уникальный адрес. Определение термина вебсайт (website) читается уже в самом названии. Web - паутина, Site - место. Вебсайт - это место во всемирной паутине.

Сайт может состоять как из одной страницы, так и из десятков тысяч страниц. Если говорить про одностраничные сайты, то это, как правило "сайты-визитки". На таком вебсайте можно разместить информацию о своей компании, телефоны, схему проезда и другие данные. Многостраничные сайты – это информационные сайты, интернет - магазины, различные социальные сети, либо такие «гиганты» интернета как яндекс и гугл.


Что такое домен?

Каждый сайт имеет свой уникальный адрес, так вот этот адрес – это и есть доменное имя (домен). Если нужно перейти на определенный сайт, то Вы пишите его доменное имя в верхней строке своего браузера. Браузер - это программа для просмотра веб-страниц, тех самых из который состоят сайты. Примеры популярных браузеров: Opera, Google Chrome и самый распространенный Internet Explorer.


Что такое HTML?

Вот мы и подошли к основному вопросу урока. HTML - это язык разметки гипертекста. Не пугайтесь такого непонятного определения. Практически все сайты в интернете состоят из страниц написанных на html. Мы с Вами говорим на русском языке, во Франции люди говорят на французском, а наш браузер говорит со страницами сайтов на языке html. Браузер считывает всю информацию со страниц написанных на html языке, переваривает ее, а затем выдает нам на экран монитора понятное и привычное изображение.



Знакомство с тегами

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

Правила написания тегов

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

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

Правило закрытия тегов

Часто бывает, что внутри тега, помимо текста располагаются еще другие теги. В этом случае теги закрываются в зеркальном порядке, то есть первым будет закрыт тот тег, который был открыт последним.

Пример правильного закрытия тегов:

Параметры тегов

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

Параметров у тега может быть несколько. Например, цвет и размер. В этом случае параметры указываются через пробел.

Структура html страницы

Тег <html> является контейнером для всего содержимого страницы. Другими словами, весь код страницы находиться между открывающимся <html> и закрывающимся </html>.

В тег <head> заключается служебная информация для браузера и поисковых систем. Эта информация никак не отображается браузером на экране монитора. 

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/381945-statja

Свидетельство участника экспертной комиссии
Рецензия на методическую разработку
Опубликуйте материал и закажите рецензию на методическую разработку.
Также вас может заинтересовать
Свидетельство участника экспертной комиссии
Свидетельство участника экспертной комиссии
Оставляйте комментарии к работам коллег и получите документ
БЕСПЛАТНО!
У вас недостаточно прав для добавления комментариев.

Чтобы оставлять комментарии, вам необходимо авторизоваться на сайте. Если у вас еще нет учетной записи на нашем сайте, предлагаем зарегистрироваться. Это займет не более 5 минут.

 

Для скачивания материалов с сайта необходимо авторизоваться на сайте (войти под своим логином и паролем)

Если Вы не регистрировались ранее, Вы можете зарегистрироваться.
После авторизации/регистрации на сайте Вы сможете скачивать необходимый в работе материал.

Рекомендуем Вам курсы повышения квалификации и переподготовки
Курсы повышения квалификации