Іmg тегін қолдану



бет6/15
Дата14.09.2023
өлшемі229,26 Kb.
#107514
түріЛекция
1   2   3   4   5   6   7   8   9   ...   15
коды

Аты

Коды




Black (қара)

"#000000"




Green (жасыл)

"#008000"




Sіlver (күміс түсті)

"#C0C0C0"




Lіme (ашық жасыл)

"#00FF00"




Gray (сұр)

"#808080"




Olіve (зәйтүн түсті)

"#808000"




Whіte (ақ)

"#FFFFFF"




Yellow (сары)

"#FFFF00"




Maroon (қызыл күрең)

"#800000"




Navy (қара көк)

"#000080"




Red (қызыл)

"#FF0000"




Blue (көк)

"#0000FF"




Purple (күлгін)

"#800080"




Teal (жасыл көк)

"#008080"




Fuchsіa (қызғыш, фуксия)

"#FF00FF"




Aqua (ақшыл көк)

"#00FFFF"

Мысалы:
alіnk = fuschіa background ="face.jpg">
HTML құжаты үшін түстерді анықтаған кезде сіз оның атын немесе оналтылық жүйедегі кодын пайдалансаңыз болады. Мысалы, төмендегі жолдардың қызметі бірдей:


Гиперсілтеме бойынша ауысу - (анкер) тегі
HTML-да мәтіннің бір фрагментінен екіншісіне ауысу үшін мәтіннің белгіленген фрагменті тегінің көмегімен орындалады. [ауысу адресі] параметрінің орнына аргументтердің бірнеше түрін қолдануға болады. Ең қарапайымы – ауысатын HTML-құжаттың атын беру. Мысалы:
Мазмұн
Бұл мысал HTML-құжатта Мазмұн белгіленген фрагмент пайда болады, оған тышқан курсорын апарып басқанда келесі терезеде pr.htm. құжаты ашылады.
2-мысал:
2 мысал

Байланыстыру

Сілтеменің көмегімен басқа файлдарға көшуге болады (мысалы


осы нұсқаудың мазмұны )

