Скачать презентацию HTML основные понятия HTML Hyper Text Mark Скачать презентацию HTML основные понятия HTML Hyper Text Mark

HTML1_Text.ppt

  • Количество слайдов: 28

HTML – основные понятия HTML (Hyper. Text Mark. Up Language) - язык гипертекстовой разметки HTML – основные понятия HTML (Hyper. Text Mark. Up Language) - язык гипертекстовой разметки HTML - служит для описания структуры и визуального представления мультимедийного содержимого HTML - документ - текстовый документ, написанный на языке HTML Элементы документа - части содержания документа HTML, выполняющие определенную функцию

HTML – документ HTML – документ

ТЕГИ Тег - элемент разметки текста (структурный оператор), выделяющий элемент содержания в документе HTML ТЕГИ Тег - элемент разметки текста (структурный оператор), выделяющий элемент содержания в документе HTML (то есть элемент документа), задающий его тип и способы отображения Это выделенный текст Атрибуты тега задают свойства элемента и параметры его отображения «

СТРУКТУРА ДОКУМЕНТА HTML <HTML> <HEAD> ------------------</HEAD> <BODY> ------------------------------------</BODY> </HTML> Комментарии <!-- Это комментарий --> СТРУКТУРА ДОКУМЕНТА HTML ------------------ ------------------------------------ Комментарии ЗАГОЛОВОК ТЕЛО

ТЕГИ ЭЛЕМЕНТА HEAD TITLE – заголовок окна <TITLE>Моя страница</TITLE> SCRIPT – язык программирования <SCRIPT ТЕГИ ЭЛЕМЕНТА HEAD TITLE – заголовок окна Моя страница SCRIPT – язык программирования

АТРИБУТЫ ТЕГОВ Общие атрибуты: • ID = АТРИБУТЫ ТЕГОВ Общие атрибуты: • ID = "……" (идентификатор элемента) • NAME = " … … " (имя элемента) • STYLE = " … … " (стиль элемента) • CLASS = " … … " (класс элемента)

…. .

…. .

Элемент Body <BODY>. . . </BODY> Атрибуты: • BACKGROUND=URI (рисунок фона) • BGCOLOR= color Элемент Body . . . Атрибуты: • BACKGROUND=URI (рисунок фона) • BGCOLOR= color (цвет фона) • TEXT= color (цвет текста) • LINK= color (цвет ссылки) • VLINK= color (цвет посещенной ссылки) • ALINK= color(цвет активной ссылки) • ONLOAD=сценарий(сценарий загрузки) • ONUNLOAD= сценарий (сценарий, если документ не загрузился) • Общие атрибуты

Настройка цвета фона <BODY>. . . </BODY> Атрибуты: BGCOLOR=color (цвет фона) 1. BGCOLOR= “red” Настройка цвета фона . . . Атрибуты: BGCOLOR=color (цвет фона) 1. BGCOLOR= “red” #A 1243 B R G B 2. BGCOLOR= #A 1243 B n 1=[255/16] (целая часть) n 2=255 - [255/16]*16 (остаток)

