Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

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

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

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

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

Презентация на тему Урок информатики :Язык разметки гипертекста HTML и его назначение

Содержание

HTML /Hyper Text Markup Language/ Հիպերտեքստային հղումների լեզու
Դասի հեղինակ՝ ԿԱԻ-ի Արագածոտնի մասնաճյուղի ինֆորմատիկայի մասնագետ Սիրան Խոյեցյան HTML /Hyper Text Markup Language/ Հիպերտեքստային հղումների լեզու Բացել Start→Programs→Accesories →NotepadԽմբագրել HTML-նշագրման էջըՊահպանել էջը .html ընդլայնումով Web էջերի ստեծում HTML Օրինակ 1 Ողջույն Օրինակ 1 Ողջույն HTML-էջերը սկսվում են և վերջանում են տեգերով: և այս նկարագրիչների զույգերով ցույց Այս նկարագրիչները նկարագրում են տառաշարերի մեծության աստիճանը: ... ... Այս նկարագրիչների միջը Структура Web-страницыПусть файл index.htm, содержит такой HTML-код: Գունային սխեմա Цвет на Web-странице задают либо его названием, либо числовым шестиразрядным ALIGN=“right” – հավասարեցում աջիցALIGN=“center” – հավասարեցում կենտրոնիցALIGN=“left” – հավասարեցում ձախիցALIGN, հավասարեցում ԳԼԽԱԳԻՐԻ ՕՐԻՆԱԿ Համակարգիչ Իմ համակարգիչը թավ , մուգ թեք ընդգծված մուգ թեք ընդգծված արտապատկերել Տեքստի ֆորմատավորում Компьютер Все Այս տեգը ունի հետևյալ ատրիբուտները.FACE – ֆոնտի երես (օրինակ , FACE=“Arial”)SIZE Компьютер Все о Պարբերության համարակալումը թվերով և սիմվոլներով ՄինասյանԴանիելյանՍուքիասյանՄինասյանԴանիելյանՍուքիասյան Պարբերության համարակալումը թվերով և սիմվոլներով ՄինասյանԴանիելյանՍուքիասյանՄինասյանԴանիելյանՍուքիասյան Պարբերության համարակալումը թվերով և սիմվոլներով այս դեպքում համարակալումը սկսվում է ցանկացած թվից: alt տեգը նրա համար է, երբ նկարը չի երեևում, ապա երևում է alt տեգը նրա համար է, երբ նկարը չի երեևում, ապա երևում է Հիպերհղումներ HTML –ում անցում որևէ դրվագին կամ փաստթղթին կատարվում է հետևյալ նկարագրիչով.Օրինակներ՝ ԱղյուսակներԱղյուսակը սկսվում է – տեգով և վերջանում է -ի ատրիբուտներըALIGN – CELLSPACING- որոշում է աղյուսակի բջիջների եզրագծերի հեռավորությունը պիքսելներով:/օր. CELLSPACING=4/CELLPADDING- որոշում է աղյուսակի աղյուսակի ամեն տողը սկսում է այս տեգով և վերջանում է ALIGN ROWSPANROWSPAN որոշում է տեքստի հորիզոնական ուղղությամբՕր.՝ ROWSPAN=2 նշանակում է, որ բջիջը < COLSPAN > որոշում է բջջի ուղղահայաց ուղղությամբ .Օրինակ՝ ALIGN որոշում HEIGHT որոշում է բջջի բարձրությունը պիքսելներովHEIGHT=40WIGTH որոշում է բջջի լայնությունը պիքսելներովHEIGHT=40
Слайды презентации

Слайд 2 HTML /Hyper Text Markup Language/ Հիպերտեքստային հղումների լեզու

HTML /Hyper Text Markup Language/ Հիպերտեքստային հղումների լեզու

Слайд 3 Բացել Start→Programs→Accesories →Notepad
Խմբագրել HTML-նշագրման էջը
Պահպանել էջը .html ընդլայնումով

Բացել Start→Programs→Accesories →NotepadԽմբագրել HTML-նշագրման էջըՊահպանել էջը .html ընդլայնումով Web էջերի ստեծում


Web էջերի ստեծում
HTML փաստաթուղթը տեքստային փաստաթուղթ է *.html

ընդլայնումով


Слайд 4


Օրինակ

Օրինակ 1 Ողջույն բոլորին HTML

1


Ողջույն բոլորին



HTML

էջը կազմված է տեգերից /անգլերեն Tag/

Слайд 5