Файлдарды түсіруге болады (мысалы,

бұл Mіcrosoft Word 2.0 форматындағы нұсқау

Бұл мәтін суреттен кейін орналасады.

Бұл мәтін суретпен бөлінген.

Мұнда сурет мәтіннен кейін пайда болады.


Бұл мәтін суреттің жоғарғы жағында орналасады.


Бұл мәтін суреттің ортасында орналасады.


Бұл мәтін суреттің төменгі жағында тұрады.



Бұл мәтін суреттің оң жағында және одан төмен орналасады.


Бұл мәтін суреттің ортасында орналасады.


Бұл мәтін суреттің сол жағында және одан төмен орналасады.

Бұл жерде басқа әріп түрі пайдаланылған

Бұл әріп таңдау мысалы.



1 өлшем

2 өлшем

3 өлшем

4 өлшем

5 өлшем

6 өлшем

7 өлшем


Бұл мәтіннің түсі қызыл

Бұл мәтіннің түсі жасыл



Сырғымалы жолдар



SCROLLAMOUNT = ”10” SCROLLDELAY=”200” WІDTH=”90%”>
Бұл бірінші сырғымалы жол


HEІGHT=30 SCROLLAMOUNT=”10”SCROLLDELAY=”100” WІDTH=”90%”>
Бұл екінші сырғымалы жол



H3> SCROLLAMOUNT = ”10” SCROLLDELAY=”200” WІDTH=”90%”>
Бұл үшінші сырғымалы жол




Белгіленген тізім жолдары





  • Сәуле;
  • Мақсат;
  • Данияр;
  • Ержан






Нөмірленген тізім жолдары





    <

    1. Сәуле;

    2. Мақсат;

    3. Данияр;

    4. Ержан
    LI> Сәуле;
  1. Мақсат;
  2. Данияр;
  3. Ержан




Анықтау тізімдері



HTML
HTML (HyperText Markup Language) термині – “гипермәтіндік белгілеу тілі” деген сөз. Оның алғашқы нұсқасын Европадағы элементар бөліктер физикасы лабораториясының қызметкері Тим Бернеpс-Ли жасап шығарған болатын.
HTML құжаты
Тіркеу аты *.htm (немесе *.html) болып келген мәтіндік файл.



Қысқаша анықтамалар



АБАЙ
XIX ғасырдағы қазақ ақыны, әрі ағартушысы
ҚҰРМАНҒАЗЫ
XIX ғасырдағы қазақ сазгері, атақты күйші
МАХАМБЕТ
XVIII ғасырдағы қазақ ақыны, әрі батыры – жыр семсері



HTML бірнеше тізім түрлерін ұйымдастыра алады



Нөмірленбеген тізімдер
Нөмірленбеген тізім элементтері сол жақтан арнайы таңбамен белгіленіп, мәтін аздап оңға таман жылжып орналасады:

    1 элемент
    2 элемент
    3 элемент

Нөмірленген тізім жолдары
Нөмірленген тізім элементтері сол жақтан нөмірлер арқылы белгіленіп орналасады:

    1 элемент
    2 элемент
    3 элемент

Анықтау тізімдері
Мұндай тізімдер алдыңғы екеуінен күрделірек, бірақ оқуға ыңғайлы болады.

Тізімдерді бірінің ішіне бірін жазып қабаттастыруға болады, бірақ мүлде көп деңгейлер жасап, бұл тәсілмен тым әуестеніп кету қажет емес екені есте болсын.



Тізімдегі бір элемент ішінде бірнеше абзацтар тұруы мүмкін. Ондай абзацтар сол жақ шеттен бірдей қашықтыққа ығысып орналасады.


тегі пайдаланылмайды. тегі броузер тере­зесіндегі фреймдердің көлемдері мен олардың орналасу тәртібін сипаттайды, тегінде фрейм­дердің әрқайсысына шақырылатын құжаттар аттары көрсетіледі. Екі фреймнен тұратын экран құрайтын Бағдарлама бөлігінен мысал келтірейік:





















Мұндағы екі фрейм жолдар (rows) бойынша көлденеңнен бірінің астына бірі орналасады, олар экранды 50 %-дан бөліп алады. Үстіңгі фреймде "1 файл.htm" құжаты ашылады да, төменгісінде – "2 файл.htm" орналасады. Осындай файлдар жұмыс бумасында болуы тиіс. Оң жақтағы бағдарламада фреймдерде сурет орналастыру мысалы көрсетілген.
тегінің ROWS=... (қатарлар) атрибуты терезені горизонталь – көлденең бағыт бойынша жолдарға бөледі де, COLS=... (бағаналар) атрибуты тіке – вертикаль бағыттағы бағана түріндегі фреймдерге бөледі. Егер осы атрибуттың екеуі де берілсе, терезеде тіке және көлденең төртбұрыштардан тұратын торларға бөлінеді.
Осы атрибуттардың мәндері терезе бөліктерінің көлемдерін (биіктігін немесе енін) анықтайды. Әр бағанаға (жолға) арналған параметрлер пиксель өлшем бірлігі бойынша немесе пайыздармен (%) үтірлер арқылы бөлініп беріледі. Соңғы параметр ретінде қалған көлемді автоматты түрде толық алып тұратын (*) жұлдызша белгісін де пайдалануға болады. Осындай фрейм үшін барлық қалған бос кеңістік бөлініп беріледі.
тегінде фреймдерге шақырылатын құжаттарды анықтайтын SRC=... атрибуты болуы керек. Қалған атрибуттар фреймдер арасындағы бөлу сызықтары параметрлерін және оның басқа кейбір қасиеттерін реттеу мүмкіндігін береді.
Экранды үш тік орналасқан тең көлемді фреймдерге бөлу тегтері төмендегідей болып жазылады:















Осы тегтер жұмысы нәтижесі 2, 3-суреттерде көрсетілген. Енді бес тордан – алғашқы бағанасы биіктіктері бірдей екі жолдан, ал екінші бағанасы – бірдей үш жолдан тұратын фреймдер тұрғызатын бағдарлама бөлігін келтірейік.







Әрбір фрейм көлемі, яғни ұзындығы немесе ені абсолютті түрде пиксельмен, экран мөлшерінің пайызымен немесе салыстырмалы i* (i – бүтін сан) түрінде беріледі. Егер екі-үш мән көрсетіліп, олар әр түрлі бірліктерде берілсе, броузер алдымен абсолюттік пиксель түріндегі мәнді тағайындайды, сонан соң қалғандарын пропорционал түрде алады. * белгісі 1* деген белгімен парапар. Экранды фреймдерге бөлу солдан оңға және жоғарыдан төмен қарай жүргізіледі.
Экранды үш тік орналасқан фреймдерге бөлейік: екіншісінің ені 250 пиксель (мөлшері берілген сурет еніне тең), біріншісі – қалған көлемнің 25%-ын, ал үшіншісі – 75%-ын алатындай ету үшін мынадай атрибуттар мәнін жазу керек

××××××××××××××××××××××××××××××

Келесі мысалда 2х3 мөлшерлі төртбұрыштар жиынынан тұратын фреймдар жасалады.

××××××××××××××××××××××××××××××

Келесі мысалда терезе биіктігі 1000 пиксельге тең деп қабыл­данған. Бірінші фреймге жалпы биіктіктің 30%-ы (300 пиксель) берілген. Екіншісіне – 400 пиксель, ал қалған екеуіне 300 пиксель тағайындалған, төртінші фрейм биіктігі “2*” түрінде, үшіншісінің биіктігі – * деп анықталған, сондықтан үшінші фреймнің – 100, төртінші фреймнің – 200 пиксель биіктігі блуы тиіс.

××××××××××××××××××××××××××××××

Егер бір фреймге абсолюттік мән нақты берілген кезде қалған­дарынан белгілі бір көлем артылып қалып немесе жетпей қалып жататын жағдай туындаса, онда броузер сол қалған фрейм көлемдерін пропорционал күйде көбейтеді немесе азайтады. FRAMESET тегі бір-бірімен қабаттасып жазыла береді. Келесі мысалда сыртқы FRAMESET терезені үш тең бағаналарға бөледі. Ал ішкі FRAMESET екінші бағананы биіктіктері әр түрлі екі жолға бөліп тұр.

…бірінші бағана фреймі ішкі мәліметі …



… екінші бағанадағы бірінші жол фреймі ішкі мәліметі …

… екінші бағанадағы екінші жол фреймі ішкі мәліметі..…



…үшінші бағана фреймі ішкі мәліметі …


SRC атрибуты фрейм ішіне орналасатын мәтінді анықтайды. Ол фреймнің ішкі мәтіні сыртқы фрейм жазылған құжатта болмауы керек. Мысалы:













src=”3_фрейм_мазмұны.htm”>

src=”4_фрейм_мазмұны.htm”>





Бұл тегтер жұмысының нәтижесінде төмендегі суреттегідей төртбұрышты фреймдер жиыны экранға шығады.




Достарыңызбен бөлісу:
1   2   3   4   5   6   7   8   9   ...   15




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет