Что такое 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


  • Имя файла: urok-informatiki-yazyk-razmetki-giperteksta-html-i-ego-naznachenie.pptx
  • Количество просмотров: 115
  • Количество скачиваний: 0