|
Дальнейшие шаги программирования на языке HTML. Страница 2.
На этой странице мы научимся вставлять ссылки для перехода к другим
страницам вашего сайта, а также размещать картинки. Итак напишем такой вот сайтик:
    |
MGM
|
Все о новинках кино
|
Главная страница
Страница 1
Страница 2
Страница 3
|
Главная страница
Ограбление по- итальянски.
    Банда грабителей под руководством Чарли Кокера во всю прыть несётся на миниатюрных БМВ
по улицам Лос-Анджелеса и даже заныривает в подземку. Банда стремится увезти в безопасное место добычу - сейф, набитый
золотом. В Лос-Анджелесе с его чудовищными пробками просто так не поездишь. Поэтому банда предварительно позаботилась
о "зелёной" улице. На всех светофорах по пути следования грит только зелёный свет. Для осталных участников движения
горит красный. Это провоцирует грандиознейшую в истории Лос-Анджелеса пробку...
    2003 год. Режиссёр: Ф. Гари Грей. Актёры: Марк Уолберг, Шарлиз Терон... Длительность 111 минут.
Мистер и миссис Смит.
    Джон и Джей женаты не так долго, но они уже утомлены своим браком. Им кажется, что они знают
друг о друге всё. Но есть кое-что, что каждый желает держать при себе: они оба - то-ли наёмные убийцы, то-ли агенты
спецслужб специализирующиеся на ликвидации. Они тайно путешествуют по миру, выполняя опасные миссии. Эти отдельные
тайные приключения становятся общей их судьбой в тот момент, кодда Джейн получает заказ на Джона, а джон - на Джейн...
    2005 год. Режиссёр: Даг Лиман. Актёры: Бред Пит, Анджелика Джоли... Длительность 120 минут.
Ограбление по- английски.
    Когда собираешься украсть десять миллионов долларов, любая непредвиденная случайность
может стоить слишком дорого. А тем более две непредвиденные случайности - в лице актрисы Френсис и её подружки, медсестры
Шеннон. Случайно узнав о видах группы лондонских бандитов на чужие $10 000 000, они собрались шантажировать этих опасных
парней с целью отхватить свой "кусочек пирога"...
    2001 год. Режиссёр: Мэл Смит. Актёры: Мини Драйвер, Мэри МакКормик... Длительность 86 минут.
|
|
    Код главной страницы этого сайта выглядит так:
<html>
    <title>MGM: все о новинках кино</title>
    <head>
       <meta content="text/html; charset=windows-1251" http-equiv=Content-Type>
       <meta name="keywords" content="кино, ограбление, италия. англия, смит">
       <meta name="description" content="Эта страница рассказывает о последних новостях в мире кино">
    </head>
    <body style='margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; margin-widht:0; margin-heigth:0;'>
    <table cellpadding=0 cellspacing=0 border=0>
       <body style='margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; margin-widht:0; margin-heigth:0;'>
          <tr height=60>
             <td style='padding-left:10pt; background:#55CC33; font-family:Arial; text-align:left; font-size:150%; color:#FFFFFF'>
                <b>MGM</b>
             </td>
             <td width=500 style='padding-left:20pt; background:#55CC33; font-family:Arial; text-align:left; font-size:150%; color:#FFFFFF'>
                <i><b>Все о новинках кино</b></i>
             </td>
          </tr>
          <tr>
             <td valign=top width=130 height=400 style='padding:5pt; background:#99FF55; font-family:Arial; text-align:left; font-size:90%; color:#333333'>
                <hr size=2 color=#44BB22>
                <a href=index.html>Главная страница</a>
                <hr size=2 color=#44BB22>
                <a href=str1.html>Страница 1</a>
                <hr size=2 color=#44BB22>
                <a href=str2.html>Страница 2</a>
                <hr size=2 color=#44BB22>
                <a href=str3.html>Страница 3</a>
                <hr size=2 color=#44BB22>
             </td>
             <td valign=top style='padding:5pt; background:#CCFF99; font-family:Arial; text-align:left; font-size:100%; color:#333333'>
                <b>Главная страница</b>
                <hr size=2 color=#44BB22>
                <img align=right width=180 height=150 src="im\002.gif"><b>Ограбление по- итальянски.</b><br><br>
      <font size=2>Банда грабителей под руководством Чарли Кокера во всю прыть несётся на миниатюрных БМВ
по улицам Лос-Анджелеса и даже заныривает в подземку. Банда стремится увезти в безопасное место добычу - сейф, набитый
золотом. В Лос-Анджелесе с его чудовищными пробками просто так не поездишь. Поэтому банда предварительно позаботилась
о "зелёной" улице. На всех светофорах по пути следования грит только зелёный свет. Для осталных участников движения
горит красный. Это провоцирует грандиознейшую в истории Лос-Анджелеса пробку...<br>
      2003 год. Режиссёр: Ф. Гари Грей. Актёры: Марк Уолберг, Шарлиз Терон... Длительность 111 минут.</font><br><br><br>
