Язык гипретекстовой разметки HTML 4.0. Разметка страницы

Разметка и эскиз первой html-страницы

1. Откройте приложение Macromedia Homesite

2. Создайте новую HTML-страницу.

3. Создайте заголовок первого уровня (тег <H1>) и «отцентрируйте» его.

   
   
   
   

   Пример:

   Выполнение практического задания № 1 по HTML

   
   
   

4. Создайте маркированный (<ul> <li> </li> </ul>) и нумерованный (<ol> <li> </li> </ol>) списки.

   
   
   
   

   Пример:

   Виды операционных систем:

   1. Unix
   2. Linux
   3. FreeBSD
   4. OS/2
   5. MacOS
   6. VMSP5
   7. SunOS
   8. VMESA
   9. Windows

   
   Активный контент:

   • Java
   • ActiveX
   • JavaScript
   • VBScript
   • Action Script
   • Coockies

   
   
   

5. Создайте гипертекстовую ссылку (тег <a href="/"> </a> ) с последнего пункта нумерованного списка.

   
   
   
   

   Пример:

   9. Windows

   
   
   

6. Поместите изображение на страницу (тег <img src="/" /> ).

   
   

   Пример:

   
   
   

7. Сделайте размещенное изображение ссылкой (тег <a href="/"> </a> ).

   
   
   
   

   Пример:

   
   
   

8. Еще раз разместите это же изображение на странице, и также сделайте его гипертекстовой ссылкой. Добейтесь, чтобы рамка вокруг изображения не была видна. Отцентрируйте изображение и текст под ним.

   
   
   
   

   Пример:

   
   Актриса Дарья Сагалова

   
   
   

9. Сделайте задний фон страницы светло-желтым __ (#FFFFD9),
   цвет непосещенных ссылок – красным __ (#FF0000),
   посещенных – синим __ (#0000FF).

10. В нумерованном списке текст пункта 4 сделайте жирным (теги <strong> </strong> и <b> </b> ),
    а пункта 5 - курсивным (наклонным) (теги <em> </em> и <i> </i> ).

    
    
    
    

    Пример:

    • VBScript
    • Action Script

    
    
    

11. Оформите в абзац (тег <p> </p> ) текст, предстваленный ниже. Словосочетание «гипертекстовая ссылка» оформите зеленым цветом (#008000) __

    
    
    
    

    Пример:

    Что такое гипертекстовая ссылка (или, как чаще говорят, просто ссылка)?
    С помощью ссылки устанавливается связь с другим (или с тем же) документом. Ссылкой может быть фрагмент текста или изображение. По умолчанию текстовая ссылка подчеркнута. При подведении курсора мыши к гипертекстовой ссылке он превращается в раскрытую ладонь. При нажатии на ссылку браузер обращается к серверу, запрашивая документ, который указан в html-теге ссылки.

    
    
    

12. Создайте абсолютную ссылку на сайт www.mail.ru

    
    

    Пример:

    Для поиска информации воспользуйтесь поисковой машиной www.mail.ru

    
    
    

13. Сохраните страницу в личной папке в файл firstpage.html