рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

ПОСИЛАННЯ

ПОСИЛАННЯ - раздел Программирование, ВСТУП В МОВУ HTML   Web-Сторінка Може Складатися Із Кількох Документів. Один З Ни...

 

Web-сторінка може складатися із кількох документів. Один з них головний з ім'ям index.html або main.html - він відкривається першим i повинен обов'язково лежати на вашему сайті в Internet.

Інші документи можна називати як завгодно (наприклад, photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.htmi). Kpaщe, шоб вони знаходились в одній nanui з HTML-документом.

Посиланням на інші документи як частини нашої Web-сторінки може бути текст або малюнок.

Нехай в тай же папці з головним документом index.html створено новий текстовий документ (наприклад, з ім'ям prf.html). Вміст документа може бути довільним i мати вашу фотокартку. Для цього випадку в основному документі фразу "подивитися мою фотокартку" можна зробити посиланням. Тег посилання на цей документ буде виглядати так:

<а href="prf.html"> подивитися мою фотокартку </а>

Щоб встановити колір посилання, треба доповнити вже ввдомий тег <body> новими параметрами:

<body text="#336699" bgcolor="#FFFFFF"

link="#339999" alink="#339999" vlink="#339999">

(link - колір посилання, alink - колір активного посилання, vlink -колір посилання, яке відвідували).

Тут кольори всі однакові, але вони можуть бути і різними.

Посилачия на поштову скриньку записусгься за зразком:

<а href=mailto:lab3@hirup.km.ua> Lab3@hirup.km.ua - пишітъ листи </а>

Спробуйте в папці з головним документом створити додатковий HTML-файл з ім'ям prf.html i з довільним текстом. Наприклад, таким:

<html>

<head>

<title> друга сторінка </title>

</head>

<body text="#CCOOOO" bgcolor="#FFFFFF">

<img src="photo.jpg" align="left" HSPACE=30 VSPACE=5 ALT="моя фотокартка" WIDTH=80 HEIGHT=80>

<p align="justify">

На фотокартці я. Можемо стати друзями, якщо вам сподобалась мояособа.

<br>

<а href="mailto:Lab3@hirup.km.ua"> Lab3@hirup.km.ua - пишіть листи

</а>

</р>

</body>

</html>

У файл priklad5.html за допомогою редактора "Блокнот" додайте нові елементи i збережіть з новим ім'ям index.html:

<html>

<head>

<title> Мій перший крок </title>

</head>

<body text="#336699"bgcolor="#FFPFFF" link="#336699" alink="#336699" vlink="#336699" > <center>

<H3>Привіт, це моя перша сторшка</НЗ> <br>

<font color="cc0000"> <H1>Ласкаво просимо !</H1></font> </center>

<p align="justify">

<font size="+2"> Шановний колего! </font> Я вивчаю <font size="+l"> мову HTML,</font> щоб створити власну <i>домашню Web-сторінку </i> для спілкування з друзями i знайомими. Щоб вони могли<а href="prf.html"> подивитися мою фотокартку </а>, прочитати про мене, написати кілька рядків в мою книгу для гостей. </р>

</body>

</html>

Можна за допомогою броузера переглянути файл основного документа index.html, двічі клацнувши на його піктограмі.

Щоб перейти на додаткову Web-сторінку, досить встановити курсор на посилання "подивитися мою фотокартку" i клацнути.

Щоб повернутся на сторінку основного документа, треба на панелі інструментів броузера натиснути кнопку "Назад".

– Конец работы –

Эта тема принадлежит разделу:

ВСТУП В МОВУ HTML

На сайте allrefs.net читайте: ВСТУП В МОВУ HTML.

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: ПОСИЛАННЯ

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

ВСТУП В МОВУ HTML
  Мова HTML (мова гіпертекстової розмітки) призначена для опису Web-сторінок i не є мовою програмування. Вона призначена для розмітки текстових документів, тобто для їх

СТРУКТУРА HTML-ДОКУМЕНТА
  Bci HTML-документа будуються за визначеними правилами: §текст документа починаеться тегом <HTML> i заюнчуеться тегом </HTML>; §всередині контейнера <

ВСТАНОВЛЕННЯ КОЛЬОРУ ТЕКСТУ
  #000000 Чорний #000080 Темно-синій #0000FF Блакитний #800080

ВСТАНОВЛЕННЯ КОЛЬОРУ ФОНУ
  Колір фону встановлюється за допомогою знайомого тега <body>. Наприклад, чорний фон встановиться командою: <body bgcolor="#000000"> Якщо колі

ПАРАГРАФ
  Параграфи вводяться тегом <р></р>. За допомогою параграфів можна вирівнювати текст: по центру <р align="center">те

СТВОРЕННЯ ЗАГОЛОВКА
  Щоб виділити текст, використовують теги заголовків Н1-Н6. Наприклад, так: <НЗ>3 Новим роком! </Н3>. Заголовки призначені для виділення невелико

Питання для самоконтролю
1. Якою мовою створюється Web-сторінка i яким чином відображується? 2. Що таке "гіперпосилання"? Який воно має вигляд i як ним користуватися? 3. Що та

Вставка малюнків
Щоб вставити малюнок, треба скористатися тегом: <img src="my.jpg">, де my.jpg -ім'я файла, що містить малюнок. Замість my.jpg можна вставити ім'я будь-якого іншого

Lt;img src="photo.jpg " align="left" HSPACE=30 VSPACE=5
alt="моя фотокартка" WIDTH=80 HEIGHT=80> <p align="justify"> <font size="+2"> Шановний колего !</font> Я вивчаю

ВІДСТУПИ
  Для встановлення одного, двох i трьох відступів використовується тег <ul> </ul> за зразком: <ul> один ввдступ </ul> <ul> <ul> д

ОФОРМЛЕНИЯ ТАБЛИЦЬ
  Для раціонального розподілу площі сторінки між її текстовими i графічними фрагментами використовують таблиці. Таблиця задається тегом <table> </table>.

ВИРІВНЮВАННЯ ВМICТУ КОМІРОК
  Щоб вирівняти вміст комірок таблиціпо горизонталі, треба вище наведений текст редагувати таким чином: <table> <tr> <td heigh

ФОРМАТУВАННЯ КОМІРОК
  Параметр colspan визначае кількість стовпчиків, параметр rowspan визначае кількість рядків, на які простягається дана комірка. ПІДСУМКОВА ЛАБОРАТОРНА РОБОТА "В

СПИСОК ЛІТЕРАТУРИ
  1. Шестопалов Є.А. Internet для початківця. Посібник з інформатики, Книга 8. 2003 – 96 с. 2. Петюшкин А. Книга Профессиональное программирование HTML в Web-дизайне, "Б

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги