Презентация, доклад на тему Учебная презентация Создание сайта. Основы HTML

Содержание

HTMLHTML (от англ. HyperText Markup Language — «язык разметки гипертекста — «язык разметки гипертекста») — стандартный язык разметки — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML — «язык разметки гипертекста») —

Слайд 1- это просто
HTML
HTML - это просто?
HTML - это очень просто!

- это простоHTMLHTML - это просто?HTML - это очень просто!

Слайд 2HTML
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста — «язык разметки гипертекста») — стандартный язык разметки — «язык разметки гипертекста») —

стандартный язык разметки документов во Всемирной паутине — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.
HTMLHTML (от англ. HyperText Markup Language — «язык разметки гипертекста — «язык разметки гипертекста») — стандартный язык разметки — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине — «язык разметки гипертекста») —

Слайд 3Тег
Тег, иногда тэг[1][1], (англ. tag — ярлык, этикетка, бирка; метить):

Тег — жаргонное название

дескриптора, метки как ключевого слова, в более узком применении идентификатор для категоризации, описания, поиска данных и задания внутренней структуры.
Тег (языки разметки) — элемент языка разметки гипертекста (например, XML, HTML).
Тег — информативная метка в аудио- и видеофайлах для описания и поиска звукозаписей по автору, названию альбома и т. п. (например, ID3-тег).

Тег Тег, иногда тэг[1][1], (англ. tag — ярлык, этикетка, бирка; метить):Тег — жаргонное название дескриптора, метки как ключевого слова, в

Слайд 4Тег
< >
< >
Tag
/Tag

Тег <    ><     >Tag/Tag

Слайд 5ПЕРВЫЙ ШАГ


Мой первый шаг


Здравствуйте, это моя первая веб (HTML)

страница.


ПЕРВЫЙ ШАГ Мой первый шаг Здравствуйте, это моя первая веб (HTML) страница.

Слайд 6Вид в браузере



Вид в браузере

Слайд 7ТЕГИ ФОРМАТИРОВАНИЯ
отображает текст полужирным шрифтом.
отображает текст курсивом.
отображает текст

подчеркнутым.
сдвигает текст ниже уровня строки.
сдвигает текст выше уровня строки.

(-> H2O)

(-> x2)

H2O

ТЕГИ ФОРМАТИРОВАНИЯ отображает текст полужирным шрифтом. отображает текст курсивом. отображает текст подчеркнутым. сдвигает текст ниже уровня строки.

Слайд 8ТЕГИ ФОРМАТИРОВАНИЯ

перевод курсора на следующую строку (аналог нажатия при

форматировании текста в Word).

тег параграфа – формат абзаца при форматировании текста в Word.

заголовок 1 уровня – САМЫЙ КРУПНЫЙ.

заголовок 6 уровня – самый маленький из заголовков для шрифта.

горизонтальная линия.
ТЕГИ ФОРМАТИРОВАНИЯ перевод курсора на следующую строку (аналог нажатия при форматировании текста в Word). тег параграфа –

Слайд 9Цвет


Мой второй шаг


НЕВИДИМ НА СТРАНИЦЕ, НО ПРИ ПРОСМОТРЕ ТЕКСТА В БЛОКНОТЕ -->
Цвет Мой второй шаг

Слайд 10Цвет

СКАЗАТЬ -->

Здравствуйте, это вторая страница.




ЦветЗдравствуйте, это вторая страница.

Слайд 11РИСУНКИ в HTML
Тег служит для внедрения графики на страницы. На

данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG
Атрибуты
src Обязательный атрибут, указывающий URL рисунка
align Выравнивает изображение к одной из сторон документа
alt Выводит текст к картинке. Полезно, если браузер не отображает графику на странице
РИСУНКИ в HTMLТег служит для внедрения графики на страницы. На данный момент поддерживаются форматы файлов GIF, JPG,

Слайд 12ПРИМЕРЫ


vspace Определяет размер свободного

места в пикселах сверху и снизу от изображения, улучшает внешний вид страницы, отделяя изображение от текста

Если картинка лежит на другом сайте, то путь прописывается полностью:

ПРИМЕРЫ  vspace 	Определяет размер свободного места в пикселах сверху и снизу от изображения, улучшает внешний вид

Слайд 13ГИПЕРССЫЛКИ
— организация гиперссылки
NAME — параметр, используемый для организации метки внутри

документа
HREF — параметр, используемый для организации ссылки.
ПРИМЕРЫ
Переход к документу text_01.html
 Переход к документу text_01.html
ГИПЕРССЫЛКИ — организация гиперссылкиNAME — параметр, используемый для организации метки внутри документаHREF — параметр, используемый для организации

Слайд 14Пример гиперссылки


Пример ссылки


То место, куда перешли
Произвольный текст
…………………………………….
…………………………………

Пример гиперссылкиПример ссылкиТо место, куда перешлиПроизвольный текст…………………………………….…………………………………

Слайд 15Пример гиперссылки


Пример ссылки



То место, куда перешли

Пример гиперссылкиПример ссылкиТо место, куда перешли

Слайд 16Пример гиперссылки


Земля



Земля

То место, куда перешли

Пример гиперссылкиЗемляЗемляТо место, куда перешли

Слайд 17
Пример ссылки

Пример ссылки

Слайд 18
То место, куда перешли

То место, куда перешли

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть