1.
Создать HTML-документ
с содержимым:
ПРИВЕТ
МИР!!!
2. Cоздайте
заголовки по образцу
Анкета
Петров Владимир Владимирович
17 лет
козерог
студент
люблю рок-музыку
3. Создайте текст
на HTML-cтранице по
образцу
ПАРУС
Белеет парус
одинокой
В тумане моря голубом!..
Что ищет он в стране далекой?
Что кинул он в краю родном?..
Играют волны — ветер свищет,
И мачта гнется и скрыпит...
Увы! он счастия не ищет,
И не от счастия бежит!
Под ним струя светлей лазури,
Над ним луч солнца золотой...
А он, мятежный, просит бури,
Как будто в бурях есть покой!
4. Создание формулу по
образцу Sквадрата=a2
5. Создайте список
Последовательность выполнения:
1. 1.Создайте папку
(в качестве имени папки выберите свою фамилию). Запустить редактор Notepad++. Ввести
приведенные ниже стандартные теги разметки страницы теги
<HTML><HEAD><TITLE>Мой первый HTML-документ</TITLE></HEAD>
<BODY>ПРИВЕТ
МИР!!!</BODY></HTML>
2. Сохранить документ
под именем 1.html в
созданной вами папке. Откройте папку, кликните правой кнопкой мыши по файлу 1.html и
выберите команду «Открыть с помощью» и выберите удобный для просмотра браузер.
В окне браузера вы можете посмотреть как будет выглядеть ваш файл.
3. Отредактируйте
документ 1.html, кликните
правой кнопкой мыши и выберите команду «Открыть с помощью» и выберите программу
Блокнот. После слов ПРИВЕТ МИР!!! поставьте тег <BR> (тег
перехода на новую строку), и наберите текст «Программирование
сайтов и Web-дизайн».
Не забывайте сохранять документ и обновлять браузер.
4. В тег<BODY>
вставить атрибуты TEXT(цвет текста на всейhtml-странице) и BGCOLOR(цвет
заливки на всейhtml-странице), и
установите любое значения цветов (безопасные коды цветов можно найти в
интернете). Поставьте горизонтальную линию в документе с помощью
соответствующего тега <HRSIZE=1>, где атрибут SIZE
определяет толщину линии в пикселях.
2. Откройте в Notepad++ файл 1.html и
создайте анкету с помощью заголовочных тегов <H1-6 ALIGN=”LEFT| CENTER| RIGHT”>
текст </H1-6>, с
помощью атрибута ALIGN выровняйте
текст по центру.
3.
В файле 1.html после
анкеты наберите текст стихотворения «Парус» и отформатируйте шрифт текста по образцу.
Название
стихотворения заголовок 3-го уровня (<H3></H3>),
первая строчка стихотворения выделена жирным шрифтом с помощью тегов <B></B> или
<STRONG></STRONG>; вторая строчка выделена курсивом с помощью тега
<I></I>;
третья строчка подчеркнута с помощью тега <U></U>>;
четвертая строчка перечеркнута с помощью тега <S></S> или
<DEL></DEL>;
пятая, шестая, седьмая и восьмая строчки выделены с помощью тегов с размерами
шрифтов <FONTSIZE=1|3|5|7></FONT>
соответственно; девятая строчка выделена с помощью тега <SMALL></SMALL>;
десятая строчка создана при помощи тега <BIG></BIG>;
одиннадцатая и двенадцатая строчки раскрашены с помощью тегов <FONTCOLOR=YELLOW|GREEN></FONT>
соответственно. В конце стихотворения добавьте фамилию и инициалы автора
стихотворения моноширинным шрифтом(шрифт имитирующий печатную машинку), с
помощью контейнеров тегов <tt></tt>,<kbd></kbd>или<samp></samp>.
4.
Для создания нижнего индекса используйте теги <sub></sub>
в контейнер заключите индекс, для возведения в степень используйте теги
верхнего индекса <sup></sup>.
Увеличьте шрифт не индексного текста до 5.
5. В файле 1.html после
отредактированного текста создайте списки.
Для создания
нумерованного списка используют теги <OL><LI>.
<OL><LI>Элемент
списка 1 </LI>
<LI>Элемент
списка 2</LI>
<LI>Элемент
списка 3</LI></OL>
Список по
умолчанию цифровой, но его можно сделать и буквенным c помощью
атрибута TYPE .
<OLTYPE=a><LI>Элемент
списка 1 </LI>
<LI>Элемент
списка 2</LI>
<LI>Элемент
списка 3</LI></OL>
Для создания
маркированного списка используют теги <UL><LI>.
<UL>LI>Элемент
списка 1 </LI>
<LI>Элемент
списка 2</LI>
<LI>Элемент
списка 3</LI></UL>
Маркеры в списке
можно сделать разнообразными c помощью атрибута TYPE=circle|disc|square .
<UL><LI>Элемент
списка 1 </LI>
<LI>Элемент
списка 2</LI>
<LI>Элемент
списка 3</LI></UL>
Для создания
списков определений используют три тэга:
<DL>-
начало/конец списка.
<DT>-
начало/конец конкретного термина.
<DD>-
начало/конец поясняющей статьи термина.
<DL><DT>ГРИБЫ</DT>
<DD>ОПЯТА</DD>
<DD>ГРУЗДИ</DD></DL>
Задания
для самостоятельного выполнения:
a)
Создайте
формулу соляной кислоты и общий вид квадратного уравнения.
b)
Создайте
смешанный список по образцу
Я знаю как
оформлять:
1.
Шрифты
·
Размер
·
Цвет
·
Гарнитуру
·
Индексы
2.
Заголовки
·
От
1-го до 6-го уровня
3.
Абзацы
·
Выравнивание
·
Разрыв
строк внутри абзаца
·
С
использованием переформатирования.
Составить
отчет о выполнении
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.