Атомная физика

Опубликовано Большакова Анна Александровна вкл 25.05.2013 - 18:52
Большакова Анна Александровна
Автор: 
Ивашков Денис

Работа по теме: "Атомная физика" в виде сайта.

Скачать:

ВложениеРазмер
Файл Сайт по физике "Атомная физика"972.87 КБ

Предварительный просмотр:

Введение

HyperText Markup Language (HTML) - язык разметки гипертекста.

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

Отдельный документ, выполненный в формате HTML, называется:

- HTML-документом;

- Web-документом;

- Web-страницей. 

Такие страницы, как правило, имеют расширение htm или html.

Гиперссылка - фрагмент текста, который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.

Группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом или Web-сайтом.

Каждая HTML-страница имеет свой уникальный URL-адрес в интернете.

Структура URL-адреса

Url-адрес ресурса образуется объединением доменного имени компьютера, на котором он хранится, и пути поиска (пути доступа), который ведет от корневого каталога жесткого диска этого компьютера через все вложенные каталоги к файлу, представляющему ресурс.

Типичный URL для WWW имеет вид:

http://www.название.домен/имя файла

Здесь название - это часть адреса, который часто употребляется для обозначения владельца сайта, а домен - обозначение крупного "раздела" Интернета: страны (ru), области деятельности (com) и т.д. Например, адрес гипертекстового файла works.htm в Интернете:

http://www.rambler.ru/bisness/works.htm

Структура HTML-доукмента

Терминология

Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста возможность вложения элементов.

Тег - начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.

Пример: элемент, содержащий некоторый текст, ограничен начальным тегом (маркером) <P> и конечным тегом (маркером) </p>. Т.е. текст помещен между тегами как в контейнер. Здесь же можно увидеть, как осуществляется возможность вложения элементов. Тег <Font> вложен внутрь тега <P>, поэтому конечный тег </font> стоит перед </p>. В данном примере тег <P> указывает на то, что текст является отдельным абзацем, а тег <Font> задает формат шрифта, в нашем случае зеленый цвет шрифта.

<P> <font color="green">Этот текст будет расположен в отдельном абзаце и выполнен зеленым цветом шрифта.</font> </p>

В результате такого форматирования на экране компьютера мы увидим текст зеленого цвета в отдельном абзаце:

Этот текст будет расположен в отдельном абзаце и выполнен зеленым цветом шрифта.

Атрибут - параметр или свойство элемента. Это, по сути, переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений: стандартный или произвольный. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами.

<P align="center"> Этот текст будет выровнен по центру экрана </p>

В данном примере атрибут align (выравнивание) расположен внутри тега <P>, следовательно, он задает выравнивание этого абзаца. Значение атрибута равно "center", т.е. выравнивание абзаца будет по центру экрана. На экране мы увидим:

Этот текст будет выровнен по центру экрана.

Структура HTML-документа

Ниже приведена структура типичного Web-документа.

<HTML>

Этот тег указывает на начало HTML-документа

<HEAD>

Этот тег указывает на начало области заголовка Web-страницы. Служит для формирования обей структуры документа.

<TITLE>Структура Web-страницы</title>

Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна браузера.

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">

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

<META name="Author" content="Ivanov Ivan">

Имя автора Web-страницы.

<META name="Keywords" content="WWW, HTML, docoment, страничка, структура">

Набор ключевых слов для поиска. Раньше этими словами пользовались поисковые машины, для отбора сайтов по тематике запроса. Сегодня эти слова поисковыми машинами практически не используются, однако полезно вставить этот тег на свою страничку и указать в нем ключевые слова, отражающие содержание вашего сайта.

</head>

Конец области заголовка Web-страницы.

<BODY bgcolor="blue">

Начало собственно содержимого Web-страницы. Тег <BODY включает в себя атрибут bgcolor, который задает цвет вашей страницы. В данном случае голубой. Если не использовать этот атрибут, то по умолчанию, цвет страницы будет белым.

<H2> Здесь расположен заголовок вашей странички </h2>

<H2> </h2> Элемент заголовка

<P> Здесь расположен текст первого абзаца вашей странички</p>

<P> </p> Элемент абзаца.

<P> Здесь расположен текст второго абзаца вашей странички</p>

</body>

Конец содержимого Web-страницы.

</html>

Конец HTML-документа.

 

Правила синтаксиса

1. Взаимное расположение элементов HTML, HEAD, TITLE, BODY должно быть стандартным на любой странице.

<HTML>

<HEAD>

<TITLE>.....</title>

</head>

<BODY>

..................

</body>

</html>

2. Всегда использовать конечные теги (не забывать </p>, </h1>, </table> и др.).

3. Не нарушать правила вложения тегов.

Правильно: <H1>Заголовок крупный <H2> Заголовок поменьше </h2> </h1>

Не правильно:<H1>Заголовок крупный <H2> Заголовок поменьше </h1> </h2>

4. Любая полезная информация должна находится между начальным и конечным тегами, указывающими ее формат.

5. Все атрибуты располагаются в начальном теге.

6. Принято начальные теги писать ЗАГЛАВНЫМИ буквами (<H1>), а конечные строчными буквами (</h1>).

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

Элемент

Тег

Атрибуты

Пример

Абзац

<P> </p>

