Бергон интернет и телевизия
http://forum.bergon.net/

HTML уроци
http://forum.bergon.net/viewtopic.php?f=21&t=6573		 Страница 2 от 6
Автор:  m1t3 [ 08 Апр 2005 15:47 ]
Заглавие: 
4есто картинките се появяват точно до текста
за щастие това лесно може да се поправи чрез атрибутите hspace(пространство по хоризонтала) и vspace(пространство по вертикала)

Пример:
<img src="ime.jpg" vspace="2" Ако искате да имате 2 пиксела пространство по вертикалата.
Автор:  m1t3 [ 08 Апр 2005 15:53 ]
Заглавие: 
Изграждане на стени около изображенията
Рамката представлява цветна линия около изображение.
рамка се поставя с атрибута BORDER на тага <img>,zadaden с ширина на рамката в пиксели.

Пример:
<img src="ime.jpg" border="5"> за да се саздаде стена с ширина 5 пиксела
Автор:  m1t3 [ 08 Апр 2005 21:09 ]
Заглавие: 
Подравняване на изображения
Възможни стоиости на атрибута align :

left-подравнява изображението по лявото поле,като текстът го облива отдясно
right-подравнява изображението по дясното поле,като текстът го облива отляво
top[/u]-подравнява горната част на изображението по горния край на текущия ред от текста или по най-високото изображение в текуштия ред
texttop-подравнява горната част на изображението по горния край на текущия ред от текста
middle-подравнява средата на изображението по долния край на текущия ред от текста ,често наричан опорна линия на текста
absmiddle-подравнява средата на изображението по средата на текущия редот текста или по наи-високото изображение в текущия ред
center-подравнява средата на изображението по средата на текущия редот текста или по наи-високото изображение в текущия ред
bottom-подравнява долната част на изображението по долната част на текуштия ред от текста,наричана обикновенно опорна линия на текста
baseline-подравнява долната част на изображението по долната част на текуштия ред от текста,наричана обикновенно опорна линия на текста
absbottom-подравнява долната част на изображението по долната част на текуштия ред от текста или по долната част на най-високото изображение в реда.
Автор:  CanyH [ 08 Апр 2005 23:45 ]
Заглавие: 
ся ще ви дам 1 добар урок истеглете си Dreamweaver и тези неща повечето които са написани тук няма да ви трябват
Автор:  m1t3 [ 13 Апр 2005 09:48 ]
Заглавие: 
Сори 4е не слагам нови нешта ама ми се скапи компиутара и сљ пи6а от 1 ѕала ама скоро пак 6те по4на
Автор:  m1t3 [ 14 Апр 2005 11:19 ]
Заглавие: 
Постављне на линк кам ваншни иѕобрајениљ
Ѕа да направите препратка кам ваншно иѕобрајение оградете HTML садарјането в <a></a> и посо4ете иѕобрајение 4реѕ атрибута href

Пример:
<p>
hire is a <a href="jump.jpg">picture </a> of me jumping
</p>

обарнете внимание че атрибутат href е иѕполѕван ѕа посочване на URL адреса на ваншно иѕобрајение.
Автор:  m1t3 [ 14 Апр 2005 11:31 ]
Заглавие: 
Ето 1 пример как бихте могли да иѕполѕвате умаленото иѕобрајение на картинка ѕа да поставите препратка кам по-голљмо ваншно иѕобрајение.

<a href="jump.jpg"><img src="smalljump.jpg"></a>

Ето пример:

<p>
<a href="jump.jpg"><img src="smalljump.jpg" alt="hire I am catching a little air." hspace="10" align="left"></a>
<a href="Cruise.jpg"><img src="smallcruise.jpg" alt="hire I am cruising by Fontana lake." hspace="10" align="left"></a>
TEXT.......
</p>
Автор:  m1t3 [ 14 Апр 2005 11:46 ]
Заглавие: 
Иѕполѕване на фонови иѕобрајениљ

Тагат <body> има атрибут наречен background които ѕадава фоновото иѕобрајение

Пример:
<body backgraund="DirtBack.gif>

Друг атрибут кам тагат <body> е атрибутат bgcolor .С него се ѕадава цвљт ѕа фон , а не иѕобрајение както при backgraund

Пример:
<body bgcolor="olive">

