Головна сторінка Випадкова сторінка
КАТЕГОРІЇ:
АвтомобіліБіологіяБудівництвоВідпочинок і туризмГеографіяДім і садЕкологіяЕкономікаЕлектронікаІноземні мовиІнформатикаІншеІсторіяКультураЛітератураМатематикаМедицинаМеталлургіяМеханікаОсвітаОхорона праціПедагогікаПолітикаПравоПсихологіяРелігіяСоціологіяСпортФізикаФілософіяФінансиХімія
Стаття 20
Дата добавления: 2015-10-18; просмотров: 602
|
|
Көптеген броузерлер құжатқа барлық құжаттың фонында бейнелейтін және матрициялайтын фонды суретті қосуға мүмкіндік береді. Кейбір пайдаланушылар фонды графиканы ұнатады, ал кейбіреулері оны жақтырмайды. Жабысқақ емес жартылай тұнық сурет көптеген құжаттарда фон ретінде жақсы көрінеді.
Фонды суреттің сипаттамасы BODY тегіне қосылады және мына образда көрінеді:
<BODYBACKGROUND="picture.gif">
Қалыпты түстерге бағыт жасау
HTML-авторлары ертерек алдын ала белгіленген құжаттың, әдетте мәтін мен сілтеме
фонының түсін пайдалануды ұнатады. Осы түстерді бағыттау үшін <BODY> тегіне қосымша параметрлерді қосу қажет:
<BODYBGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX">
Онда параметрлердің біреуі элементтің түсін белгілейді. Осы параметрлерді сипаттаймыз:
BGCOLOR- Құжат фонының түсі
TEXT- Құжаттың жай мәтінінің түсі
LINK- Сілтемелердің түсі
Түс схема бойынша он алтыншы форматтағы алты санмен бағытталынады RGB (Red, Green, Blue). Түс #000000 қараға, ал түс#FFFFFF – аққа сәйкес келеді. Мысалы,
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">
Осы жол құжаттың ақ түсін, қара түсті мәтінді және күміс түсті сілтемелерді белгілейді.
Тік сызықтар.
<HR> тегін пайдалана отырып, Сіз мәтінді тік сызықпен бөле аласыз.
Тегтің форматы:
<HRSIZE=number WIDTH=number|percent ALIGN=left|right|center NOSHADE>
Тегтің параметрлері:
SIZE- Пиксельдағы сызықтың қалыңдығы.
WIDTH- Пиксельдағы сызықтың ені немесе броузер терезесінің ені пайыз есебінде.
ALIGN- Экранда орналасуы (солға | орталық бойынша | оңға).
NOSHADE- Көлеңкелі 3D түрінде сызық үндемеу бойынша ұсынылған. NOSHADE жай бір үнді қара тіліммен сызықты ұсынуға мүмкіндік береді.
RGB түсінің кейбір он алтыншы мағыналы мысалдары : қызыл, көк және жасыл түсті басқыштаушылықтар
Жолды литер алдардың көмегімен түсті бағыттау.
Пайдаланушылар ыңғайлы болу үшін кейбір түстерге және олардың үйлестеріне ат берілді. Ол арқылы барлық браузерлермен танылады және олардың көпшілігін бағыттауға мүмкіндік пайда болды. Кестеде төменде көрсетілген түстердің атаулары мысал ретінде көрсетіледі:
| вид | имя | вид | имя | вид | имя | вид | имя | |||||
| White | Red | Orange | Yellow | |||||||||
| Green | Blue | Purple | Black | |||||||||
| Aliceblue | Antiquewhite | Aqua | Aquamarine | |||||||||
| Azure | Beige | Bisque | Blanchedalmond | |||||||||
| Blueviolet | Brown | Burlywood | Cadetblue | |||||||||
| Chartreuse | Chocolate | Coral | Cornflowerblue | |||||||||
| Cornsilk | Crimson | Cyan | Darkblue | |||||||||
| Darkcyan | Darkgoldenrod | Darkgray | Darkgreen | |||||||||
| Darkkhaki | Darkmagenta | Darkolivegreen | Darkorange | |||||||||
| Darkorchid | Darkred | Darksalmon | Darkseagreen | |||||||||
| Darkslateblue | Darkslategray | Darkturquoise | Darkviolet | |||||||||
| Deeppink | Deepskyblue | Dimgray | Dodgerblue | |||||||||
| Firebrick | Floralwhite | Forestgreen | Fuschia | |||||||||
| Gainsboro | Ghostwhite | Gold | Goldenrod | |||||||||
| Gray | Greenyellow | Honeydew | Hotpink | |||||||||
| Indianred | Indigo | Ivory | Khaki | |||||||||
| Lavender | Lavenderblush | Lemonchiffon | Lightblue | |||||||||
| Lightcoral | Lightcyan | Lightcoldenrodyellow | Lightgreen | |||||||||
| Lightgray | Lightpink | Lightsalmon | Lightseagreen | |||||||||
| Lightskyblue | Lightslategray | Lightsteelblue | Lightyellow | |||||||||
| Lime | Limegreen | Linen | Magenta | |||||||||
| Maroon | Mediumaquamarine | Mediumblue | Mediumorchid | |||||||||
| Mediumpurple | Mediumseagreen | Mediumslateblue | Mediumspringgreen | |||||||||
| Mediumturquoise | Mediumvioletred | Midnightblue | Mintcream | |||||||||
| Mistyrose | Navajowhite | Navy | Oldlace | |||||||||
| Olive | Olivedrab | Orangered | Orchid | |||||||||
| Palegoldenrod | Palegreen | Paleturquoise | Palevioletred | |||||||||
| Papayawhip | Peachpuff | Peru | Pink | |||||||||
| Plum | Powderblue | Rosybrown | Royalblue | |||||||||
| Saddlebrown | Seagreen | Seashell | Sienna | |||||||||
| Silver | Skyblue | Slateblue | Slategray | |||||||||
| Snow | Springgreen | Steelblue | Tan | |||||||||
| Teal | Thistle | Tomato | Turquoise | |||||||||
| Violet | Wheat | Whitesmoke | Yellowgreen | |||||||||
Мысал
Web-парақ ішіне сурет орналастыру.<IMG> тәгі құжат ішіне сурет қою мүмкіндігін береді.Сурет осы тәг жазылған орында пайда болады.Бұл тәг қосарланбай,жалғыз жазылады.Web-құжаттардағы сурет немесе графика негізінде үш форматта жазылады,олар:GIF,JPG,PNG.Келесі мысалдағы WDOG.JPG графикалық файлы осы Web- құжат орналасқан KURS бумасы ішінде жазылып тұр деп есептеледі.
RASP.HTM файлына төмендегідей өзгерістер енгізіңіздер:
<HTML>
<HEAD><H2 ALIGN=”CENTER”>менің алғашқы парағым</H2>
<TITLE>алғашқы HTML файлы</TITLE></HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#330066”>
<P ALIGN=”CENTER”><FONT COLOR=”008080” SIZE=”7”>
<B> сәрсенбі күнгі </B></FONT><BR>
<FONT SIZE=”6”><I>сабақ кестесі</I></FONT><BR><BR>
<IMG SRC=”DOG.JPG”>
</BODY>
</HTML>
<IMG>тәгінің бірсыпыра атрибуттары бар,оларды қосымша көрсетуге болады. Атрибуттар
IMG тәгінен кейін кез келген реттілікпен орналаса береді.
Мысал
<HTML>
<HEAD><TITLE> Суретті текстпен бөлек орналастыру
</HEAD>
<BODY>
<H1 Align =CENTER><B>Ұстаздар күні</B></H1>
<P ALIGN=CENTER><IMG SRC= “NAME.gif” alt=”Текст></p>
<P>
_ _ _ _ _ _ _ _ _ _ _ _ <BR>
_ _ _ _ _ _ _ _ _ _ _ _ <BR>
_ _ _ _ _ _ _ _ _ _ _ _ <BR>
</P>
</BODY>
</HTML>
| <== предыдущая лекция | | | следующая лекция ==> |
| Стаття 3 | | | Стаття I |