Построение одностраничного документа Оформление страницы сайта. 22.05.2014 Н.Е.Елистратова, учитель информатики и математики МОУ СОШ 3 г. Петровска. - презентация

1 Построение одностраничного документа Оформление страницы сайта Н.Е.Елистратова, учитель информатики и математики МОУ СОШ 3 г. Петровска

2 Тело программы Между тегами и располагаются команды, следуя которым браузер выводит информацию в окно документа. Заголовки: ………….. ; Цифры: от 1 до 6, 1 самый крупный шрифт, 6 – мелкий. Горизонтальная линия:. Размеры линий:. Если размер не задан, имеет толщину 2 или 3 пикселя («объемные» линии), («плоские» линии). Абзац: ……………. В данном случае перед абзацем выводится пустая строка. Браузер игнорирует тег. Поэтому, чтобы перед строками не было пустых абзацев, в конце строчки используется тег (не имеет парного).

3 Цвет фона, цвет шрифта Текст HTMLКомментарий ………………… Начало программы. Начало головной части. Начало тела программы: задан цвет фона и шрифта для всей программы. Абзац выровнен справа. Конец тела программы. Конец программы.

4 Оформление отдельных элементов текста Текстовые ссылки и цитаты. Название книги и др. можно выделить курсивом. Для больших цитат удобно использовать увеличенный отступ, лев. и прав., от края страниц. Выделение текста полужирным шрифтом ………… ……….. ………………. Авторское форматирование (запись «лесенкой») ………………. Неразрывный пробел И. Иванов (И. Иванов) (32 541)

5 Маркированный и нумерованный списки Команда UL (OL) – задает маркированный (нумерованный) список, имеет следующую структуру: ( ) первый элемент списка второй элемент списка третий элемент списка

6 Картинка в тексте Картинку можно помещать в документ почти также, как текстовый символ. Для этого используют команду, имеет атрибуты: ширина высота рамка положение иллюстрации свободное пространство «слева и справа» свободное пространство «над и под»

7 Пример записи программы Любимый мой, Петровск родной... О Петровске Новости нашего города Образование в Петровске Музей им И.В.Панфилова Фотогалерея Любимый мой, Петровск родной... На этом сайте предоставлены : История развития города Петровска; Сведения о герое Советского Союза И. В. Панфилова; Сведения о городе Петровске. Фотогалерея: "Петровск сегодня".