Ако искате да иѕполѕвате предварително дефиниран цвљт иѕполѕваите теѕи от списака:
aqua - морскосинио
black - черно
blue - синио
fuchsia - лилаво
gray - сиво
green - ѕелено
lime - бледојалто
maroon - червенокафљво
navy - тамносинио
olive - маслиненоѕелено
purple - тамновиолетово
red - червено
silver - сребристо
teal - тамноѕелено
yellow - јалто
white - бљло
Автор:  m1t3 [ 14 Апр 2005 11:48 ]
Заглавие: 
Оште 1 атрибуте на тага <body> e text с него се ѕадава цвета на текста
Пример:
<body text="red">
Автор:  uBauJlo [ 14 Апр 2005 21:16 ]
Заглавие: 
Значи ще ви сложа една програма с която аз почнах да се уча.Всичко което мите написа го има (е почти всичко)Има 5 урока а когато ги прочетете ще ви сложа и другия.Обаче по касно ше го сложа щото ФТП-то пак спря :writers_block:
Автор:  asaka [ 15 Апр 2005 03:32 ]
Заглавие: 
Фон на страница:

Като фон на една HTML-страница може да бъде зададен всеки от основните цветове, както и всякакъв оттенък на цвят, получен в следствие на някаква цветова комбинация.
<body bgcolor="английско название на желания цвят">

Ако желаете например страницата ви да има черен фон трябва на напишете следния код:

<body bgcolor="black">

За жълт фон трябва да напишете кода:

<body bgcolor="yellow">

Ами толкова за фона.
Автор:  asaka [ 15 Апр 2005 03:40 ]
Заглавие: 
Задаване на цвят на текст:
Задаването на цвят става като се присвои някаква стойност на атрибута color, например:

<font color="blue">Това е син текст</font>
<font color="green">Това е зелен текст</font>

Може да комбинирате няколко шрифта, размера и цвята в едно изречение или дори в една дума, стига да укажете съответните стойности на атрибутите за всяка една дума или буква поотделно и да не пропуснете затварящите тагове. Ето един пример за преливащи се цветове:

<font face="impact" size="5">
<font color="#0000ff">H</font>
<font color="#0700f7">T</font>
<font color="#0f00f0">M</font>
<font color="#1600e8">L</font>
<font color="#1e00e1">L</font>
<font color="#2500d9">E</font>
<font color="#2d00d2">S</font>
<font color="#3400ca">S</font>
<font color="#3c00c3">O</font>
<font color="#4300bb">N</font>
<font color="#4b00b4">S</font>
<font color="#5200ac">.</font>
<font color="#5a00a5">H</font>
<font color="#61009d">I</font>
<font color="#690096">T</font>
<font color="#780087">.</font>
<font color="#870078">B</font>
<font color="#8e0070">G</font>
<font color="#960069">-</font>
<font color="#9d0061">T</font>
<font color="#b4004b">H</font>
<font color="#bb0043">E</font>
<font color="#c3003c">B</font>
<font color="#cA0034">E</font>
<font color="#d2002d">S</font>
<font color="#d90025">T</font>
<font color="#e80016">H</font>
<font color="#f0000f">E</font>
<font color="#f70007">L</font>
<font color="#ff0000">P</font>
</font>
Става много яко!!!

Използване на изображения като хипервръзки

Освен текст за хипервръзки могат да служат и изображенията. За да използвате изображения като хипервръзки трябва да напишете код, подобен на следния:

<a href="http://www.asaka.com"><img src="image.gif" /></a>


Формати на файловете за изображения :::

В HTML се използват два основни формата на файлове, съдържащи изображения:

---gif формат, който се използва предимно за картинки, илюстрации и надписи, които не са оцветени в богата цветова гама и не съдържат "сложни" оттенъци и светлосенки.


---jpeg или jpg формат , който се използва предимно за висококачествени фотографии. Възможностите на този формат за показване на цветове и оттенъци са по-богати от тези на gif формата, но за сметка на това jpg файла не може да бъде анимиран, нито да съдържа прозрачни елементи.

Аз много съм си патил. Поне фоновете на менютата и банерите гледайте да ви са в jpeg формат щото иначе става грозно.
Автор:  m1t3 [ 15 Апр 2005 07:04 ]
Заглавие: 
След като асака ви показа хипер линковее аз почвам справенето на карти ето кода ппо касно ще дам разяснения

<p>
<map name="FPMap0">
<area href="wheels.html" shape="circle" coords="519, 278, 118">
<area href="wheels.html" shape="circle" coords="114, 291, 104">
<area href="seat.html" shape="rect" coords="365, 7, 489, 32">
<area href="barends.html" shape="rect" coords="36, 48, 80, 76">
<area href="grips.html" shape="rect" coords="78, 57, 115, 75">
</map>
<img border="0" src="bicycle.jpg" usemap="#FPMap0"
width="650" height="400">
</p>


