Примеры текстов Web-страниц Создайте папку ims web icon

Примеры текстов Web-страниц Создайте папку ims web


НазваПримеры текстов Web-страниц Создайте папку ims web
Дата конвертації25.06.2015
Розмір71.32 Kb.
ТипДокументи
скачати
<html><tr><head><head><head><h2><span><span><span><span> <div> <br /> <br /><br /><i><b>Примеры текстов Web-страниц</b></i> <br /></div> <br /><i>Создайте папку <b>IMS</b><b>_</b><b>Web</b>, которая будет корневой папкой для Ваших web-страниц. </i> <br /><br /><i>Запустите блокнот, создавайте страницы, сохраняя их в папку IMS_Web.( с расширением. html)</i><br /><br /><b>Пример 1 (Структурные теги)</b><br /><<a href="3_html_1e5dab1b.png"><img src="3_html_1e5dab1b.png" name="graphics1" align=left hspace=12 width=159 height=113 border=0></a>HEAD><br /><br /><TITLE>Название





Текст





Сохранить страницу под именем index.html

Пример 2 (Теги управления внешним видом)

<html>



Простая Web-страница



Это самая простая Web-страница


Пересохранить страницу под именем index.html

Пример 3 (Создание абзацев)



<head>

Создание абзацев





Это первый абзац


А это второй.






Пересохранить страницу под именем abzac.html

Пример 4 (Тег прерывания строки)





Создание абзацев





Это первый абзац


А это второй. Для начала новой строки необходимо использовать тег <BR>.


Существует разница между абзацем и новой строкой.




Пересохранить страницу под именем abzac.html

Пример 5 (Создание заголовков)



<head>

Создание заголовков





Самый большой заголовок



Заголовок второго уровня



Заголовок третьего уровня



Заголовок четвертого уровня



Заголовок пятого уровня


Самый маленький заголовок





Сохранить страницу под именем zagolovok.html

Пример 6 (Выравнивание текста)





Выравнивание текста






Данный текст выровнен по левому краю,


центрирован,


выровнен по правому краю.


Также центрирован, однако в данном случае был использован тег
<center>
.






Сохранить страницу под именем vuravnivanie.html

Пример 7 (Стили форматирования)



<head>

Стили форматирования






это полужирное начертание текста.



курсив



подчеркнутый



>>полужирный, курсив, подчеркнутый



моноширинный шрифт, или, как его называют, телетайп.



горизонтальная линия получается при использовании тега <hr>

</body> Сохранить страницу под именем stil.html
Пример 8 (Стили форматирования)





Физическое форматирование






Допускается также использование в тексте Bepхниx и нижних индексов соответственно. Результатом форматирования будет уменьшенный и сдвинутый вверх или вниз текст.


Контейнер тегов перечеркивает текст горизонтальной линией.


Контейнер тегов позволяет вывести текст шрифтом большего размера.


Контейнер тегов позволяет вывести текст шрифтом меньшего размера.





Сохранить страницу под именем stil_2.html

Пример 9 (Размер шрифта)





Работа со шрифтами





<font size=7 color=”800000”>Размер шрифта равен 7.


Paзмep шрифта равен 6.


Paзмep шрифта равен 5.


color=”808000”>Размер шрифта равен 4.


color=”008080”>Размер шрифта равен 3.


color=”FF0000”2>Paзмep шрифта равен 2.


color=”0000FF”>Размер шрифта равен 1.






Сохранить страницу под именем font.html

Пример 10 (Абсолютное значение шрифта)





SIZE





Обычный текст. Его абсолютный размер равен 3.




Установка базового размера 5.


Увеличение до абсолютного размера, равного 12 .


Уменьшение до абсолютного размера, равного 3.





Сохранить страницу под именем font_2.html

Пример 11 (Создание списков)






<TITLE>Списки. Оглавление







  1. Главная страница

  2. Главная страница 2

  3. Создание абзацев

  4. Создание заголовков

  5. Выравнивание текста

  6. Стиль форматирования текста



    • Физическое форматирование текста

    • Логическое форматирование текста



  7. Шрифты



    • Размер шрифта

    • Абсолютное значение шрифта



  8. Создание списков

  9. Вставка рисунка

  10. Ссылки



    • Локальные ссылки

    • Относительные ссылки



  11. Таблица

  12. Сложная таблица

  13. Бегущая строка







Сохранить страницу под именем spisok.html

Пример 12 (Вставка рисунка)

Leopard.jpg – имя файла, который должен содержаться в одной папке с данной станицей.





Вставка рисунка





<img src="Leopard.jpg" width="1024" height="768" alt="Леопард">





Сохранить страницу под именем risunok.html

Пример 13 (Локальные ссылки)





Создание локальных ссылок





<h2 align="center">Оглавление :



  1. Часть первая.


  2. Часть вторая.


  3. Частъ третья.




Часть первая.




Часть вторая.




Часть третья.







Сохранить страницу под именем loсallink.html

Пример 15 (Относительная ссылка)





Оглавление







  1. Главная страница

  2. Главная страница

  3. Создание абзацев

  4. Создание заголовков

  5. Выравнивание текста

  6. Стиль форматирования текста



    • Физическое форматирование текста

    • Логическое форматирование текста



  7. Шрифты



    • Размер шрифта

      <LI> Абсолютное значение шрифта



  8. Создание списков

  9. Вставка рисунка

  10. Ссылки



    • Локальные ссылки

    • Относительные ссылки



  11. Таблица

  12. Сложная таблица

  13. Бегущая строка







Сохранить страницу под именем globallink.html

Пример 16 (Таблица)





Таблица













<TR>















Заголовок Таблицы.
Первая ячейка первой строки. Вторая ячейка первой строки.
Первая ячейка второй строки. Вторая ячейка второй строки.






Сохранить страницу под именем tablica.html

Пример 17 (Сложная таблица)





Сложная таблица
























Двe ячейки, объединенные по горизонтали


valign="middle">Двe ячейки, объединенные по вертикали

no левому краю



no правому краю






Сохранить страницу под именем tablica_2.html

Пример 18 (Бегущая строка)





Бегущая строка





<MARQUEE ALIGN="Top" LOOP="infinite"

BEHAVIOR="alternate" BGCOLOR="lime"

DIRECTION="right" HEIGHT=50 WIDTH=250>

Пример бегущей строки.







Сохранить страницу под именем begstroka.html
Поделиться:





База даних захищена авторським правом ©unikum.asyan.org 2015
При копіюванні матеріалу обов'язкове зазначення активного посилання відкритою для індексації.
звернутися до адміністрації
Документи