<img align=left width=180 height=150 src="im\003.gif"><b>Мистер и миссис Смит.</b><br><br>
      <font size=2>Джон и Джей женаты не так долго, но они уже утомлены своим браком. Им кажется, что они знают
друг о друге всё. Но есть кое-что, что каждый желает держать при себе: они оба - то-ли наёмные убийцы, то-ли агенты
спецслужб специализирующиеся на ликвидации. Они тайно путешествуют по миру, выполняя опасные миссии. Эти отдельные
тайные приключения становятся общей их судьбой в тот момент, кодда Джейн получает заказ на Джона, а джон - на Джейн...<br>
      2005 год. Режиссёр: Даг Лиман. Актёры: Бред Пит, Анджелика Джоли... Длительность 120 минут.</font><br><br><br>
<img align=right width=180 height=150 src="im\004.gif"><b>Ограбление по- английски.</b><br><br>
      <font size=2>Когда собираешься украсть десять миллионов долларов, любая непредвиденная случайность
может стоить слишком дорого. А тем более две непредвиденные случайности - в лице актрисы Френсис и её подружки, медсестры
Шеннон. Случайно узнав о видах группы лондонских бандитов на чужие $10 000 000, они собрались шантажировать этих опасных
парней с целью отхватить свой "кусочек пирога"...<br>
      2001 год. Режиссёр: Мэл Смит. Актёры: Мини Драйвер, Мэри МакКормик... Длительность 86 минут.</font>
<br><br><br><br><br><br>
          </td>
       </tr>
    </table>
    </body>
</html>
    Поясним новые теги:
    <hr size=2 color=#44BB22> - разделительная горизонтальная полоска толщиной 2 пиксела и
цветом = 44BB22 в кодировке RGB.
    <a href=index.html>Главная страница</a> - ссылка для перехода на главную страницу.
Она состоит из двух частей. Первая часть находится внутри тега <a>. Это - электронное имя главной страницы
index.html, которое в данном случае одновременно является и её электронным адресом. Хочется особо отметить,
что главную страницу надо всегда называть именно таким именем - index.html. Если вы хотите написать ссылку
на страницу, которая находится не на вашем сайте, то следует прописать её полное электронное имя. Например, если
вы хотите сделать ссылку на поисковик Rambler, то его ссылка будет выглядеть так:
<a href=http://www.rambler.ru>Поисковая машина Рамблер</a>.
    Вторая часть ссылки находится, как вы уже возможно заметили, между тегами <a> и
</a>. В этой части записывается название ссылки (то, которое вы видете, открыв вашу станицу).
    <a href=str1.html>Страница 1</a> - ссылка для перехода на страницу 1. Здесь обращаю
внимение на правило присвоения имён HTML-страницам. Имена должны быть написаны прописными латинскими буквами
и (или) цифрами без единого пробела. Допускается использование в имени тире и нижнего подчёркивания. Расширение пишите
<.html> или <.htm>.
    Если страница находится не в той-же папке, что главная, то имя должно начинаться
с названия папки, затем слеш, потом имя сраницы. Например: <a href=papka/str1.html>Страница 1</a>.
    Этот пример справедлив для случая, когда папка с именем papka сама находится в той же
папке, в которой находится и эта самая страница. Для перехода к папке верхнего уровня, необходимо имя начинать с двух
точек, за тем слеш, ну и так далее. На пример: <a href=../str1.html>Страница 1</a> или
<a href=../papka/str1.html>Страница 1</a>.
    <img align=right width=180 height=150 src="im\002.gif"> - описание картинки. Здесь
align=right означает, что картинка будет прижиматься к правому краю. width=180 height=150 - ширина и
высота картинки в пикселах. src="im\002.gif" - адрес картинки, из которого следует что картинка имеет имя
002.gif и находится она в папке im. Сама же эта папка находится в той же папке, где находится эта
самая страница.
    <br> - тег перехода на новую строку. Он не требует закрывающего тега </br>.
      - символ маленького пробела. Я использую в тексте контента (содержания) страницы
несколько этих символов подряд для дополнительного отступа вправо (н.п. для красной строки).
    Переход к страницам: 1 | 2 | 3 |
Наверх
|
Нашим Заказчикам:
Услуги и цены
Контактная информация
Начинающим WEB-програмистам:
Введение
Самый простой способ
Первые шаги программирования на языке HTML
Дальнейшие шаги программирования на языке HTML
Как разместить сайт на бесплатном сервере
Книга отзывов
|