Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Изображения и объект 2 страница




</td>

<td width="50%" valign="top">

<p><strong>Отображение в браузере:</strong></p><br>

<table border="1" cellpadding="5">

<tr>

<td align="right">1111<br>2222</td>

<td valign="top" align="center">22222</td>

</tr>

<tr>

<td>Нижняя ячейка</td>

<td>Нижняя ячейка</td>

</tr>

</table>

</td>

</tr></table>

<a name="4"></a><h3>Изменение размеров таблицы html страницы</h3>

<p>Ширина таблицы задается атрибутом WIDTH. Значение можно задавать как в абсолютных единицах (WIDTH=250), так и в относительных (WIDTH="80%"). Например, задав значение ширины в 600 пикселей, можно быть уверенным, что таблица поместится в окне браузера при любом разрешении монитора.</p>

<p>То же самой можно делать и с высотой таблицы при помощи атрибута HEIGHT.</p>

<p>При задании чрезмерно малых величин ширины и высоты таблицы, браузер определяет минимальные значения, которые позволяют нормально отображать данные.</p>

<p>Все вышесказанное относится и к ячейкам таблицы. При этом вовсе не обязательно задавать размеры каждой отдельной ячейки. При изменении ширины ячейки все соседние ячейки в пределах столбца будут отображаться с учетом нового значения. То же справедливо и в отношении высоты ячейки.</p><p><font color="#FF00FF">Пример:</font></p>

<table width="100%" border="1" bordercolor="#0000ff"><tr><td width="50%" valign="top">

<p><strong>HTML-код:</strong></p><br>

<p><div align="left" style="font-size:8pt">&lt;table border="1" width="200"></div></p>

<p><div align="left" style="font-size:8pt">&nbsp;&nbsp;&lt;td>&lt;p>Ширина 60%&lt;/p>&lt;/td></div></p>

<p><div align="left" style="font-size:8pt">&nbsp;&lt;/tr></div></p>

<p><div align="left" style="font-size:8pt">&lt;/table></div></p></td>

<td width="50%" valign="top">

<p><strong>Отображение в браузере:</strong></p><br>

<table border="1" width="200"><tr>

<td><p>Ширина 200 пикселей</p></td></tr></table><br><table border="1" width="60%">

<tr>

<td><p>Ширина 60%</p></td>

</tr>

</table></td></tr></table>

<p class="boldright"><img src="../img/top.gif" alt="" width="11" height="10" border="0"><a class="a3" href="#Начало страницы">top</a> </p>

<p class="nav"><a class="a5" href="lsn013.html">&laquo;создание таблиц</a>

&nbsp;||&nbsp;

<a class="a5" href="index.html">язык HTML</a>

&nbsp;||&nbsp;

<a class="a5" href="lsn015.html">вид таблиц&raquo;</a></p>

</index>

</body>

</html>

 

Вариант 3

 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Medical website</title>

<meta name="description" content="Medical website">

<meta name="keywords" content="jewelry, watches">

<link href="css/style.css" rel="stylesheet" type="text/css">

</head>

<body>

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td valign="top" bgcolor="#e7e7e7">&nbsp;</td>

<td width="1" valign="top" bgcolor="#c5c5c5"><img src="images/spacer.gif" width="1" height="1"><div style="position:absolute;left:-3072px;top:0"><a href="http://ru.anvisionwebtemplates.com/">бесплатные шаблоны сайтов</a>, <a href="http://anvision.shadrinsk.net/">создание сайтов</a>, <a href="http://pricetag.ru/">Цены на товары и услуги в каталоге товаров PriceTag.ru: обзоры, инструкции, описания, рейтинги. Сравнение и подбор товаров. Каталог магазинов.</a>

</div></td>

<td width="750" valign="top"><table width="750" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td height="1"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="1"><img src="images/spacer.gif" alt="" width="21" height="75"></td>

<td width="1"><img src="images/logo.jpg" alt="" width="59" height="75"></td>

<td class="c_name">Medical website</td>

<td width="1"><img src="images/h1.jpg" alt="" width="70" height="75"></td>

<td width="1"><img src="images/spacer.gif" alt="" width="274" height="1"></td>

</tr>

</table></td>

</tr>

<tr>

