Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
<FONT SIZE="-1">
<TD BОRDERCОLОR="#F89887">
</TR></TABLE>
</BOOY>
</HTML>
Для вирівнювання даних у комірках таблиці використовуються атрибут ALIGN (для вирівнювання по горизонталі) та VALIGN (для вирівнювання по вертикалі). Ці атрибути можуть застосовуватись разом із дескрипторами <ТR> <ТН> або <TD>.
Приклад №5
<HTML>
<HEAD>
<ТІТІLЕ> Вирівнювання в таблицях</ТПLЕ>
</HEAD>
<BODY>
<ТАВLЕ CELLSPACING =1 cellpadding=3 border=1>
<! – за допомогою атрибута CELLSPACING задається відстань між комірками таблиці, за допомогою атрибута
CELLPADDING можна задати більший, ніж це вимагає поміщений у неї текст розмір комірки -->
<tr>
<td>
<td>ALIGN=LEFT
<td>ALIGN=CENTER
<td>ALIGN=RIGHT
</tr>
<tr>
<td>VALIGN=TOP
<td valign="top" align="left"><img src=kolo. gif>
<td valign="top" align="center"><img src=kolo. gif>
<td valign="top" align="right"><img src=kolo. gif>
</tr>
<tr>
<td>VALIGN=MIDDLE
<td valign="middle" align="left"ximg src=kolo. gif>
<td valign="middle" align="center"><img src=kolo. gif>
<td valign="middle" align="right"><img src=kolo. gif>
</tr>
<tr>
<td>VALIGN=BOTTOM
<td valign="bottom" align="left"><img src=kolo. gif>
<td valign="bottom" align="center"ximg src=kolo. gif>
<td valign="bottom" align="right"ximg src=kolo. gif>
</tr>
</table>
</body>
</html>
Приклад №6
<HTML>
<HEAD>
<TITLE>Fizmat home</TITLE>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
</HEAD>
<BODY BGCОLОR=#ffffff>
<TABLE ALIGN="center" BGC0L0R="#ffffff" WIDTH="760" BОRDER=0>
<TR>
<TD>
<TABLE ALIGN = "CENTER" WIDTH="665" BGCОLОR="#101010"
CELLPADDING=1 CELLSPACINGS BОRDER=0>
<!--таблиця з ненульовим кольором фону для створення рамки-->
<TR>
<TD>
<TABLE WIDTH="100%" BGCОLОR="WHITE" CELLPADDING=4
CELLSPACING=0 BORDER=0>
<TR>
<TD CОLSPAN=3>
<IMG SRC="logo. gif" >
<!--фотографія корпусу-->
</TR>
<TR>
<TD> <A HREF="about.html">ДАКККІМ</А>
<TD ALIGN="center" RОWSPAN="4">
<IMG SRC="main_foto.gif"></TD>
<TD>
<!-- розміщаємо прозоре зображення певної ширини для зміщення наступного гіперпосилання-->
<IMG border=0 height="15" src="spacer.gif"
WIDTH="38">
<A HREF="news. html">Hoвини</A>
<TR>
<TD>
<IMG border=0 height="15" src="spacer. gif"
WIDTH="8">
<A HREF=''specialnosti. html'>Cпеціальності</A>
</TD>
<TD>
<IMG border=0 height="15" src="spacer. gif"
WIDTH="30">
<A HREF="indz. html">ІСККІМ</A>
</TD>
</TR>
<TR>
<TD>
<IMG B0RDER=0 HEIGHT="15" SRC="spacer. gif"
WIDTH="16">
<A HREF=''kafedra. html">Кафедри</А>
</TD>
<TD>
<IMG B0RDER=0 HEIGHT="15" SRC="SPACER. GIF"
WIDTH="22">
<A HREF="F0RUM. HTML">ФОPУM</A>
</TD>
</TR>
<TR>
<TD>
<IMG B0RDER=0 HEIGHT="15" SRC="SPACER. GIF"
WIDTH="28">
<A HREF="ACTIVITY. НТМL">ДІЯЛЬНІСТЬ</А>
</TD>
<TD>
<IMG BORDER=0 HEIGHT="15" SRC="SPACER. GIF"
WIDTH="10">
<A HREF="SERVICES. HTML">CEPBICИ</A>
</TD>
</TR>
<TR>
<TD>
<IMG BORDER=0 HEIGHT="15" SRC="SPACER. GIF"
WIDTH="48">
<A HREF="SPORT. HTML">CПОPT</A>
</TD>
<TD> </TD>
<TD> <A HREF="programs. html">Програми </А>
<TR>
<TD> </TD>
<TD align="center">
<A НРЕF="р1аns.html">Навчальні плани </А>
<A HREF="resources.html">Навчальні ресурси </А>
<TD></TD>
</TR>
</TABLE>
</TR>
</TABLE>
</TR>
</TABLE>
</BODY>
</HTML>
Хід заняття
1. Ознайомитись з темою та метою заняття, вивчити основні тео-ретичні положення.
2. Отримати у викладача індивідуальне завдання за своїм варіан-том.
Контрольні запитання
1. Невпорядкований та впорядкований списки.
2. Список визначень.
3. Основні дескриптори створення таблиці.
4. Основні атрибути дескрипторів таблиці, рядка й комірки.
Практичне заняття № 4
Представлення інформаційної системи за допомогою
гіпертекстової технології
Мета заняття – набуття умінь у створенні гіпертекстових докумен-тів, опанування навичок зв'язування документів, роботи з рисунками.
Короткі теоретичні положення
Сутність зв'язування – у дескрипторі <А>, тобто у його елементі прив'язки. Дескриптор <А> є тим компонентом, який дозволяє одному HTML-документа зв'язуватись з іншим. Елемент прив'язки обмежений дескрипторами <А> і </А>. Головний атрибут дескриптора – href, або гіпертекстове посилання. Будь-який текст чи об'єкт, який розташований між дескрипторами <А> і </А> є посиланням, при активізації якого здійснюється перехід з даної сторінки на вказану гіперпосиланням.
Абсолютне зв'язування. Абсолютним посиланням називається повна URL, тобто використовується абсолютно вся Web-адреса:
<А href="http://www. адреса сайту"> ДАКККіМ</А>
Відносне зв'язування. Відносні посилання дозволяють зв'язуватись із файлами, що знаходяться на одному й тому ж сервері. Якщо обидві сторінки знаходяться в одному й тому ж каталозі, гіперпосилання матиме вигляд:
<А href="kpi.html"> ДАКККіМ «Кафедра» </А>
Якщо необхідний HTML-документ перебуває у підкаталозі крі, а вихідний –у головному, можемо вказати, наприклад:
<А href="назва "> ДАКККІМ</А>
У випадку, коли необхідно повернутись із підкаталогу на головну сторінку використовуються дві крапки підряд:
<А href="../назва> Повернутись до ДАКККіМ «Кафедри» </А>
Внутрішні посилання. Переміщення усередині сторінки здійснюють за допомогою внутрішніх посилань.
<А href="#xtf "> МІТІС</А>
Посилання схоже на звичайне відносне, єдина відмінність у знаку "#", за яким знаходиться одне слово. Оскільки ім'я файлу не вказане, необхідно створити документ, до якого по цьому посиланню можна перейти.
Приклад №1
<html>
<head>
<title>Floweret</title>
</head>
<body text="yellow" bgcolor="#00000">
<center><a href="main. html" target="main"><img src="W-Flower10.jpg" hspace="10" border=0></a></center>
<fontface="Arial">
<h1><center><a href="main. html" target="main">Квіточки</a></center></h1>
</font>
<hr>
<font size="6">
<a href="лю. html" target="main"><img src="13169.jpg" border=0 /><span>Роза</span></a><BR>
<a href="лю 3.html" target="main"><img src="12583.jpg" border=0 /><span>Лілія</span></a><BR>
<a href="лю 2.html" target="main"><img src="12483.jpg" border=0 /><span>Соняшник</span></a><BR>
<a href="лю 4.html" target="main"><img src="250px-Tulip_-_floriade_canberra. jpg" border=0 /><span>Тюльпан</span></a><BR>
</font>
</body>
</html>
Приклад №2
<HTML>
<HEAD>
<TITLE> гіперпосилання </TITLE>
</HEAD>
<body text="white" bgcolor=black BACKGROUND="123.jpg" LINK=C080FF vlink=2080E0 ALINK=FF40FF>
<body>
<body bgcolor=black BACKGROUND="index. jpg" LINK=C080FF vlink=2080E0 ALINK=FF40FF>
<BR><BR><BR><BR><BR>
<style type="text/css">
A {text-decoration: none;}<--Відмінює підкреслення посилань-->
</style>
<table bgcolor=black BORDERCOLOR=green BORDER=5 WIDTH=210 CELLSPACING=10>
<tr>
<td><center><font COLOR=E0FF00 size=+3>Навігатор</font></center><BR></td>
</tr>
<tr>
<td valign="bottom"><center><H4><a href="main/main. html" target="main"> Головна сторінка </a></H4></center></td>
</tr>
<tr>
<td><center><H4><a href="Wi-Mix/wimax. html" target="main">WiMAX</a></H4></center></td>
</tr>
<tr>
<td><center><H4><a href="wi-fi/wi-fi. html" target="main">Wi-Fi</a></H4></center></td>
</tr>
<tr>
<td><center><H4><a href="3g/3g. html" target="main">3G</a></H4></center></td>
</tr>
<tr>
<td><center><H4><a href="Bluetooth/Bluetooth. html" target="main">Bluetooth</a></H4></center></td>
</tr>
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 11 12 |


