СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Гипертексттик белгилер тили

Категория: Информатика

Нажмите, чтобы узнать подробности

HTML – документтердин гипертексттик белгилеринин (разметкаларынын) тили (Hyper Text Markup Language).

HTML дин жардамы менен Интернет глобалдык тармагында жайгашкан Web-баракчалар түзүлөт.

Просмотр содержимого документа
«Гипертексттик белгилер тили»

HTML жөнүндө негизги түшүнүктөр  HTML – документтердин гипертексттик белгилеринин (разметкаларынын) тили (Hyper Text Markup Language).  HTML дин жардамы менен Интернет глобалдык тармагында жайгашкан Web-баракчалар түзүлөт.

HTML жөнүндө негизги түшүнүктөр

HTML – документтердин гипертексттик белгилеринин (разметкаларынын) тили (Hyper Text Markup Language).

HTML дин жардамы менен Интернет глобалдык тармагында жайгашкан Web-баракчалар түзүлөт.

 Гипертексттик документ – бул башка документтерге өтүүнү ( гиперссылканы - гипершилтемени ) камтыган документ. Гипершилтемени колдонууда Интернетте бир документтен экинчисине (чынжыр сымал) өтүү процесси жүрөт.

Гипертексттик документ – бул башка документтерге өтүүнү ( гиперссылканы - гипершилтемени ) камтыган документ. Гипершилтемени колдонууда Интернетте бир документтен экинчисине (чынжыр сымал) өтүү процесси жүрөт.

HTML-документтин өзгөчөлүктөрү HTML -документ текстти, графиканы, видеону жана үндү камтышы мүмкүн. 2. Жалпы учурда HTML-документ – бул .htm или .html кеңейтилишиндеги бир же бир нече тексттик файлдар болуп эсептелет. 3. HTML -документтерди атайын HTML программалардын (мисалы, FrontPage), ошондой эле каалаган тексттик редактордун (мисалы Windows тун Блокнотунун) жардамы менен түзүүгө болот.

HTML-документтин өзгөчөлүктөрү

  • HTML -документ текстти, графиканы, видеону жана үндү камтышы мүмкүн.
  • 2. Жалпы учурда HTML-документ – бул .htm или .html кеңейтилишиндеги бир же бир нече тексттик файлдар болуп эсептелет.
  • 3. HTML -документтерди атайын HTML программалардын (мисалы, FrontPage), ошондой эле каалаган тексттик редактордун (мисалы Windows тун Блокнотунун) жардамы менен түзүүгө болот.
HTML-документтин өзгөчөлүктөрү HTML -документтерди атайын программалардын – браузерлердин жардамы менен көрүүгө болот. Алар HTML-документтерди интерпретациялайт , б.а. документтин текстин Web-баракчаза которот жана колдонуучу үчүн экранга чагылдырып берет Эгерде HTML -документти интерпретациялоодо браузерге түшүнүксүз бөлүктөр болсо, анда HTML -документтиеги ошол бөлүк браузер тарабынан чагылдырылбайт.

HTML-документтин өзгөчөлүктөрү

  • HTML -документтерди атайын программалардын – браузерлердин жардамы менен көрүүгө болот. Алар HTML-документтерди интерпретациялайт , б.а. документтин текстин Web-баракчаза которот жана колдонуучу үчүн экранга чагылдырып берет
  • Эгерде HTML -документти интерпретациялоодо браузерге түшүнүксүз бөлүктөр болсо, анда HTML -документтиеги ошол бөлүк браузер тарабынан чагылдырылбайт.
HTMLдин элементтери Тег – англис тилинен которгондо – ярлык, этикетка. Тег HTML дин чыгарылуучу элементинин тибин аныктайт.

HTMLдин элементтери

Тег – англис тилинен которгондо – ярлык, этикетка. Тег HTML дин чыгарылуучу элементинин тибин аныктайт.

