Теги фізичного форматування тексту
|
Тег |
Пояснення |
|
<b> <i> <tt> <u> <strike> i <s> <big> <small> <sub>
<sup>
<blink> <span>
<font>
<basefont>
|
Відображає текст напівжирнимшрифтом Відображає текс курсивом Відображає текст монотипнимшрифтом Відображає текст підрексленимшрифтом
Відображає текст Відображає текст шрифтом більшогорозміру Відображає текст шрифтом меншогорозміру Зсуває текст нище рівня строкиі, якщо можна, шрифтом меншого розміру Зсуває текст вище рівня строкиі, якщо можна, шрифтом меншого розміру Відображає мигаючий текст (підтримується тільки Netscape) Даний тег є аналогом тега рівня блоку <div>. Використовується тоді коли треба змінити властивості частини тексту. Вказує параметри шрифта: face– вказує тип шрифта, Наприклад:<font face=”Verdana”, “Arial”> size– вказує розмір шрифту в умовних одиницях від 1 до 7. Нормальним розміром вважається 3. Можна використовувати і відносні величини +3, -2 і т.д. color– встановлює колір шрифта, який задається в форматі #RRGGBB Вказується для параметрів шрифта усього документа, однак їх можна змінити в будь-якому місці тегом <font>. Немає закриваючого тега. |
У HTML символом абзацу служить тег <p>, який треба помістити перед початком кожного абзацу. Закриваючий тег</p> є необов`язковим. Абзац додатково виділяється пустими стрічками знизу.
Тег <p> може задаватися із параметром вирівнюванняalign, який може приймати одне із наступних значень:
Left– вирівнювання по лівій границі броузера (приймається по замовчуванню).
Center– вирівнювання по центру вікна броузера.
Right– вирівнювання по правій границі броузера.
Justify– вирівнювання по ширині (по двох сторонах).
Зазвичай стрічка переноситься в наступний рядок по символу „пробіл” в залежності від розмірів вікна броузера. Для того, щоб примусово перевести стрічку, тобто почати її з нової лінійки потрібно вставить тег <br>, який немає відповідного закриваючого тега. Перевід стрічки тоді не виділяється пустими стрічками.
Наряду із заголовком сторінки можна використовувати заголовки в середині документа. Задаються вони тегами <h1>, <h2>, <h3>, <h4>, <h5> i <h6>. Теги потребують відповідного закриваючого тега. Тег із номером 1 є самим найбільшим, а із номером 6 – найменшим. Заголовок виводиться із пустими стрічками зверху і знизу. Заголовки підтримують вирівнювання як і тег<p>.
Організація посилань у ВЕБ-документах
Одним із найважливіших понять для HTML-документів є посилання.
Гіпертекстовий документ містить посилання на інші документи, які дозволяють з допомогою натискання кнопки миші переміщуватися від одного документа до іншого.
Посилання складається з двох частин: вказівникапосилання таадресної частини посилання. Коли ви натискаєте на вказівник посилання то броузер завантажує документ, адрес якого вказаний в адресній частині.
Вказівником посилання може бути слово, група слів чи зображення. Зовнішній вигляд посилання залежить від настройки програми перегляду (броузера) користувача.
Посилання записується з допомогоютега-контейнера <a>: <a href=”адресна частина”>вказіник</a>.
Приклад для текстового посилання:
<a href=”www.alex-lviv.com.ua”>Компанія "Алекс"</a>
Зазвичай на екрані броузера слова Компанія “Алекс” будуть підкресленими.
Приклад для графічного посилання:
<a href=”www.alex-lviv.com.ua”><img src=”button_1.gif”></a>
Навколо такого посилання броузер намалює кольорову рамку, яку можна забрати парметром border=0.
Організація списків у ВЕБ-документах
У ВЕБ-документах використовують списки трьох типів:
ненумеровані (марковані ), нумеровані та списки визначень.
Для створення маркованого списку потрібно використовувати тег-контейнер <ul> </ul>, всередині котрого поміщуються всі елементи списку. Відкриваючі та закриваючі теги списку забезпечують перевід стрічки, тому відпадає потреба використовувати тег<p> чи <br>.
Кожен елемент списку повинен починатися із тегу <li>,який не потребує заключного тегу
Наприклад:
<html>
<head>
<title> Основні модулі госпітальних інформаційних систем</title>
</head>
<body>
<ul>
<b> Модулі ГІС</b>
<li> Реєстратура.
<li>Поліклініка.
<li>Стаціонар.
<li>Лабораторія.
<li>Інші.
<ul>
</body>
</html>
Тег <ul>може приймати наступні параметри:
|
Параметр |
Призначення |
|
compact
type
|
Виводить список в компактному вигляді, наприклад з меншим інтервалом між лініями Вказує на тип маркерів списку (по замовчуванню type=disc): type=disc– замальовані круги type=circle – не замальовані круги type=square – замальовані квадрати |
Для створення нумерованого списку потрібно використовувати тег-контейнер <ol> </ol>,всередині котрого розташовуються всі елементи списку. Як і в маркованому списку, його елементи повинні починатися тегом<li>.
Тег <ol>,може містити наступні параметри:
|
Параметр |
Призначення |
|
compact
type
start |
Виводить список в компактному вигляді, наприклад з меншим інтервалом між лініями Вказує на тип нумерації списку (по замовчуванню type=1): type= A– великі латинські літери type= a – малі латинські літери type= I – великі римські цифри type= i – малі римські цифри type= 1 – арабські цифри дозволяє почати нумерацію не з одиниці, а із заданого значення |
Список визначень - особливий вид списків, які також називаються словарним визначенням. На відміну від інших типів списку цей завжди складається із двох частин. В першій – визначений термін, а у другій – текст у формі словарної статті, що розкриває значення терміну.
Приклад:
<dl>
<dt>Термін.
<dd>Визначення.
</dl>
Вставка графічних зображень у ВЕБ-документи
Для вставки зображень в текст потрібно використати тег <img>, що має єдиний обов`язковий параметрsrc, який визначає шлях до файла із зображенням<img src=”picture1.jpg”>. Тег<img> має 2 необов`язкових параметраwidth i height.Тобто ширина і висота зображення, відповідно. Значення можуть задаватися як в пікселях, так і у відсотках від розмірів вікна. Зображення можна помістити в рамку заданої ширини. Для цього служить параметрborder тега<img>, в якості параметра використовується число – товщина рамки в пікселях. По замовчуванню рамки немає.
Для того щоб зображення стало посиланням достатньо включити тег <img> в тег-контейнер<a>.
Створення таблиць у ВЕБ-документах.
Кожна таблиця розміщується в тегу-контейнері <table> </table>.
Одразу ж після нього може йти необов`язковий тег-контйнер заголовку таблиці<captiion>заголовок таблиці</caption>.
Кожна стрічка складається із тега-контейнера <tr> </tr> імусить містити хоча б одну комірку.
Кожна комірка таблиці описується тегом-контейнером <td> </td> (для комірок даних) або <th> </th> (для комірок заголовків). Ці теги не можуть бути поза тегом-контейнером<tr> </tr>.
Теги </th> </tr> </td> можуть бути опущеними, але це не рекомендується. Тег</table> не може бути опущений.
Якщо комірка пуста її прийнято описувати конструкцією <td> </td>.
Приклад:
<html>
<body>
<table>
<caption>Заголовок таблиці</caption>
<tr>
<td>Комірка 1 рядка 1</td>
<td>Комірка 2 рядка 1</td>
</tr>
<tr>
<td>Комірка 1 рядка 2</td>
<td>Комірка 2 рядка 2</td>
</tr>
</table>
</body>
</html>
Тег має кілька неособливих параметрів, такі як: border, cellspacing, cellpadding, width, align, rowspan, colspan
|
Параметр |
Призначення |
|
border
cellspacing
cellpadding
width height align bgcolor rowspan colspan |
Задає величину рамки навколо всієї таблиці і окремої комірки в пікселях Значення цього параметра не може бути опущене і воно задає відстань в пікселях між рамками комірок в таблиці Задає розмір вільного простору в пікселях між рамкою комірки та даними в ній Задає ширину таблиці чи комірки в пікселях чи відсотках Задає висоту таблиці чи комірки в пікселях чи відсотках Задає горизонтальне вирівнювання таблиці (тільки left i right) Задає колір фону таблиці Об`єднує кілька комірок, що лежать в різних рядках, в одну Об`єднує кілька комірок, що лежать в різних стовпцях, в одну |
На ВЕБ-сторінках також можна створювати фрейми, графічні карти, динамічні зображення, елементи для організації діалогового режиму та ін.
Для розмітки ВЕБ-сторінок використовують також спеціальні пакети програм, наприклад, Dreamweawer.
Завдання
Ознайомитися з методами телемедицини. Знайти приклади сучасних телемедичних систем
Ознайомитися з медичними ресурсами Інтернет. Знайти сайти медичного призначення на тему «Комп’ютерна медицина».
Ознайомитися з методами створення медичних ВЕБ-сайтів та мовою розмітки HTML
Створити ВЕб-документ на задану тему.
Сисок літератури
Bradley, Phil. Search Engines: New Search Engines in 2006 [Электронный ресурс] // Ariadne.- Issue 50.- January 2007.- (http://www.ariadne.ac.uk/issue50/search-engines).
Bradley, Phil. Using the Right Search Engine at the Right Time [Электронный ресурс] // Ariadne.- Issue 43.- April 2005.- (http://www.ariadne.ac.uk/issue43/search-engines).
Бройдо В.Л. Вычислительные системы, сети и телекоммуникации. – СПб.: Питер, 2003. – 688.
Гук М. Аппаратные средства локальных сетей: Энциклопедия. - СПб.: Издательство "Питер", 2000. - 576 с.
Зуёнок, Татьяна. Что должен знать о Яндексе каждый. Часть 1 [Электронный ресурс] .-( http://www.getinfo.spb.ru/article620.html).
Зуёнок, Татьяна. Что должен знать о Яндексе каждый. Часть 2 [Электронный ресурс] .-( http://www.getinfo.spb.ru/article622.html).
Кульгин М. Практика построения компьютерных сетей. Для профессионалов. – СПб.: Питер, 2001. – 320 с.
Кульгин М. Технологии корпоративных сетей. Энциклопедия. - СПб.: Издательство "Питер", 2000. - 704 с.
Левин М. Как стать системным администратором: Самоучитель. – М.: Познавательная книга плюс, 2001. – 320 с.
Назаров С.В. Администрирование локальных сетей Windows NT: Учеб. пособие. – М.: Финансы и статистика, 2001. – 336 с.Козлова Т.В. Как найти любую информацию в internet . Издательство: НТ Пресс. 2006,
Олифер В.Г., Олифер Н.А. Компьютерные сети. Принципы, технологии, протоколы. - СПб.: Издательство "Питер", 2000. - 672 с.
Основы сетей передачи данных /В.Г. Олифер, Н.А. Олифер. – М.: ИНТУИТ.РУ “Интернет-Университет Информационных технологий”, 2003 – 248 с.
Пятибратов А.П. и др. Вычислительные системы, сети и телекоммуникации: Учебник/ Под редакцией А.П. Пятибратова. – М.: Финансы и статистика, 2001. – 512 с.
Райс Л. Эксперименты с локальными сетями микроЭВМ. – М.: Мир, 1990. – 268с.