<P align="left"> </p> - выравнивание текста по левому краю экрана.

<P align="center> </p> - выравнивание текста по центру экрана.

<P align="right"> </p> - выравнивание текста по правому краю экрана.

<P align="center"> Текст этого абзаца выровнен по центру экрана </p>

Посмотреть

Принудительный переход на новую строку

<br>

 

Уронили мишку на пол <BR> Оторвали мишке лапу <BR> Все равно его не брошу <BR> Потому что он хороший.

Посмотреть

 

 

Выделение текста полужирным шрифтом

<B> </b>

 

Этот текст имеет обычное начертание, <B> а этот выделен полужирным шрифтом </b>.

Посмотреть

Выделение текста курсивом

<I> </i>

 

Этот текст имеет обычное начертание, <I> а этот выделен курсивом</i>.

Посмотреть

Определение типа, размера и цвета шрифта.

<FONT> </font>

<FONT size=3> </font> - абсолютный размер шрифта (возможные значения от 1 до 7).

<FONT color="blue"> </font> - цвет шрифта

<FONT face="arial"> </font> - определение определенного шрифта.

<FONT size=3 color="blue" face="arial"> </font> - все атрибуты могут быть использованы совместно внутри данного тега.

<FONT size=1> Это шрифт 1 </font>

<FONT size=2> Это шрифт 2 </font>

<FONT size=3>Это шрифт 3 </font>

<FONT size=4>Это шрифт 4 </font>

<FONT size=5> Это шрифт 5 </font>

<FONT size=6> Это шрифт 6 </font>

<FONT size=7> Это шрифт 7 </font>

<FONT color="blue"> Это шрифт синего цвета </font>

<FONT face="arial" size=3 color="blue" > Это шрифт arial размером 3, цвет синий. </font>

Посмотреть

Цитата

<BLOCKQUOTE> </blockquote>

 

Это обычный текст абзаца. <BLOCKQUOTE> А это текст цитаты. </blockquote> А это снова обычный текст.

Посмотреть

Маркированный список

<UL>

<LI>

<LI>

<LI>

</ul>

 

<UL>

<LI> Первый пункт списка;

<LI> Второй пункт списка;

<LI> Третий пункт списка.

</ul>

Посмотреть

Нумерованный список

<OL>

<LI>

<LI>

<LI>

</ol>

 

<OL>

<LI> Первый пункт списка;

<LI> Второй пункт списка;

<LI> Третий пункт списка.

</ol>

Посмотреть

Управление цветом

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

Стандартные цвета

Аквамарин

 

aqua

#00FFFF

Белый

 

white

#FFFFFF

Желтый

 

yellow

#FFFF00

Зеленый

 

green

#008000

Золотистый

 

gold

#FFD700

Индиго

 

indigo

#4B0080

Каштановый

 

maroon

#800000

Красный

 

red

#FF0000

Оливковый

 

oliv

#808000

Пурпурный

 

purple

#800080

Светло-зеленый

 

lime

#00FF00

Серебристый

 

silver

#C0C0C0

Серый

 

gray

#808080

Сизый

 

teal

#008080

Синий

 

blue

#0000FF

Ультрамарин

 

navy

#000080

Фиолетовый

 

violet

#EE80EE

Фуксиновый

 

fuchsia

#FF00FF

Черный

 

black

#000000

 

Градации красного

Код 

Цвет 

Код 

Цвет 

#010000

 

#800000

 

#100000

 

#900000

 

#200000

 

#A00000

 

#300000

 

#B00000

 

#400000

 

#C00000

 

#500000

 

#D00000

 

#600000

 

#E00000

 

#700000

 

#FF0000

 

Градации зеленого

Код 

Цвет 

Код 

Цвет 

#000100

 

#008000

 

#001000

 

#009000

 

#002000

 

#00A000

 

#003000

 

#00B000

 

#004000

 

#00C000

 

#005000

 

#00D000

 

#006000

 

#00E000

 

#007000

 

#00FF00

 

Градации синего

Код 

Цвет 

Код 

Цвет 

#000001

 

#000080

 

#000010

 

#000090

 

#000020

 

#0000A0

 

#000030

 

#0000B0

 

#000040

 

#0000C0

 

#000050

 

#0000D0

 

#000060

 

#0000E0

 

#000070

 

#0000FF

 

Градации оранжевого цвета

Код 

Цвет 

#FFB000

1

#FFA800

2

#FFA000

3

#FF9800

4

#FF9000

5

#FF8800

6

#FF8000

7

#FF7800

8

#FF7000

9

#FF6800

10

#FF6000

11

#FF5800

12

А так может выглядеть компьютерная радуга:

К

О

Ж

З

Г

С

Ф

Использование цвета при оформлении страницы

Цвет шрифта можно задать с помощью атрибута color в теге <FONT>, например:

<FONT color="FF5800"> Это цветной текст 1 </font>   

<FONT color="blue"> Это цветной текст 2 </font>

Посмотреть

 

Чтобы задать цвет фона страницы используется атрибут color внутри тега <BODY>, например:

<BODY color=" FFFFCC">

Посмотреть


Заяц-хваста

Цветок или сорняк?

Нечаянная победа. Айзек Азимов

Ручей и камень

Центральная часть Млечного пути приоткрывает свои тайны