Օրինակ

Օրինակ 1 Ողջույն բոլորին HTML

1


Ողջույն բոլորին



HTML

էջը կազմված է տեգերից /անգլերեն Tag/

Слайд 6 HTML-էջերը սկսվում են
և վերջանում են տեգերով:

HTML-էջերը սկսվում են և վերջանում են տեգերով: և այս նկարագրիչների զույգերով

և այս նկարագրիչների զույգերով ցույց է տալիս
փաստաթղթային մասի

սկիզբը և վերջը:
այն ինչ գրված կլինի այս տեգերի միջև այն կհանդիսանա բրաուզերով բացված տվյակ փաստաթղթի վերնագիր:

ցույց են տալիս HTML փաստաթղթի մարմնի սկիզբը և վերջը, որը արտապատկերում է փաստաթղթի պարունակությունը

Web-էջի կառուցվածքը

Слайд 7 Այս նկարագրիչները նկարագրում են տառաշարերի մեծության աստիճանը:
...

Այս նկարագրիչները նկարագրում են տառաշարերի մեծության աստիճանը: ... ... Այս նկարագրիչների

...
Այս նկարագրիչների միջը տեքստը ընդունվում է որպես մեկ

պարբերություն:

...


Տեքստի հավասարեցում ըստ...
<հ1 Align=center>...
<հ1 Align=right>...
<հ1 Align=left>...
Պարբերության հավասարեցում ըստ...

...





Web-էջի կառուցվածքը




Слайд 8 Структура Web-страницы
Пусть файл index.htm, содержит такой HTML-код:

Структура Web-страницыПусть файл index.htm, содержит такой HTML-код: Компьютер


Компьютер


Все о компьютере



При просмотре в браузере файла,
получим следующий вид

Слайд 9 Գունային սխեմա
Цвет на Web-странице задают либо его

Գունային սխեմա Цвет на Web-странице задают либо его названием, либо числовым

названием, либо числовым шестиразрядным шестнадцатеричным кодом #RRGGBB, где две

первые цифры задают интенсивность красного цвета (red), средние две цифры – интенсивность зеленого (green), и последние две цифры – интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается 16-ричным числом 00, а максимальная – FF. Легко догадаться, что синий цвет задает “#0000FF”. В таблице приведены значения некоторых цветов:


Слайд 10
ALIGN=“right” – հավասարեցում աջից
ALIGN=“center” – հավասարեցում կենտրոնից
ALIGN=“left” –

ALIGN=“right” – հավասարեցում աջիցALIGN=“center” – հավասարեցում կենտրոնիցALIGN=“left” – հավասարեցում ձախիցALIGN, հավասարեցում

հավասարեցում ձախից

ALIGN, հավասարեցում

Слайд 11 ԳԼԽԱԳԻՐԻ ՕՐԻՆԱԿ



ԳԼԽԱԳԻՐԻ ՕՐԻՆԱԿ Համակարգիչ Իմ համակարգիչը

Համակարգիչ


Իմ համակարգիչը



Слайд 12 թավ , մուգ
թեք
ընդգծված

թավ , մուգ թեք ընդգծված մուգ թեք ընդգծված արտապատկերել ընգծված ուժեղ ընդգված Տեքստի ֆորմատավորում


մուգ թեք ընդգծված
արտապատկերել

ընգծված
ուժեղ ընդգված

Տեքստի ֆորմատավորում



Слайд 13 Տեքստի ֆորմատավորում



Տեքստի ֆորմատավորում Компьютер Все о компьютере

Компьютер


Все о

компьютере
Жирный
Курсив
Подчеркнутый
Жирный подчеркнутый курсив
Равноширинный
Выделение
Усиленное выделение






Слайд 14
Այս տեգը ունի հետևյալ ատրիբուտները.

FACE –

