Хелпикс

Главная

Контакты

Случайная статья





А в строчке



 

Практическое задание по созданию Web-страницы

1. Создать простой текстовый документ в новой папке с любым именем.
 Набрать структуру следующей страницы-

<html>
<head>
<title>Мой первый шаг в изучении сайтостроения </title>
</head>
<body text="#336699" bgcolor="#000000">
<p align="center">
Здравствуйте!

<br>

Это моя первая страница.
<br>
<font color="#CC0000"> Я учусь в Лесопромышленном колледже  г. Кирова!</font> :) </p>
</body>
</html>

Сохранить данный текстовый документ обязательно командой
Сохранить как…
имя файла – любое
а тип после точки добавить обязательно HTML
например
моя.HTML

Когда файл закроете, найдите его в новой папке и откройте с помощью браузера

 

2. РЕДАКТИРОВАНИЕ ВЕБ_СТРАНИЦЫ
откройте снова текстовый документ, в котором построили первую страницу

 

Измените цвет фона страницы и цвет текста. Код цвета выберите из файла «таблицы цветов для HTML»
для этого в строке
<body text="#336699" bgcolor="#000000">
замените код цвета для текста и для фона
файл – Сохранить
и просмотреть как веб-страницу

 

3. Измените цвет фона на картинку из файла «Colledge.jpg»
для этого в вашу новую папку скопируйте файл Colledge.jpg

А в строчке

<body text="#336699" bgcolor="#000000">

Замените на
<body text="#336699" background ="College.jpg">

А.цвет текста подберите из таблицы

 

4. Управление размером текста

 

///теория///

size - размер шрифта 1-7.
По умолчанию применяется размер  size=3

С увеличением цифры для следующего текста - размер следующего текста изменяется на 20%:  

4 размер больше 3 на 20%,
5 размер больше 4 на 20%

Можно увеличивать размер текста с помощью увеличения или уменьшения абсолютного значения размера
прибавляя знаком +
или уменьшая знаком -
например:

size=4 – абсолютный размер,  установленный в параметрах тега,

если установить….

size= +1 – относительный (на 1 больше, чем абсолютный размер шрифта)

Пример:

<font size="+1"> текст </font>- текст увеличится на 20%
<font size="+0"> текст </font> - не изменится
<font size="-1"> текст </font> - уменьшится на 20%

Задание:
добавьте к своей странице следующий текст

Перед строчками конца страницы

 

</body>
</html>

 

Добавьте следующий текст


<font size= +1 color="……."> и выбрал отделение  «Ремонт автомобильного транспорта»

<br>

<font size= 3 color="……."> После окончания учебы я хочу стать квалифированным специалистом и работать в престижной фирме по обслуживанию транспорта

</font> :)

 

Просмотрите свою страницу и найдите, как перенести текст на новую строку( найдите эту строчку и перенесите её на новую строку)

 

5. Использование заголовков
Существует 6 уровней заголовков:

<h1> . . . </h1>, …,



  

© helpiks.su При использовании или копировании материалов прямая ссылка на сайт обязательна.