Главная
Уроки
Конспекты
Хостинг
Контакты



 

Разбор полетов

Примерно такая страничка должна была получиться у Вас:

Практическая работа №1

Страничка с вертикальным меню

Меню

Гиперссылка 1
Гиперссылка 2
Гиперссылка 3
Гиперссылка 4

Выполнив эту практическую работу вы получите самый простенький шаблон для Вашего будущего сайта. Это шаблон с вертикальным меню, без графики, с применением нескольких цветов. Также рассмотрены параграфы, гиперссылки, заголовки, списки и многое другое, чтобы вы смогли лучше усвоить, где их можно применять. Как вы заметили, эта страничка как бы сужена при помощи таблицы и благодаря игре цветов создан приятный контраст между фоном страницы и фоном таблицы.

  • Строка списка 1
  • Строка списка 2
  • Строка списка 3
  • Строка списка 4











  • Посмотрите на ее код:

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>
        <title>Практическая работа №1</title>
    </head>

    <body bgcolor="#c0c0c0">

    <table align="center" width="98%" height="100%" bgcolor="#ffffff" cellpadding="6" bordercolor="#808080" border="1">
    <tr>
        <td colspan="2" height="80" valign="middle" ><h1>Страничка с вертикальным меню</h1></td>
    </tr>
    <tr>
        <td width="15%" valign="top">
       <center><b>Меню</b><br><br>
       <a href="index1.html">Гиперссылка 1</a> <br>
       <a href="index2.html">Гиперссылка 2</a><br>
       <a href="index3.html">Гиперссылка 3</a><br>
       <a href="index4.html">Гиперссылка 4</a> <br></center>
       </td>
        <td valign="top">
       <p> Выполнив эту практическую работу вы получите самый простенький шаблон для Вашего будущего
       сайта. Это шаблон с вертикальным меню, без графики, с применением нескольких цветов. Также рассмотрены параграфы,
       гиперссылки, заголовки, списки и многое другое, чтобы вы смогли лучше усвоить где их можно применять.
       Как вы заметили, эта страничка как бы сужена при помощи таблицы и благодаря игре цветов создан приятный
       контраст между фоном страницы и фоном таблицы. <br><br>

       <li><b>Строка списка 1</b></li>
       <li><b>Строка списка 2</b></li>
       <li><b>Строка списка 3</b></li>
       <li><b>Строка списка 4</b></li>
       </p>

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


    </body>
    </html>
     



    | Главная | История HTML | Зачем нужен сайт | Уроки | Конспекты | Практическая работа | Тест | Скрипты | О хостинге | Контакты |
    return_links(); ?>