Այս տեգը ունի հետևյալ ատրիբուտները.FACE – ֆոնտի երես (օրինակ ,

ֆոնտի երես (օրինակ , FACE=“Arial”)
SIZE – ֆոնտի չափը (օրինակ

, SIZE=4)
COLOR – ֆոնտի գունը (օրինակ, COLOR=“blue”)

Տեքստի ֆորմատավորում




Слайд 15

Компьютер

Компьютер Все о компьютере Տեքստի ֆորմատավորում





Все о

компьютере






Տեքստի ֆորմատավորում

Слайд 16 Պարբերության համարակալումը թվերով և սիմվոլներով

Մինասյան
Դանիելյան
Սուքիասյան


Մինասյան
Դանիելյան
Սուքիասյան




Պարբերության համարակալումը թվերով և սիմվոլներով ՄինասյանԴանիելյանՍուքիասյանՄինասյանԴանիելյանՍուքիասյան

Слайд 17 Պարբերության համարակալումը թվերով և սիմվոլներով

Մինասյան
Դանիելյան
Սուքիասյան


Մինասյան
Դանիելյան
Սուքիասյան




Պարբերության համարակալումը թվերով և սիմվոլներով ՄինասյանԴանիելյանՍուքիասյանՄինասյանԴանիելյանՍուքիասյան

Слайд 18 Պարբերության համարակալումը թվերով և սիմվոլներով

Պարբերության համարակալումը թվերով և սիմվոլներով այս դեպքում համարակալումը սկսվում է ցանկացած թվից:

այս դեպքում
համարակալումը սկսվում է
ցանկացած թվից:

Слайд 19

alt տեգը նրա համար է, երբ նկարը չի երեևում, ապա երևում

նկարը”>

alt տեգը նրա համար է, երբ նկարը չի երեևում,

ապա երևում է alt-ում գրված տեքստը:

Էջում նկար ավելացնել

Слайд 20

alt

alt տեգը նրա համար է, երբ նկարը չի երեևում, ապա երևում

տեգը նրա համար է, երբ նկարը չի երեևում, ապա

երևում է alt-ում գրված տեքստը:

Էջում նկար ավելացնել

Слайд 21 Հիպերհղումներ
HTML –ում անցում որևէ դրվագին կամ փաստթղթին

Հիպերհղումներ HTML –ում անցում որևէ դրվագին կամ փաստթղթին կատարվում է հետևյալ

կատարվում է հետևյալ նկարագրիչով.


Օրինակներ՝
Անցում ԿԱԻ

կայք
անցում տվյալ էջին

Слайд 22 Աղյուսակներ
Աղյուսակը սկսվում է – տեգով և վերջանում

ԱղյուսակներԱղյուսակը սկսվում է – տեգով և վերջանում է -ի ատրիբուտներըALIGN

է
-ի ատրիբուտները
ALIGN – սա որոշում է

աղյուսակի դիրքը էջի
նկատմամբ:
ALIGN=“left” հավասարեցում ձախից
ALIGN=“center” հավասարեցում կենտրոնից
ALIGN=“right” հավասարեցում աջից
WITHT- աղյուսակի լայնությունը
WITHT=400
BORDER-որոշում է աղյուսակի և բջիջների արտաքին եզրերի հաստությունը պիքսելներով/օր. BORDER=4/


Слайд 23 CELLSPACING- որոշում է աղյուսակի բջիջների եզրագծերի հեռավորությունը պիքսելներով:
/օր.

CELLSPACING- որոշում է աղյուսակի բջիջների եզրագծերի հեռավորությունը պիքսելներով:/օր. CELLSPACING=4/CELLPADDING- որոշում է

CELLSPACING=4/
CELLPADDING- որոշում է աղյուսակի բջջի եզրագծի հեռավորությունը տեքստից:
/օր. CELLPADDING=10


Слайд 24
աղյուսակի ամեն տողը սկսում է այս

աղյուսակի ամեն տողը սկսում է այս տեգով և վերջանում է

տեգով և վերջանում է

ALIGN որոշում է տեքստի ուղղահայաց

ուղղվածությունը բջջում:
VALIGN=TOP
VALIGN=MIDDLE
VALIGN=BOTTOM
աղյուսակի ամեն բջիջ սկսում է այս տեգով և վերջանում է

Слайд 25 ROWSPAN
ROWSPAN որոշում է տեքստի հորիզոնական ուղղությամբ
Օր.՝ ROWSPAN=2

ROWSPANROWSPAN որոշում է տեքստի հորիզոնական ուղղությամբՕր.՝ ROWSPAN=2 նշանակում է, որ բջիջը

նշանակում է, որ բջիջը զբաղեցնում է 2 տող:
Թույլատրելի արժեքներ

են՝.
ALIGN=LEFT
ALIGN=CENTER
ALIGN=RIGHT

Слайд 26
< COLSPAN > որոշում է բջջի ուղղահայաց

< COLSPAN > որոշում է բջջի ուղղահայաց ուղղությամբ .Օրինակ՝ ALIGN որոշում

ուղղությամբ .
Օրինակ՝
ALIGN որոշում է տեքստի ուղղահայաց

ուղղվածությունը բջջում:
VALIGN=TOP
VALIGN=MIDDLE
VALIGN=BOTTOM
աղյուսակի ամեն բջիջ սկսում է այս տեգով և վերջանում է

Слайд 27 HEIGHT որոշում է բջջի բարձրությունը պիքսելներով
HEIGHT=40
WIGTH որոշում է

HEIGHT որոշում է բջջի բարձրությունը պիքսելներովHEIGHT=40WIGTH որոշում է բջջի լայնությունը պիքսելներովHEIGHT=40

բջջի լայնությունը պիքսելներով
HEIGHT=40

Слайд 28

Слайд 29

Слайд 30

  • Имя файла: urok-informatiki-yazyk-razmetki-giperteksta-html-i-ego-naznachenie.pptx
  • Количество просмотров: 129
  • Количество скачиваний: 0
- Предыдущая Танцы горцев
Следующая - Детско - родительский проект Забавы мыльных пузырей

Похожие презентации

Презентація Інноваційні й традиційні методи навчання Презентація Інноваційні й традиційні методи навчання 136
Урок 19 Заглавная буква в именах людей Урок 19 Заглавная буква в именах людей 90
Праздник 23 февраля Праздник 23 февраля 93
Реализация ФГОС в условиях ДОУ (образовательная область:Художественное развитие). Часть 2 презентация к уроку (старшая группа) Реализация ФГОС в условиях ДОУ (образовательная область:Художественное развитие). Часть 2 презентация к уроку (старшая группа) 100
Семинар-практикум Поликультурная предметно-пространственная среда, как фактор социализации дошкольника материал по теме Семинар-практикум Поликультурная предметно-пространственная среда, как фактор социализации дошкольника материал по теме 114
Операционные системы Операционные системы 140
Родительское собрание Значение чтения презентация к уроку (1 класс) по теме Родительское собрание Значение чтения презентация к уроку (1 класс) по теме 122
Emblems of great britain Emblems of great britain 125
Формы взаимодействия с семьёй в ДОУ проект (старшая группа) Формы взаимодействия с семьёй в ДОУ проект (старшая группа) 129
Конструирование из бумаги. Грибок. план-конспект занятия по конструированию, ручному труду (подготовительная группа) по теме Конструирование из бумаги. Грибок. план-конспект занятия по конструированию, ручному труду (подготовительная группа) по теме 107
О ВРЕДЕ КУРЕНИЯ О ВРЕДЕ КУРЕНИЯ 99
Мировой опыт решения проблемы изъятия трансплантантов у живых и умерших доноров Мировой опыт решения проблемы изъятия трансплантантов у живых и умерших доноров 128
Когнітивний дисонанс Когнітивний дисонанс 133
Lesson 5 Lesson 5 82
Компьютерные сети и телекоммуникации Компьютерные сети и телекоммуникации 122
Сотрудничество с отцами презентация к уроку Сотрудничество с отцами презентация к уроку 110
Мы выбираем жизнь презентация к уроку (4 класс) Мы выбираем жизнь презентация к уроку (4 класс) 111
Third street aleworks Third street aleworks 97
Влияние ГАДЖЕТОВ на развитие ребенка: плюсы и минусы консультация по теме Влияние ГАДЖЕТОВ на развитие ребенка: плюсы и минусы консультация по теме 136
Презентация учебно-методическое пособие (старшая группа) Презентация учебно-методическое пособие (старшая группа) 105
William morris William morris 113
Огонь - опасная игра презентация к уроку (средняя группа) Огонь - опасная игра презентация к уроку (средняя группа) 123
Акции и акционерный капитал Акции и акционерный капитал 106
Презентация презентация к уроку Презентация презентация к уроку 133
презентация к консультации для воспитателей Исследовательское путешествие в ДОУ как средство реализации образовательной области Познание презентация презентация к консультации для воспитателей Исследовательское путешествие в ДОУ как средство реализации образовательной области Познание презентация 48
Метаболизм углеводов Метаболизм углеводов 148
Презентация ко Дню народного единства Презентация ко Дню народного единства 90
Презентация Предметно развивающая среда экологическому воспитанию материал (подготовительная группа) по теме Презентация Предметно развивающая среда экологическому воспитанию материал (подготовительная группа) по теме 87
Презентация к уроку технологии тема Мозаика Презентация к уроку технологии тема Мозаика 136
Презентація Історія книги (5 клас) Презентація Історія книги (5 клас) 132