Tази карта изглежда много дбре ако на местата на ХТМЛ фаиловете сложите ХТМЛ код само с 1 голяма картинка , а на мястото на картинките от моя код някоя от компютъра ви.
Автор:  uBauJlo [ 15 Апр 2005 10:58 ]
Заглавие: 
http://freeftp.bergon.net/rack3/users/FeNcHe/AntTut/ Ако изкате има същите работи дето ги писаха асака и мите.Добра начална програмка
Автор:  m1t3 [ 15 Апр 2005 14:09 ]
Заглавие: 
Създаване на карти
Главният таг , използванза създаване на карти е <map> ограждащ цялата имформация свързана с картата на изображение.Атрибутът name na тага <map> се използва за индентифициране на областите и хиперлинковете за картата и за асоцииране на картовата информация със самата карта.Например следният код създава карта на изображение наречена bicyclemap

<map name="bicyclemap">
</map>

Този код описва 1 празна карта без никаква информация за картата но ужасно полезна.Това е нещо като на град.На картата може да има улици(хиперлинкове) и интересни неща(картинки и анимация)

Картовата имформация вътре в тага <map> се кодира чрез използване на таг <area> ,който включва няколко атрибута за описване на регионите в картата на изображение.
Автор:  m1t3 [ 15 Апр 2005 14:16 ]
Заглавие: 
Ето кои са основните атрибути на тага <area> използвани за описване на области в картата на изображение:

href - URL на ресурса , обикновено уебстраница , свързана към областта
nohref - задава , че областта няма свързан ресурс
skape - геометрична форма на областта
coords - координатите , които описват размера и позицията на формата на областта
alt - текстово описание на областта
Автор:  m1t3 [ 16 Апр 2005 12:07 ]
Заглавие: 
След като вече сте дефинирали хиперлинка асоцииран с дадена област използваики атрибутите href ili nohref, сте готови да опишете формата на областта.За да направите това се използва атрибутът shape.

Послепис:
Атрибутът href индифицита URL адреса на ресурса , свързан към областта и може да съдържа както относителен такаа и абсолютен адрес. Атибутът nohref се използва за посочване че областта не е свързана към никъкъв ресурс тоест кликването на областта не води до нищо.Този вид атрибут е полезен когато не искате област от картата на изображение да служи за хиперлинк.
Тъй като няма реална стоиност която да присвоите на атрибута nohref тои се кодира чрез използването на формата

nohref="nohref"

Ето пример:
Ако сте суъздали карта на изображение която включва гигантски геврек ползвате кръглата форма на геврека като цяло и после поставяте малък кръг с атрибута nohref за да елиминирате отвора на геврека от линка.Изящно нали?
Автор:  m1t3 [ 16 Апр 2005 14:15 ]
Заглавие: 
Ето саит с ръчно писан код за да видите кода натиснете на
View -> source
http://virtualreality.headoff.com/
Автор:  m1t3 [ 16 Апр 2005 20:12 ]
Заглавие: 
Стойности за атрибута shape :


RECT - правоъгълник описан чрез координатите за горен ляв и долен десен ъгъл
CIRC - кръг описан чрез кординатите на центъра и радиуса
POLY - Многоъгълник описан чрез поредица от координати за свързаните точки

Пример:
shape="rect" coords="x1, y1, x2, y2"
shape="circ" coords="x, y, radius"
shape="poly" coords"x1, y1, x2, y2, x3, y3 ...."
Автор:  m1t3 [ 16 Апр 2005 21:26 ]
Заглавие: 
Ето пример за това как бихте могли да използвате атрибута alt за описване на триъгълна област:

<area href="page4.html" shape="polygon" coords="50, 5, 95, 45, 5, 45" alt="This is a triangular area.">
Автор:  m1t3 [ 17 Апр 2005 08:02 ]
Заглавие: 
Всяка карта има име посочвано от атрибута name на тАГА <MAP> Това име използвате в атрибута usemap за да асоциирате картата с изображение .Ако тагът <MAP> съдържащ картовата информация се намира в същата уебстраница в която е изображението - типичен случай - вие задавате името на картата , предшествано от символа # ето как:

<img src="Jungle.gif" usemap="#junglemap">

В този код картата наречена junglemap трябва да се намирав същата уебстраница в която и тагът <img>.Също така бихте могли да направите отправка към карта,разположена в отделен документ като включите УРЛ към картата.Името на картата служи ефективно като котва сс тази разлика че картата се посочва чрез атрибута name
на тагът <map> вместо чрез използване на тага <a>.Taгът <a> въобще не се използва при картите на изображения от страна на клиента!
Автор:  m1t3 [ 17 Апр 2005 08:39 ]
Заглавие: 
Ето ви примерен HTML за карта:
<html>
<head>
<title>map</title>
</head>