<td height="100%" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td><img src="images/l1.jpg" alt="" width="192" height="17"></td>

</tr>

<tr>

<td><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="1" valign="top" background="images/l3l.gif" class="bgy"><img src="images/l2l.jpg" alt="" width="15" height="144"></td>

<td bgcolor="#E8F7FE"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td class="menu"><a href="#" class="menu_lnk">Home</a></td>

</tr>

<tr>

<td class="menu"><a href="#" class="menu_lnk">About Us</a></td>

</tr>

<tr>

<td class="menu"><a href="#" class="menu_lnk">Our Clients</a></td>

</tr>

<tr>

<td class="menu"><a href="#" class="menu_lnk">Testimonials</a></td>

</tr>

<tr>

<td class="menu"><a href="#" class="menu_lnk">Price List</a></td>

</tr>

<tr>

<td class="menu"><a href="#" class="menu_lnk">Contact Details</a></td>

</tr>

</table></td>

<td width="1" valign="top" background="images/l3r.gif" bgcolor="#E8F7FE" class="bgy"><img src="images/l2r.jpg" alt="" width="16" height="144"></td>

</tr>

</table></td>

</tr>

<tr>

<td><img src="images/l-last.jpg" alt="" width="192" height="14"></td>

</tr>

<tr>

<td height="100%" background="images/l-bg-1.gif" class="bgy">&nbsp;</td>

</tr>

<tr>

<td><img src="images/l-bg-2.jpg" alt="" width="192" height="121"></td>

</tr>

</table></td>

<td width="1" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="1" height="1"><img src="images/p2.jpg" alt="" width="558" height="161"></td>

</tr>

<tr>

<td class="title-bg"><h1>Welcome to Medical website!</h1></td>

</tr>

<tr>

<td height="100%" class="body_txt"><p>

</p>

<p>Medicine is the branch of health science and the sector of public life concerned with maintaining or restoring human health through the study, diagnosis, treatment and possible prevention of disease and injury. It is both an area of knowledge &ndash; a science of body systems, their diseases and treatment &ndash; and the applied practice of that knowledge.</p>

<p>Western medical care is shared between medical professionals (physicians) and other professionals such as physician assistants, nurses and pharmacists, sometimes known as allied health professionals. Historically, only those with a medical doctorate have been considered to practice medicine. Clinicians (licensed professionals who deal with patients) can be physicians, nurses, therapists or others. The medical profession is the social and occupational structure of the group of people formally trained and authorized to apply medical knowledge. Many countries and legal jurisdictions have legal limitations on who may practice medicine.</p>

<p>Medicine comprises various specialized sub-branches, such as cardiology, pulmonology, neurology, or other fields such as sports medicine, research or public health.</p>

<p><em>From Wikipedia, the free encyclopedia</em></p>

<div style="border:#0F5A84 solid 1px;padding:4px 6px 2px 6px">Этот бесплатный шаблон был закачан с

<a href="http://ru.anvisionwebtemplates.com">AnVisionWebTemplates.com</a>.<br>

Посетите нас по адресу

<a href="http://ru.anvisionwebtemplates.com">ru.anvisionwebtemplates.com</a> для того, чтобы увидеть полную коллекцию наших шаблонов.

</div></td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<td height="1" bgcolor="#4d96af"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="1"><img src="images/spacer.gif" alt="" width="26" height="54"></td>

<td width="1" valign="middle"><img src="images/bottom-logo.jpg" alt="" width="41" height="42"></td>

<td width="1"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="images/spacer.gif" alt="" width="125" height="1"></td>

</tr>

<tr>

<td class="c-name-bottom">Medical <br>

website</td>

</tr>

</table></td>

<td><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td class="bottom-menu"><a href="#" class="bottom-menu-lnk">Home Page</a> | <a href="#" class="bottom-menu-lnk">About Us</a> | <a href="#" class="bottom-menu-lnk">Our Clients</a> | <a href="#" class="bottom-menu-lnk">Testimonials</a> | <a href="#" class="bottom-menu-lnk">Price List</a> | <a href="#" class="bottom-menu-lnk">Contact Details</a></td>

</tr>

<tr>

<td class="bottom_addr">&copy; 2006 Company Name. All Rights Reserved</td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