Атрибуттар – HTMLдин элементтеринин кошумча касиеттерин аныктоочу, зарыл эмес параметрлердин топтому (мисалы, түс же өлчөмдөр)

Атрибуттар HTMLдин элементтеринин кошумча касиеттерин аныктоочу, зарыл эмес параметрлердин топтому (мисалы, түс же өлчөмдөр)

HTML-документтерди түзүү эрежелери 1. Тег жана атрибуттарды баш тамгалар же кичине тамгалар менен жазууга болот, б.а.  жана  – бир эле түшүнүктү билдирет. 2. Катарынан коюлган бир нече пробел, табуляция жана кийинки сапка түшүрүү символдору интерпретациялоодо браузер тарабынан бир пробел менен алмаштырылат. 3. HTM файлдарга ат коюуда латын алфавитиндеги кичине тамгалар сунушталат. Файлдын атынын узундугу – сегиз символго чейин.

HTML-документтерди түзүү эрежелери

1. Тег жана атрибуттарды баш тамгалар же кичине тамгалар менен жазууга болот, б.а. жана – бир эле түшүнүктү билдирет.

2. Катарынан коюлган бир нече пробел, табуляция жана кийинки сапка түшүрүү символдору интерпретациялоодо браузер тарабынан бир пробел менен алмаштырылат.

3. HTM файлдарга ат коюуда латын алфавитиндеги кичине тамгалар сунушталат. Файлдын атынын узундугу – сегиз символго чейин.

html-документтин структурасы

html-документтин структурасы

html-документтин структурасы Ар бир HTML-документ  теги менен башталып,  теги менен аякташы керек

html-документтин структурасы

Ар бир HTML-документ теги менен башталып, теги менен аякташы керек

 HEAD анын бөркүн аныктайт, ошондой эле браузер үчүн документ жөнүндө кошумча маалыматты өз ичине алат (камтыйт). Бул бөлүм зарыл болуп эсептелбейт.

HEAD анын бөркүн аныктайт, ошондой эле браузер үчүн документ жөнүндө кошумча маалыматты өз ичине алат (камтыйт). Бул бөлүм зарыл болуп эсептелбейт.

  теги HTML-документке ат берүү үчүн керектелет. Бул аталыш браузердин терезесинин (окно) бөркүнө чыгарылат.

теги HTML-документке ат берүү үчүн керектелет. Бул аталыш браузердин терезесинин (окно) бөркүнө чыгарылат.

 Документтин бул бөлүмүндө браузердин терезесинде чагылдырылуучу маалымат жайгашат.  теги документтин тышкы көрүнүшүн аныктоочу бир катар атрубуттарга ээ. Мисалы: TEXT=

Документтин бул бөлүмүндө браузердин терезесинде чагылдырылуучу маалымат жайгашат.

теги документтин тышкы көрүнүшүн аныктоочу бир катар атрубуттарга ээ.

Мисалы:

TEXT="цвет текста"

BGCOLOR="цвет фона"

BACKGROUND="адрес фонового рисунка"

Жөнөкөй html-документтин мисалы     Приветствие     Добро пожаловать!

Жөнөкөй html-документтин мисалы

  Приветствие

 

Добро пожаловать!

Фонго коюлуучу сүрөттү пайдалануу мисалы     Приветствие   Добро пожаловать!

Фонго коюлуучу сүрөттү пайдалануу мисалы

 

Приветствие

Добро пожаловать!

Түс HTML-документтин ар түрдүү элементтеринин түсүн аныктоо үчүн тиешелүү атрибуттардын маанисин көрсөтүү зарыл.  Ал атрибуттардын маанилерин эки жол менен көрсөтүүгө болот:  түстү RGB форматында аныктоо; түстү аныктоодо символдук нотацияны пайдалануу.

Түс

  • HTML-документтин ар түрдүү элементтеринин түсүн аныктоо үчүн тиешелүү атрибуттардын маанисин көрсөтүү зарыл.

Ал атрибуттардын маанилерин эки жол менен көрсөтүүгө болот:

  • түстү RGB форматында аныктоо;
  • түстү аныктоодо символдук нотацияны пайдалануу.