ВЫБОР WEB-ЦВЕТА В ADOBE PHOTOSHOP RGB – Red -красный (0 -255), Green - зеленый(0 ВЫБОР WEB-ЦВЕТА В ADOBE PHOTOSHOP RGB – Red -красный (0 -255), Green - зеленый(0 -255), Blue – синий (0 -255), (16 млн цветов) Web цвет

Ключевые слова для обозначения цвета black maroon green olive navy purple teal gray silver Ключевые слова для обозначения цвета black maroon green olive navy purple teal gray silver red lime yellow blue fuchsia aqua white

Использование фона fon 1. gif fon 2. gif fon 3. gif <BODY BACKGROUND= “fon Использование фона fon 1. gif fon 2. gif fon 3. gif . . .

Элементы тела документа BLOCKQUOTE - цитата CENTER - центрирование внутренних тегов DIV – тег Элементы тела документа BLOCKQUOTE - цитата CENTER - центрирование внутренних тегов DIV – тег контейнер • H 1 – заголовок уровня 1 • H 2 - заголовок уровня 2 • H 3 - заголовок уровня 3 • H 4 - заголовок уровня 4 • H 5 - заголовок уровня 5 • H 6 - заголовок уровня 6

Составляющие элемента Body HR – горизонтальная линия P - Параграф PRE – Предварительно отформатированный Составляющие элемента Body HR – горизонтальная линия P - Параграф PRE – Предварительно отформатированный текст

Тег PRE <PRE>Крошка сын к отцу пришел, и спросила кроха: -Что такое хорошо и Тег PRE 

Крошка сын к отцу пришел, и спросила кроха: -Что такое хорошо и что такое плохо?

Теги управления шрифтом <FONT>. . . </FONT> изменяет шрифт для указанной части текста Атрибуты: Теги управления шрифтом . . . изменяет шрифт для указанной части текста Атрибуты: • FACE= (название) • COLOR= (цвет) • SIZE= (размер) Общие атрибуты . . . задает параметры шрифта по умолчанию

FONTS FONTS ПРИМЕР FONTS

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ

АЛТАЙСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

ФАКУЛЬТЕТ ЭКОНОМИКИ, МЕНЕДЖМЕНТА И ПРАВА

КАФЕДРА ГОСУДАРСТВЕННОГО И МУНИЦИПАЛЬНОГО ПРАВА И

ОБРАЗОВАТЕЛЬНЫЙ СТАНДАРТ

УПРАВЛЕНИЯ

Атрибут ALIGN

ОБРАЗОВАТЕЛЬНЫЙ СТАНДАРТ

Выравнивание по горизонтали

ОБРАЗОВАТЕЛЬНЫЙ СТАНДАРТ

 ALIGN=LEFT| RIGHT|CENTER LEFT – по левому краю

ОБРАЗОВАТЕЛЬНЫЙ СТАНДАРТ

 RIGHT – по левому краю CENTER – по центру

ОБРАЗОВАТЕЛЬНЫЙ СТАНДАРТ

Теги для работы с текстом <B>Выделение жирным</B> Выделение жирным <I>Выделение курсивом</I> Выделение курсивом <B><I>Выделение Теги для работы с текстом Выделение жирным Выделение жирным Выделение курсивом Выделение курсивом Выделение жирным и курсивом Выделение жирным и курсивом

ПРИМЕР МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ ТАГАНРОГСКИЙ ГОСУДАРСТВЕННЫЙ РАДИОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ ФАКУЛЬТЕТ ЭКОНОМИКИ, МЕНЕДЖМЕНТА И ПРАВА ПРИМЕР МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ ТАГАНРОГСКИЙ ГОСУДАРСТВЕННЫЙ РАДИОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ ФАКУЛЬТЕТ ЭКОНОМИКИ, МЕНЕДЖМЕНТА И ПРАВА КАФЕДРА ГОСУДАРСТВЕННОГО И МУНИЦИПАЛЬНОГО ПРАВА И УПРАВЛЕНИЯ УТВЕРЖДАЮ Зав. каф. Ги. МУ _________ С. И. Шило РАБОЧАЯ ПРОГРАММА по дисциплине "ГЕОИНФОРМАЦИОННЫЕ СИСТЕМЫ В МУНИЦИПАЛЬНОМ УПРАВЛЕНИИ" для студентов специальности 061000 "Государственное и муниципальное управление"

КОД ГЕОИНФОРМАЦИОННЫЕ СИСТЕМЫ В МУНИЦИПАЛЬНОМ УПРАВЛЕНИИ

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ

ТАГАНРОГСКИЙ ГОСУДАРСТВЕННЫЙ РАДИОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

ФАКУЛЬТЕТ ЭКОНОМИКИ, МЕНЕДЖМЕНТА И ПРАВА

КАФЕДРА ГОСУДАРСТВЕННОГО И МУНИЦИПАЛЬНОГО ПРАВА И УПРАВЛЕНИЯ

 

УТВЕРЖДАЮ

Зав. каф. Ги. МУ

_________ С. И. Шило

РАБОЧАЯ ПРОГРАММА

по дисциплине

"ГЕОИНФОРМАЦИОННЫЕ СИСТЕМЫ В МУНИЦИПАЛЬНОМ УПРАВЛЕНИИ"

для студентов специальности

061000 "Государственное и муниципальное управление"

Эти фрагменты кода выполняются одинаково <P align=center>МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ</P> <P align=center>ТАГАНРОГСКИЙ ГОСУДАРСТВЕННЫЙ РАДИОТЕХНИЧЕСКИЙ Эти фрагменты кода выполняются одинаково

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ

ТАГАНРОГСКИЙ ГОСУДАРСТВЕННЫЙ РАДИОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

ФАКУЛЬТЕТ ЭКОНОМИКИ, МЕНЕДЖМЕНТА И ПРАВА

КАФЕДРА ГОСУДАРСТВЕННОГО И МУНИЦИПАЛЬНОГО ПРАВА И УПРАВЛЕНИЯ

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ

ТАГАНРОГСКИЙ ГОСУДАРСТВЕННЫЙ РАДИОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

ФАКУЛЬТЕТ ЭКОНОМИКИ, МЕНЕДЖМЕНТА И ПРАВА

КАФЕДРА ГОСУДАРСТВЕННОГО И МУНИЦИПАЛЬНОГО ПРАВА И УПРАВЛЕНИЯ

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ

ТАГАНРОГСКИЙ ГОСУДАРСТВЕННЫЙ РАДИОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

ФАКУЛЬТЕТ ЭКОНОМИКИ, МЕНЕДЖМЕНТА И ПРАВА

КАФЕДРА ГОСУДАРСТВЕННОГО И МУНИЦИПАЛЬНОГО ПРАВА И УПРАВЛЕНИЯ

Тег HR - ГОРИЗОНТАЛЬНАЯ ПОЛОСА <HR>. . . </HR> Атрибуты: • ALIGN = [ Тег HR - ГОРИЗОНТАЛЬНАЯ ПОЛОСА

. . . Атрибуты: • ALIGN = [ left | center | right ] (горизонтальное выравнивание) ЛЕВЫЙ КРАЙ, ЦЕНТР, ПРАВЫЙ КРАЙ • ID = (идентификатор) • COLOR= (цвет) • SIZE= (ширина линии) • WIDTH= (длина линии)

Тег IMG <IMG. . . /> Атрибуты: • ALT= ( альтернативный элемент) • SRC= Тег IMG Атрибуты: • ALT= ( альтернативный элемент) • SRC= (путь к файлу) • WIDTH= (ширина) • HEIGHT= (высота) Пример относительный путь абсолютный путь ВСТАВКА КАРТИНКИ

" src="https://present5.com/presentation/11298869_328883335/image-27.jpg" alt="Wichita Lake " /> Wichita Lake

Тег A <A. . . > ссылка </A> Атрибуты: • HREF - привязка Общие Тег A ссылка Атрибуты: • HREF - привязка Общие атрибуты Пример: НОВОСТИ Пример: ПЕРНАТЫЕ ХИЩНИКИ ССЫЛКА