<body>
<h2>The Anatomy of a Skateboard</h2>
<p>
Click on the skateboard to learn more about each major part of it.
</p>
<p>
<map name="skatemap">
<area href="wheels.html" shape="rect" cords="89, 155, 144, 195" alt="Wheel">
<area href="wheels.html" shape="rect" cords="455, 155, 510, 193" alt="Wheel">
<area href="wheels.html" shape="rect" cords="461, 8, 517, 47" alt="Wheel">
<area href="wheels.html" shape="rect" cords="87, 5, 143, 44" alt="Wheel">
<area href="Trucks.html" shape="rect" cords="437, 79, 501, 124" alt="Truck">
<area href="Trucks.html" shape="rect" cords="477, 47, 497, 155" alt="Truck">
<area href="Trucks.html" shape="rect" cords="102, 79, 170, 122" alt="Truck">
<area href="Trucks.html" shape="rect" cords="105, 47, 128, 156" alt="Truck">
<area href="Sticker.html" shape="rect" cords="503, 109, 552, 166" alt="Sticker">
<area href="Deck.html" shape="circ" cords="77, 100, 77" alt="Deck">
<area href="Deck.html" shape="circ" cords="521, 101, 78" alt="Deck">
<area href="Deck.html" shape="rect" cords="81, 21, 521, 181" alt="Deck">
</map>
<img src="skateboard.jpg" usemap="#skatemap" border="0">
</p>
</body>
</html>

Малко е дълъг но ако сложите собствени картинки е супер :)
Автор:  CanyH [ 17 Апр 2005 11:18 ]
Заглавие: 
аве кратуни вие го праете даваите поне ПРИМЕРИ качете някаде тея ХТМЛ-та да видят хората
Автор:  m1t3 [ 17 Апр 2005 14:55 ]
Заглавие: 
http://freeftp.bergon.net/rack5/users/m1t3/HTML/l1.html
ето пример за горното.
Сори ама не знаех 4е са оправили усерите
:)
Автор:  m1t3 [ 18 Апр 2005 09:52 ]
Заглавие: 
Организиране на страници чрез таблици
Основи на таблиците

Електронна таблица се нарича документ , използван за организиране на данни в решетка от клетки , подредени в редове и колони. Таблиците в HTML са подобни на електронните таблици по това че и те се състоят от клетки , подредени в редове и колони.

Опитаите това Вие лесно можете да преобразувате електронна таблица на Excel в таблица в уебстреница , като изпълните следните стъпки:

1.Отворете файла на електронна таблица .xls в Excel.
2.изберете Save as Web Page (съхрани като уебстраница) oт менюто File.
3.Отворете резултатния .html файл в уеб браузър.
Автор:  m1t3 [ 18 Апр 2005 10:09 ]
Заглавие: 
Запознанства с табличните тагове
Основно HTML таблиците се оформят с няколко тага :

<table> - създава таблица
<tr> - задава начало на ред в таблица
<td> - задава клетка в ред
Автор:  m1t3 [ 20 Апр 2005 07:28 ]
Заглавие: 
За да сложите рамка на таблица се използва атрибута borderТози атрибут позволява да се създаде рамка около таблицата и неините клетки.

Пример:
<table border="2">

Подразбиращата се стоиност на атрибута border е нула което означава че няма да има рамка ако не използвате атрибута.
Автор:  m1t3 [ 20 Апр 2005 07:40 ]
Заглавие: 
ОЗАГЛАВЯВАНЕ НА ТАБЛИЦА

Съдържанието в заглавните клетки е центрирано и е с удебелен шрифт .Тагът <th> ви позволява автоматично да поставяте центрирано и удебелено заглавие в клетка.Пример:
<tr>
<th>2001</th>
</tr>

Taка заглавието е само в 1 клетка но ако искате да е в 3 например се използва сливането на клетки.

Вие можете да сливате клетки по вертикала с атрибута rowspan или по хоризонтала с атрибута colspan

Пример:
<th colspan="3">2001</th>

Така ще слеете 3 квдратчета в които ще пише 2001
Автор:  m1t3 [ 20 Апр 2005 07:47 ]
Заглавие: 
Общ пример:

<html>
<head>...</head>
<body>
<table border="3">
<tr>
<th colspan="3">2001</th>
</tr>
<tr>
<td>January</td>
<td>February</td>
<td>March</td>
</tr>
<tr>
<td>April</td>
<td>May</td>
<td>June</td>
</tr>
<tr>
<td>July</td>
<td>August</td>
<td>September</td>
</tr>
<tr>
<td>October</td>
<td>November</td>
<td>December</td>
</tr>
</table>
</body>
</html>
Автор:  m1t3 [ 20 Апр 2005 07:49 ]
Заглавие: 
Ето и линк към готовия вариант:
http://freeftp.bergon.net/rack5/users/m1t3/HTML/tablica1.html
Страница 2 от 6 Часовете са според зоната UTC + 2 часа [ DST ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/