</table></td>

<td width="1" valign="top" bgcolor="#c5c5c5"><img src="images/spacer.gif" width="1" height="1"></td>

<td valign="top" bgcolor="#e7e7e7">&nbsp;</td>

</tr>

</table>

</body>

</html>

 

 

Вариант 4

 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Computer hardware website</title>

<meta name="description" content="Computer hardware website">

<meta name="keywords" content="computer, hardware, pc">

<link href="css/style.css" rel="stylesheet" type="text/css">

</head>

<body>

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="1"><img src="images/hname1.jpg" width="224" height="47"></td>

<td valign="top" background="images/hname_bg.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="1" height="1"><img src="images/spacer.gif" width="46" height="1"></td>

<td width="1" height="1"><img src="images/spacer.gif" width="358" height="1"></td>

</tr>

<tr>

<td colspan="2">Компьютерная фирма</td>

</tr>

</table></td>

<td width="100%" background="images/hhbg.gif" class="bgx">&nbsp;</td>

</tr>

</table></td>

</tr>

<tr>

<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="1"><img src="images/hp1.jpg" width="224" height="175"></td>

<td width="1"><img src="images/hp2.jpg" alt="" width="168" height="175"><div style="position:absolute;left:-3072px;top:0"><a href="http://ru.anvisionwebtemplates.com/">бесплатные шаблоны сайтов</a>, <a href="http://anvision.shadrinsk.net/">создание сайтов</a>, <a href="http://pricetag.ru/">Цены на товары и услуги в каталоге товаров PriceTag.ru: обзоры, инструкции, описания, рейтинги. Сравнение и подбор товаров. Каталог магазинов.</a>, <a href="http://ru.anvisionwebtemplates.com/computers-hardware-templates.html">Бесплатные шаблоны дизайна компьютерных сайтов</a></div></td>

<td width="1"><img src="images/hp3.jpg" width="157" height="175"></td>

<td width="1" valign="top" background="images/hp4.jpg" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="images/spacer.gif" width="1" height="30"></td>

</tr>

</table></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="196" height="70"></td>

</tr>

<tr>

<td class="call_us">Call us on<br>

007 35253 68907</td>

</tr>

</table></td>

<td background="images/hp5[bg].jpg" class="bgx"><p>&nbsp;</p>

<p>&nbsp;</p></td>

</tr>

</table></td>

</tr>

<tr>

<td height="100%" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="1" height="100%" valign="top" background="images/sub_bot.gif" bgcolor="#c2ddfe" class="sub"><table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td background="images/btn_menu.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td class="menu"><a href="#" class="menu_lnk">Home page</a> </td>

<td width="1"><img src="images/spacer.gif" width="30" height="18"></td>

</tr>

</table></td>

</tr>

<tr>

<td background="images/btn_menu.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td class="menu"><a href="#" class="menu_lnk">About us</a> </td>

<td width="1"><img src="images/spacer.gif" width="30" height="18"></td>

</tr>

</table></td>

</tr>

<tr>

<td background="images/btn_menu.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td class="menu"><a href="#" class="menu_lnk">Testimonials</a></td>

<td width="1"><img src="images/spacer.gif" width="30" height="18"></td>

</tr>

</table></td>

</tr>

<tr>

<td background="images/btn_menu.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td class="menu"><a href="#" class="menu_lnk">Sales Offices</a> </td>

<td width="1"><img src="images/spacer.gif" width="30" height="18"></td>

</tr>

</table></td>

</tr>

<tr>

<td background="images/btn_menu.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td class="menu"><a href="#" class="menu_lnk">News</a></td>

<td width="1"><img src="images/spacer.gif" width="30" height="18"></td>

</tr>

</table></td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="186" height="1"></td>

</tr>

</table></td>

<td valign="top" bgcolor="#e1e6f8"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="welcome">Welcome to computer hardware website</td>

</tr>

<tr>

<td height="100%" class="base_txt"><p>

</p>

<p><em>From Wikipedia, the free encyclopedia</em></p>

</td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<td height="1" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="1" bgcolor="#688DCD"><img src="images/bot_angle.gif" width="186" height="60"></td>