Түстүн RGB форматы RGB форматы – бул кызыл (RED), жашыл (GREEN) жана көк (BLUE) түстөрдүн аралашуусуна негизденген (базирующихся) түстү көрсөтүү системасы.

Түстүн RGB форматы

  • RGB форматы – бул кызыл (RED), жашыл (GREEN) жана көк (BLUE) түстөрдүн аралашуусуна негизденген (базирующихся) түстү көрсөтүү системасы.
Ар бир түстүн саны 0 дөн 255 ке чейинки диапазондо жатышы мүмкүн. Абсолюттук кызыл түстүн жазылуу формасы (255, 0, 0) түрүндө болот. 255 саны кызыл түстүн санын, эки 0 сандары түстөрдүн тиешелүү түрдө жашыл жана кызыл түзүүчүлөрүн билдирет. Абсолюттук көк түс - (0,255,0) жана жашыл түс - (0,0,255). Мисалы, (0,0,0) - кара . RGB түстү 16лык системада төмөнкүчө жазууга болот: 000000 – (0,0,0) – кара түс . Эгерде түс 16лык системада жазылса, сандык мааниден мурда «#» белгиси коюлат. «#» белгиси 16лык система колдонулуп жаткандыгын билдирет.
  • Ар бир түстүн саны 0 дөн 255 ке чейинки диапазондо жатышы мүмкүн.
  • Абсолюттук кызыл түстүн жазылуу формасы (255, 0, 0) түрүндө болот. 255 саны кызыл түстүн санын, эки 0 сандары түстөрдүн тиешелүү түрдө жашыл жана кызыл түзүүчүлөрүн билдирет.
  • Абсолюттук көк түс - (0,255,0) жана жашыл түс - (0,0,255).
  • Мисалы, (0,0,0) - кара . RGB түстү 16лык системада төмөнкүчө жазууга болот: 000000 – (0,0,0) – кара түс .
  • Эгерде түс 16лык системада жазылса, сандык мааниден мурда «#» белгиси коюлат. «#» белгиси 16лык система колдонулуп жаткандыгын билдирет.
Компьютер операцияларды ишке ашыруучу  кээ бир стандарттык түстөр

Компьютер операцияларды ишке ашыруучу кээ бир стандарттык түстөр

Символдук нотация Түстөрдүн аталыштарын англис тилинде көрсөтүүгө болот. « - » бардыгы болуп 16 түстүн аты аныкталган.

Символдук нотация

  • Түстөрдүн аталыштарын англис тилинде көрсөтүүгө болот.
  • « - » бардыгы болуп 16 түстүн аты аныкталган.
  Символьная нотация Black Формат RGB Silver #000000 Цвет #C0C0C0 Gray Черный #808080 White Серебро Серый Maroon #FFFFFF #800000 Red Белый #FF0000 Purple Темно-бордовый Fuchsia #800080 Красный #FF00FF Фиолетовый Green #008000 Lime Розовый #00FF00 Olive Зеленый #808000 Yellow Известь #FFFF00 Navy Оливковый #000080 Blue Лимонный Темно-синий #0000FF Teal #008080 Aqua Синий #00FFFF Темно-бирюзовый Бирюзовый

  Символьная нотация

Black

Формат RGB

Silver

#000000

Цвет

#C0C0C0

Gray

Черный

#808080

White

Серебро

Серый

Maroon

#FFFFFF

#800000

Red

Белый

#FF0000

Purple

Темно-бордовый

Fuchsia

#800080

Красный

#FF00FF

Фиолетовый

Green

#008000

Lime

Розовый

#00FF00

Olive

Зеленый

#808000

Yellow

Известь

#FFFF00

Navy

Оливковый

#000080

Blue

Лимонный

Темно-синий

#0000FF

Teal

#008080

Aqua

Синий

#00FFFF

Темно-бирюзовый

Бирюзовый