Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Технология / Презентации / Презентація "Робота з html"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Технология

Презентація "Робота з html"

библиотека
материалов
Мова розмітки гіпертексту HTML
Мова розмітки гіпертексту HTML (Hypertext Markup Language — мова гіпертекстов...
Поняття тега . Поняття атрибуту Дескриптори також часто називають «тегами». Т...
Парні та непарні теги За виглядом теги поділяються на парні і непарні. До пар...
Атрибути Безліч дескрипторів HTML також приймають параметри, які називаються...
Загальний вигляд інформаційної сторінки. Зверніть увагу на картинку: вона міс...
HTML теги Основні теги   - Вказує програмі перегляду сторінок що це HTML доку...
Атрибути тіла документа  - Встановлює колір фону документа, використовуючи зн...
Теги для форматування тексту Заголовки:  Найбільший заголовок    Середній заг...
 - Створює жирний текст.   - Створює похилий текст.  - Створює підкреслений...
face - назва шрифта ( Arial, Verdana, Georgia і т.п.), size - розмір текст...
Списки   - Створює нумерований список. start - задає перше число, з якого поч...
 - Створює ненумерованний список. disc - зафарбований кружок, circle - незаф...
Вирівнювання тексту < р align="left"> За лівим краєм < р align="center"> За ц...
Графічні елементи  - Додає зображення в HTML документ.  - Вирівнює зображення...
Гіперпосилання   - Створює гіперпосилання на інші документи або частина поточ...
Таблиці   - Створює таблицю.   - Визначає рядок таблиці.   - Визначає окрему...
Атрибути таблиці  - Задає товщину рамки таблиці.  - Задає відстань між осеред...
Кадри  - Передує тег  в документі, що містить кадри;  - Визначає рядок таблиц...
Таблиця кольорів
Пуск → Все программы → Стандартные → Блокнот
24 1

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Описание презентации по отдельным слайдам:

№ слайда 1 Мова розмітки гіпертексту HTML
Описание слайда:

Мова розмітки гіпертексту HTML

№ слайда 2 Мова розмітки гіпертексту HTML (Hypertext Markup Language — мова гіпертекстов
Описание слайда:

Мова розмітки гіпертексту HTML (Hypertext Markup Language — мова гіпертекстової розмітки) служить для опису Web-сторінки, що зберігається у виді звичайного текстового файлу з розширенням *.htm або *.html.  Головна мета HTML — описати формат вмісту Web-сторінки, він описується з допомогою дескрипторів (tag) HTML.  Мова HTML інтерпретується браузерами  і відображається у вигляді документа у зручній для людини формі. HTML був розроблений британським вченим  Тімом Бернерсом-Лі приблизно в 1986-1991 роках в стінах Європейського Центру ядерних досліджень  в Женеві (Швейцарія).

№ слайда 3 Поняття тега . Поняття атрибуту Дескриптори також часто називають «тегами». Т
Описание слайда:

Поняття тега . Поняття атрибуту Дескриптори також часто називають «тегами». Те, як будуть виглядати елементи на вашій сторінці визначають мітки (англійською tags) або теги.  Тег – основний елемент HTML, який виконує певну функцію. Тег починається знаком < , закінчується знаком > , між ними - ім'я тега. Без тегів не існує HTML документу.

№ слайда 4 Парні та непарні теги За виглядом теги поділяються на парні і непарні. До пар
Описание слайда:

Парні та непарні теги За виглядом теги поділяються на парні і непарні. До парних тегів належать ті теги, які повторюються і двічі оточують ту частину, над якою виконується певна конкретна функція. Приклад Непарні теги відрізняються тим, що вони не виділяють певну частину коду, над якою виконується функція тега. Функція тегу поширюється або на весь документ, або на конкретне місце документу. Зразок: <br> , <p> та ін.

№ слайда 5 Атрибути Безліч дескрипторів HTML також приймають параметри, які називаються
Описание слайда:

Атрибути Безліч дескрипторів HTML також приймають параметри, які називаються атрибутами. Атрибути використовуються для вказівки додаткової інформації Web-браузерові про те, як застосовувати цей дескриптор. Атрибути — це імена, яким через знак рівності (=) привласнюються визначені значення. Слово «атрибут» походить від лат. attributio - приписування. Приклад: Так, невід'ємними атрибутами держави є прапор, герб та гімн - це символи, що дають уявлення про сутність держави та цінності, яких воно дотримується.  

№ слайда 6 Загальний вигляд інформаційної сторінки. Зверніть увагу на картинку: вона міс
Описание слайда:

Загальний вигляд інформаційної сторінки. Зверніть увагу на картинку: вона містить  обов'язкові теги. Обов'язкові вони тому, що їх необхідно постійно прописувати для кожної сторінки. <html> Цей тег повинен відкривати документ, він парний </html>   Далі виділяється дві частини : head(голова) та body(тіло).

№ слайда 7 HTML теги Основні теги   - Вказує програмі перегляду сторінок що це HTML доку
Описание слайда:

HTML теги Основні теги <html> </html> - Вказує програмі перегляду сторінок що це HTML документ. <head> </head> - Визначає місце, де міститься різна інформація - заголовка. <body> </body> - Визначає основну частину документа. <title> </title> - Поміщає назву документа-зміст програми перегляду сторінок.

№ слайда 8 Атрибути тіла документа  - Встановлює колір фону документа, використовуючи зн
Описание слайда:

Атрибути тіла документа <body bgcolor = ?> - Встановлює колір фону документа, використовуючи значення кольору у вигляді RRGGBB – приклад: FF0000 - червоний колір. <body text = ?> - Встановлює колір тексту документа, використовуючи значення кольору у вигляді RRGGBB – приклад: 000000 - чорний колір. <body link = ?> - Встановлює колір гіперпосилань, використовуючи значення кольору у вигляді RRGGBB – приклад: 00FF00 - зелений колір. <body vlink = ?> - Встановлює колір гіперпосилань на яких ви вже побували, використовуючи значення кольору у вигляді RRGGBB - приклад: 800080 - фіолетовий колір. <body alink = ?> - Встановлює колір гіперпосилань при натисканні. Замість знаку ? – потрібно зробити підстановку (код кольору)

№ слайда 9 Теги для форматування тексту Заголовки:  Найбільший заголовок    Середній заг
Описание слайда:

Теги для форматування тексту Заголовки: <h1> Найбільший заголовок </h1>  <h3> Середній заголовок </h3> <h6> Найменший заголовок </h6> 

№ слайда 10  - Створює жирний текст.   - Створює похилий текст.  - Створює підкреслений
Описание слайда:

<b> </b> - Створює жирний текст. <i> </i> - Створює похилий текст. <u> </u>- Створює підкреслений текст. <tt> </tt> - Створює текст - стиль друкованої машинки. Теги Вигляд

№ слайда 11 face - назва шрифта ( Arial, Verdana, Georgia і т.п.), size - розмір текст
Описание слайда:

<font> </font> face - назва шрифта ( Arial, Verdana, Georgia і т.п.), size - розмір тексту від 1 до 7, color - колір тексту( Red, RRGGBB, 000000 ). < font face =? > </font> < font size =? > </font>  < font color =? > </font> 

№ слайда 12 Списки   - Створює нумерований список. start - задає перше число, з якого поч
Описание слайда:

Списки <ol> </ol> - Створює нумерований список. start - задає перше число, з якого починається нумерація. type - задає стиль нумерації пунктів: "A" – великі літериA, B, C ... "a" – малі літери a, b, c ... "I" – великі римські цифри I, II, III ... "i" – маленькі римські цифри i, ii, iii ... "1" - арабські цифри 1, 2, 3 <li> - Визначає кожен елемент списку і присвоює номер.

№ слайда 13  - Створює ненумерованний список. disc - зафарбований кружок, circle - незаф
Описание слайда:

<ul> </ul> - Створює ненумерованний список. disc - зафарбований кружок, circle - незафарбований кружок, square - зафарбований квадратик. Теги Вигляд

№ слайда 14 Вирівнювання тексту &lt; р align=&quot;left&quot;&gt; За лівим краєм &lt; р align=&quot;center&quot;&gt; За ц
Описание слайда:

Вирівнювання тексту < р align="left"> За лівим краєм < р align="center"> За центром < р align="right"> За правим краєм <p> - Створює новий параграф. <br> - Наступний за цим тегом текст буде у новому рядку. <blockquote> </blockquote> - Створює відступи з обох сторін тексту.

№ слайда 15 Графічні елементи  - Додає зображення в HTML документ.  - Вирівнює зображення
Описание слайда:

Графічні елементи <img src = ”name” > - Додає зображення в HTML документ. <img src = ”name” align = ? > - Вирівнює зображення до однієї з сторін документа, приймає значення: left, right, center; bottom, top, middle. <img src="4.gif" align="right"> <img src = ”name” border = ?> - Встановлює товщину рамки навколо зображення. <hr> - Додає в HTML документ горизонтальну лінію. <hr size = ?>- Встановлює висоту(товщину) лінії. <hr width = ?> - Встановлює ширину лінії. <hr color = ?> - Визначає лінії певний колір.

№ слайда 16 Гіперпосилання   - Створює гіперпосилання на інші документи або частина поточ
Описание слайда:

Гіперпосилання <a xhref = ”URL” > </a> - Створює гіперпосилання на інші документи або частина поточного документа. <a xhref = mailto:EMAIL > </a> - Створює гіперпосилання виклику поштової програми для написання листа. <a name = ”NAME”> </a> - Зазначає частину тексту як мета для гіперпосилань у документі. <a xhref = ”http://www.cyberguru.ru/#NAME”> </a> - Створює посилання на частину поточного документа. Приклад

№ слайда 17 Таблиці   - Створює таблицю.   - Визначає рядок таблиці.   - Визначає окрему
Описание слайда:

Таблиці <table> </table> - Створює таблицю. <tr> </tr> - Визначає рядок таблиці. <td> </td> - Визначає окрему комірку в таблиці. <th> </th> - Визначає заголовок таблиці (нормальна осередок з відцентрованим жирним текстом) Приклад

№ слайда 18 Атрибути таблиці  - Задає товщину рамки таблиці.  - Задає відстань між осеред
Описание слайда:

Атрибути таблиці <table border=#> - Задає товщину рамки таблиці. <table cellspacing=#> - Задає відстань між осередками таблиці. <table cellpadding=#> - Задає відстань між вмістом комірки і її рамкою. <table width=#> - Встановлює ширину таблиці в пікселях або відсотках від ширини документа. <tr align=?> або <td align=?> - Встановлює вирівнювання в клітинках таблиці, приймає значення: left, center, або right. <tr valign=?> або <td valign=?> - Встановлює вертикальне вирівнювання клітинок таблиці, приймає значення : top, middle, або bottom. <td colspan=#> - Вказує кількість столбцев яке об'єднано в одній клітинці. (за замовчуванням=1) <td rowspan=#> - Вказує кількість рядків яке об'єднано в одній клітинці. (за замовчуванням=1) <td nowrap> - Не дозволяє програмі перегляду робити переклад тексту у клітинці таблиці.

№ слайда 19 Кадри  - Передує тег  в документі, що містить кадри;  - Визначає рядок таблиц
Описание слайда:

Кадри <frameset></frameset> - Передує тег <body> в документі, що містить кадри; <frameset rows=”value,value”> - Визначає рядок таблиці кадрів, висота яких визначена кол-вом пікселів або у відсотковому співвідношенні до висоти таблиці кадрів. <frameset cols=”value,value”> - Визначає стовпці в таблиці кадрів, ширина яких визначена кількістю пікселів або у відсотковому співвідношенні до ширини таблиці кадрів. <frame> - Визначає одиничний кадр або область в таблиці кадрів. <noframes></noframes> - Визначає, що буде показано у вікні браузера якщо він не підтримує кадри. Атрибути кадрів <frame xsrc=”URL”> - Визначає який з HTML документів буде показаний в кадрі. <frame name=”name”> - Вказує Ім'я кадру або області, що дозволяє передавати інформацію в цей документ.

№ слайда 20 Таблиця кольорів
Описание слайда:

Таблиця кольорів

№ слайда 21
Описание слайда:

№ слайда 22
Описание слайда:

№ слайда 23 Пуск → Все программы → Стандартные → Блокнот
Описание слайда:

Пуск → Все программы → Стандартные → Блокнот

№ слайда 24
Описание слайда:


Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Автор
Дата добавления 14.09.2016
Раздел Технология
Подраздел Презентации
Просмотров144
Номер материала ДБ-193804
Получить свидетельство о публикации
Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх