- Курс-практикум «Педагогический драйв: от выгорания к горению»
- «Оказание первой помощи в образовательных учреждениях»
- «Труд (технология): специфика предмета в условиях реализации ФГОС НОО»
- «ФАООП УО, ФАОП НОО и ФАОП ООО для обучающихся с ОВЗ: специфика организации образовательного процесса по ФГОС»
- «Специфика работы с детьми-мигрантами дошкольного возраста»
- «Учебный курс «Вероятность и статистика»: содержание и специфика преподавания в условиях реализации ФГОС ООО и ФГОС СОО»
Свидетельство о регистрации
СМИ: ЭЛ № ФС 77-58841
от 28.07.2014
- Бесплатное свидетельство – подтверждайте авторство без лишних затрат.
- Доверие профессионалов – нас выбирают тысячи педагогов и экспертов.
- Подходит для аттестации – дополнительные баллы и документальное подтверждение вашей работы.
в СМИ
профессиональную
деятельность
Основы HTML: структура веб-страницы, теги и их параметры для урока
270
0
Что такое сайт?
Сайт (вебсайт) - это своеобразная ячейка в сети интернет, предоставляющая какую-либо информацию для своего посетителя. Каждый вебсайт имеет свой уникальный адрес. Определение термина вебсайт (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 минут.