Рабочие листы
к вашим урокам
Скачать
1 слайд
Язык HTML
2 слайд
3 слайд
Что такое HTML
HTML язык разметки гипертекстовых документов. Иными словами он отвечает за расположение в документе Ваших текстов, рисунков, таблиц.. предназначенных для жизни в сети Интернет. Читается этот язык при помощи знакомых Вам программ, именуемых браузерами (обозревателями), которые "знают" стандартные команды html языка, и "пережевывая" их выводят на монитор компьютера документы в том виде, в котором хочет представить их веб мастер - составитель документа.
4 слайд
Команды
Команды называются дескрипторами, или тегами.
<html>
<head>
<title>Моя первая страничка</title>
</head>
<body>
Привет мир!!!
Меня зовут Карлсон, это моя первая странчка!
</body
</html>
5 слайд
То что написано между <…> - называют тегами они не видны читателю, заглянувшему на Вашу страницу, зато хорошо видны браузеру, который наткнувшись на тег<html> понимает его как сигнал к тому, что далее будет документ, который необходимо прочитать и вывести на монитор в нужном виде.. а вот тег </html> говорит о том что документ закончился и от него, то бишь браузера, больше ничего не требуется и он может отдыхать с чистой совестью.
6 слайд
<html> - начало документа.. опять работы привалило..
<head> голова, указывается основная служебная информация о документе
<title> название Моя первая страничка - </title> конец названия
</head> конец головы
<body> - "тело" документа всё что написано ниже выставляем на всеобщее обозрение
Привет мир!!!
перенос слова на следующую строку
Меня зовут Карлсон, это моя первая страничка!
</body> конец тела
</html> конец, баста, документа.
7 слайд
Запомним следующие вещи:
1) Команды вводим четко!
2) Необходимо раз и навсегда запомнить что если есть открывающий тег <…> то обязательно должен быть и закрывающий </…>
Хотя есть и исключения как например у нас тег
- он закрытия не требует потому что говорит лишь о том, что следует писать с новой строки.
3) Все документы должны иметь вот такой шаблон кода:
<html>- начало документа
<head>- начало головы
</head>- закрытие головы
<body>- начало тела
</body>- закрытие тела
</html>- конец документа
4) О порядке:
Открывающий и закрывающий тег по типу <…> </…> представляет собой своего рода ёмкость, ящик в который могут складываться другие теги - ящички поменьше.. следовательно, согласно логики документ должен выглядеть так:
<Тег "большой ящик">
<Тег "ящик средний">
<Тег "ящик маленький">
содержание
</Тег "ящик маленький" >
</Тег "ящик средний" >
</Тег "большой ящик">
8 слайд
Полезные советы:
При написании сайта создайте папку в любом удобном месте на Вашем жёстком диске, называйте как угодно, лишь бы понятно было.. в эту папку сохраняете Ваши странички, присваивая им осмысленные имена.. варианты типа ааа.html, 123.html приведут к беспорядку и путанице… На данном этапе этот совет не покажется дельным, но в дальнейшем это значительно облегчит Ваш труд. Представьте к примеру хотя бы 20-30 таких файлов названия которых нужно держать в голове, чтобы связать их перекрёстными ссылками. Порядок, прежде всего!
При написании кода советую придерживаться "хорошей манере письма", то есть писать теги "лесенкой" по мере вложенности одного тега в другой. Со временем Вы поймёте что читать код написанный вот так:
<html>
<head>
<title>Моя первая страничка</title>
</head>
<body>
Привет мир!!!
Меня зовут Карлсон, это моя первая страничка!
</body>
</html>
9 слайд
Спасибо за внимание
Рабочие листы
к вашим урокам
Скачать
6 672 433 материала в базе
Настоящий материал опубликован пользователем Бушуева Наталья Александровна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
300 ч. — 1200 ч.
Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
36 ч. — 144 ч.
Мини-курс
4 ч.
Мини-курс
3 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.