Урок «Знакомство с созданием сайта через блокнот – язык HTML» - презентация

1 Урок «Знакомство с созданием сайта через блокнот – язык HTML»

2 Из чего состоит сайт Команды в треугольных скобках называются html теги, например - это тег. Теги делятся на: Парные (html теги имеют открывающий и закрывающий тег.) Например, - открывающий, - закрывающий. Непарные. Отличаются они только наличием или отсутствием символа /.

3 Пример Это минимальный набор html тегов, который присутствует в любом сайте. Название страницы моего первого сайта Содержимое моего сайта. Я прохожу уроки создания сайта.

4 Тег начинается html документ. Его закрывающий тег указывает, что html документ завершен. Далее, пара тегов. Это голова сайта, шапка. Другая пара - между этими тегами пашется заголовок страницы, название. Пара html тегов. Это тело сайта. Между этими тегами пишется все основное содержимое сайта.

5 Порядок тегов В самом начале документа пишется тег, а в самом конце, все остальное между ними. Пара тегов, должна стоять между тегами. Само содержимое сайта, должно находиться между html тегами.

6 Картинки html Но для начала изучим новую пару тегов, это, нужны они для выравнивания по центру. Выровнять можно все, что угодно, можно картинки html, а можно и все, что есть на сайте. Вставка картинки тег, заметьте, что это непарный тег. Чтобы компьютер знал, какую именно html картинку нужно вставить, необходимо прописать параметр src= в теге, а в значении параметра указать путь к картинке html. То есть, должно получиться так, при условии, что картинка находиться в той же папке, что и страница.

7 Название страницы моего первого сайта Содержимое моего сайта. Я прохожу уроки создания сайта.

8 Обратите внимание, что перед картинкой html есть два тега, они нужны, чтобы картинка располагалась на две строчке ниже текста.

9 html текст, а точнее его форматирование Зачастую при создании сайтов приходится форматировать html текст, то есть изменять какие-то его фрагменты, иначе текст будет выглядеть скучно и плохо восприниматься. Тег. Выделяет фрагмент текста жирным. Этот тег является парным, то есть html текст который должен быть выделен жирным, необходимо заключить между тегами. Для курсива используется аналогичный тег. Он тоже является парным. Заключите html текст между парой и он будет выделен курсивам.

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

11 html текст и изменение шрифта Выделите html текст тегом. Заметьте, что серия тегов - является парной. Текст в тегах будет самым большим, а текст в тегах самым маленьким.

12 Практика создайте мини-сайт Дома учить теги

13 Ссылки html На ПО