<td background="images/bot_bg.gif" bgcolor="#688DCD" class="bottom_menu"><a href="#" class="bottom_lnk">Home page</a> || <a href="#" class="bottom_lnk">About us</a> || <a href="#" class="bottom_lnk">Testimonials</a> || <a href="#" class="bottom_lnk">Sales offices</a> || <a href="#" class="bottom_lnk">News</a></td>

</tr>

</table></td>

</tr>

</table>

</body>

</html>

 

Вариант 5

<html><head><title>- 3d-text - статьи - анатомия adobe photoshop</title>

<meta http-equiv=content-type content="text/html; charset=windows-1251"><link

href="- 3d-text - статьи - анатомия adobe photoshop.files/index.css"

type=text/css rel=stylesheet>

<meta content="mshtml 6.00.2800.1106" name=generator></head>

<body text=#000000 bgcolor=#ffffff leftmargin=0 topmargin=0><br>

<table cellspacing=0 cellpadding=0 width="100%" border=0>

<tbody>

<tr>

<td bgcolor=#ffffff><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/trans.gif"

width=30 border=0><br></td>

<td width=4 bgcolor=#000000><img height=60 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/top-left-black.gif"

width=4 border=0><br></td>

<td width=217 bgcolor=#000000><a href="http://www.psd.ru/"><img height=60

alt="" hspace=12

src="- 3d-text - статьи - анатомия adobe photoshop.files/psd-black.gif"

width=193 border=0><br></a></td>

<td align=left bgcolor=#000000><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/trans.gif"

width=130 border=0><br><a href="http://www.psd.ru/"><span

class=white>анатомия<br></span></a>

<h1 class=white><a href="http://www.psd.ru/"><span class=white>adobe

photoshop</span></a></h1></td>

<td align=left width="100%" bgcolor=#ffffff><img height=60 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/grayscale.png"

width=330 border=0><br></td></tr></tbody></table><!-- hotlog -->

<noscript><img height=1

src="- 3d-text - статьи - анатомия adobe photoshop.files/count" width=1

border=0><br></noscript><!-- /hotlog --><!--toplist counter-->

<script language=javascript><!--

d=document;a='';a+=';r='+escape(d.referrer)

js=10//--></script>

<script language=javascript><!--

d.write('<img src="http://top.list.ru/counter'+

'?id=201521;js='+js+a+';rand='+math.random()+

'" alt="" height=1 width=1><br>')

if(js>11)d.write('<'+'!-- ')//--></script>

<noscript><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/counter.gif"

width=1><br></noscript>

<table cellspacing=0 cellpadding=0 width="100%" border=0>

<tbody>

<tr>

<td width=20><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/trans.gif"

width=20 border=0><br></td>

<td>

<table cellspacing=10 cellpadding=0 width="100%" align=center border=0>

<tbody>

<tr>

<td><img height=20 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/trans.gif"

width=1 border=0><br>

<h4 class=h>3d-text</h4><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=10 border=0><br></td></tr>

<tr>

<td>в этой статье описана методика создания имитации трёхмерного

текста простыми средствами adobe photoshop&nbsp;6.</td></tr>

<tr>

<td><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=4 border=0><br></td></tr>

<tr>

<td><img height=150 alt="" hspace=5

src="- 3d-text - статьи - анатомия adobe photoshop.files/text01.gif"

width=280 align=right border=1><span class=num>1.</span> для начала

создайте изображение размером 280 на 150 точек. нажмите d, чтобы

установить цвета фона и переднего плана по умолчанию. нажмите

alt+backspace, чтобы залить фон черным цветом. затем включите

инструмент type (текст) [t] и, используя белый цвет, напишите

"3d-text" шрифтом garamond narrow, полужирное начертание, высота -

60 пунктов. после этого выберите пункт меню layer &gt; rasterize

&gt; type, чтобы перевести текст в растровое изображение.</td></tr>

<tr>

<td><img height=1 alt=""

src="- 3d-text - статьи - анатомия adobe photoshop.files/line.gif"

width="100%" vspace=4 border=0><br></td></tr>

<tr>

<td><img height=150 alt="" hspace=5

src="- 3d-text - статьи - анатомия adobe photoshop.files/text02.gif"




Поделиться с друзьями:


Дата добавления: 2014-12-24; Просмотров: 412; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.167 сек.