Презентация, доклад на тему Презентація Робота з html

для опису Web-сторінки, що зберігається у виді звичайного текстового файлу з розширенням *.htm або *.html. 

Головна мета HTML — описати формат вмісту Web-сторінки, він описується з допомогою дескрипторів (tag) HTML. 

Мова HTML інтерпретується браузерами 
і відображається у вигляді документа
у зручній для людини формі.

HTML був розроблений британським вченим 
Тімом Бернерсом-Лі приблизно
в 1986-1991 роках в стінах Європейського
Центру ядерних досліджень 
в Женеві (Швейцарія).

виглядати елементи на вашій сторінці визначають мітки (англійською tags) або теги. 

Тег – основний елемент HTML, який виконує певну функцію.

Тег починається знаком < , закінчується знаком > ,
між ними - ім'я тега.

Без тегів не існує HTML документу.

тегів належать ті теги, які повторюються і двічі оточують ту частину, над якою виконується певна конкретна функція.
Приклад

Непарні теги відрізняються тим, що вони не виділяють певну частину коду, над якою виконується функція тега. Функція тегу поширюється або на весь документ, або на конкретне місце документу.

Зразок:
,

та ін.

для вказівки додаткової інформації Web-браузерові про те, як застосовувати цей дескриптор.
Атрибути — це імена, яким через знак рівності (=) привласнюються визначені значення.

Слово «атрибут» походить від лат. attributio - приписування.

Приклад:
Так, невід'ємними атрибутами держави є прапор, герб та гімн - це символи, що дають уявлення про сутність держави та цінності, яких воно дотримується.  

тому, що їх необхідно постійно прописувати для кожної сторінки.

Цей тег повинен відкривати документ, він парний

 
Далі виділяється дві частини :
head(голова) та body(тіло).

HTML документ.
 - Визначає місце, де міститься різна
інформація - заголовка.
 - Визначає основну частину документа.

 - Поміщає назву документа-зміст програми
перегляду сторінок.

значення кольору у вигляді RRGGBB –
приклад: FF0000 - червоний колір.
 - Встановлює колір тексту документа, використовуючи
значення кольору у вигляді RRGGBB –
приклад: 000000 - чорний колір.
 - Встановлює колір гіперпосилань, використовуючи
значення кольору у вигляді RRGGBB –
приклад: 00FF00 - зелений колір.
 - Встановлює колір гіперпосилань на яких ви вже
побували, використовуючи значення кольору
у вигляді RRGGBB - приклад: 800080 - фіолетовий колір.
 - Встановлює колір гіперпосилань при натисканні.


Замість знаку ? – потрібно зробити підстановку (код кольору)

Найменший заголовок

 

Створює похилий текст.
- Створює підкреслений текст.
 - Створює текст - стиль друкованої машинки.

Теги

Вигляд

розмір тексту від 1 до 7,
color - колір тексту( Red, RRGGBB, 000000 ).

< font face =? >
< font size =? >  
< font color =? >  

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

 - Визначає кожен елемент списку і присвоює номер.

квадратик.

Теги

Вигляд

р align="right"> За правим краєм

 - Створює новий параграф.

 - Наступний за цим тегом текст буде у новому рядку.

 - Створює відступи з обох
сторін тексту.

src = ”name” align = ? > - Вирівнює зображення до однієї з сторін
документа, приймає значення: left, right, center; bottom, top, middle.



 - Встановлює товщину рамки
навколо зображення.

---

 - Додає в HTML документ горизонтальну лінію.

---

- Встановлює висоту(товщину) лінії.

---

 - Встановлює ширину лінії.

---

 - Визначає лінії певний колір.

на інші документи або частина поточного документа.
 - Створює гіперпосилання
виклику поштової програми для написання листа.
 - Зазначає частину тексту як мета
для гіперпосилань у документі.
 -
Створює посилання на частину поточного документа.

Приклад

рядок таблиці.
 - Визначає окрему комірку в таблиці.
 - Визначає заголовок таблиці (нормальна
осередок з відцентрованим жирним текстом)


Приклад

осередками таблиці.
 - Задає відстань між вмістом комірки і її рамкою.
 - Встановлює ширину таблиці в пікселях або відсотках від
ширини документа.
або або

- Встановлює вирівнювання в клітинках таблиці, приймає значення: left, center, або right.
- Встановлює вертикальне вирівнювання клітинок таблиці, приймає значення : top, middle, або bottom.	- Вказує кількість столбцев яке об'єднано в одній клітинці. (за замовчуванням=1)	- Вказує кількість рядків яке об'єднано в одній клітинці. (за замовчуванням=1)	- Не дозволяє програмі перегляду робити переклад тексту у клітинці таблиці. Слайд 19Кадри  - Передує тег в документі, що містить кадри;  - Визначає рядок таблиці кадрів, висота яких визначена кол-вом пікселів або у відсотковому співвідношенні до висоти таблиці кадрів.  - Визначає стовпці в таблиці кадрів, ширина яких визначена кількістю пікселів або у відсотковому співвідношенні до ширини таблиці кадрів.  - Визначає одиничний кадр або область в таблиці кадрів.  - Визначає, що буде показано у вікні браузера якщо він не підтримує кадри. Атрибути кадрів  - Визначає який з HTML документів буде показаний в кадрі.  - Вказує Ім'я кадру або області, що дозволяє передавати інформацію в цей документ. Слайд 20Таблиця кольорів Слайд 21 Слайд 22 Слайд 23Пуск → Все программы → Стандартные → Блокнот Слайд 24 Скачать презентацию Похожие презентации План урока с раздаточным материалом и электронная презентацией к уроку по Приготовлению блюд из мясной котлетной массы (Кейс-стади) 193 Презентация по робототехнике - Липкие ситуации 154 Занятие по кулинарии: оформление бутербродов 148 Презентация к уроку технологии по теме:Роль комнатных растений в жизни человека. 344 Инструкционная карта учебной практики по теме Комплексные работы по профессии Слесарь механосборочных работ 208 Презентация по технологии продукции общесторвенного питания на тему Значение моей профессии 174 Что такое shareslide.ru? Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами. Для правообладателей Обратная связь Email: Нажмите что бы посмотреть