![]() Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь FAQ Написать работу КАТЕГОРИИ: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву ![]() Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Добавление заголовков и параграфовСодержание книги
Поиск на нашем сайте
Добавление заголовков и параграфов Если вы пользовались Microsoft Word, вам должно быть хорошо знакомо использование стилей для выделения заголовков по степени важности. В HTML заголовки по степени важности делятся на шесть уровней. Н1 — самый важный, Н2 — чуть менее важен, и, наконец, Н6 — наименее значимый. Пример того, как добавить важный заголовок: <h1>Важный заголовок</h1>Результат: Важный заголовок и чуть менее важный: <h2>Чуть менее важный</h2>Результат: Чуть менее важный Каждый параграф, который вы напишете должен начинаться тэгом <p> и заканчиваться тэгом </p>. Например: <p>Это первый параграф.</p><p>А это второй параграф.</p> Выделение курсивом Вы можете выделить одно или больше слов, используя тэг <em>, пример: Это действительно <em>интересный</em> пункт!Результат: Это действительно интересный пункт! Изменение цвета и размера текста Тэг FONT может быть использован для указания цвета и размера шрифта, которым будет выведен ваш текст. В этом примере устанавливается цвет: В этом предложении есть <font color="red">слово</font>,выделенное красным цветом.Результат: В этом предложении есть слово выделенное красным цветом. Атрибут size служит для указания размера шрифта в условных единицах от 1 до 7. Принято считать, что размер "нормального" шрифта соответствует числу 3. Размер может быть указан как абсолютной величиной (SIZE=5), так и относительной (SIZE=+2): Советы <font size="+2"color="red">ветеринарного</font>врачаРезультат: Советы ветеринарного врача Вставка рисунков Использование рисунков делает ваши страницы более интересными. Вставить рисунок позволяет тэг <img>. Предположим, что файл рисунка "okean.jpeg", шириной 200 пикселов и высотой 150, лежит в той же папке что и HTML файл. <img src="okean.jpeg" width="200"height="150"><BR>Указание ширины и высоты не является строго необходимым, но увеличивает скорость загрузки вашей WEB-страницы. Следует задать описание картинки для людей, у которых отключена загрузка изображений. Вы можете добавить краткое описание, используя атрибут alt: <img src="okean.jpeg" width="200"height="150" alt="В товремя, как мы бороздили просторы Океана...">В WWW используется два формата графических файлов GIF и JPEG. Формат GIF используется, когда требуется прозрачное изображение или анимация, а также для:
Формат JPEG больше подходит в следующих случаях:
Создание ссылок на другие страницы Ссылки обозначаются тэгом <a>. Определим ссылку на страницу определенную в файле "index.htm": Это ссылка на <ahref="index.htm">Главная страница</a>.Текст между <a> и </a> используется как описание ссылки, обозначается обычно синим цветом, и подчеркивается линией. Для ссылки на другую Web-страницу нужно указать ее полный Web-адрес (называемый URL), например, для ссылки на www.km.ru необходимо набрать следующий текст: Это ссылка на<a href="http://www.km.ru/">www.km.ru</a>.Вы можете использовать в ссылке картинку. Следующий пример позволяет кликаньем на логотипе компании перейти на ее домашнюю страницу: <a href="/"><img src="logo.gif"alt="home page"></a>Списки HTML предлагает три вида списков. Первый вид называется маркированным (неупорядоченным) списком. Маркированный список открывается тэгом <ul>, а каждый его пункт начинается стандартным тэгом <li>, пример: <ul> <li>первый пункт списка</li> <li>второй пункт списка</li> <li>третий пункт списка</li></ul>Результат:
Второй вид - нумерованный (упорядоченный) список. Он использует тэги <ol> и <li>. Пример: <ol> <li>первый пункт списка</li> <li>второй пункт списка</li> <li>третий пункт списка</li></ol>Результат:
И последний - это список определений (глоссарий). Он представляет текст в форме словарной статьи, состоящей из определяемого термина и абзаца, раскрывающего его значение, открывается тэгом <dl>. Каждый термин открывается тэгом <dt>, а определение тэгом <dd>. Пример: <dl> <dt>первый термин</dt> <dd>его определение</dd> <dt>второй термин</dt> <dd>его определение</dd> <dt>третий термин</dt> <dd>его определение</dd></dl>Результат:
Первый термин Его определение Второй термин Его определение Третий термин Его определение Списки могут быть вложенными, один в другой. Пример: <ol> <li>первый пункт списка</li> <li>второй пункт списка <ul> <li>первый пункт вложенного списка</li> <li>второй пункт вложенного списка</li> </ul> </li> <li>третий пункт списка</li></ol>Результат:
Здесь мы вас научим как:
Как сделать перевод строки Перевод строки осуществляется с помощью тэга <br>. Пример: <p>Иванов И.И.<br>г. Солнечный Магадан,<br>ул. Курортная,<br>барак.4, корпус.2, койка от окна 9-я</p>Результат: Иванов И.И. Тэг <br> не нуждается в закрывающем тэге. Как вставить не разрывающий пробел Иногда нужно воспрепятствовать автоматическому разбиению слов по строкам, например в торговой марке "Coke Cola". В таких случаях вместо пробела следует использовать . Пример: Сладкие газированные напитки, такие как Coke Cola,достигли мировой популярности.Специальные символы Специальные символы могут быть введены в ваш HTML-документ при помощи символа & (амперсант) и кода символа:
Внутренние ссылки Допустим, вам нужно написать длинную WEB-страницу с таблицей содержания в начале. Как сделать ссылки из таблицы содержания на соответствующие секции? Допустим, каждая такая секция начинается с заголовка: <h2>Ночные клубы</h2>Для того чтобы сделать на нее ссылку, разместите ее в <a name=идентификатор>.... </a> <h2><a name="ночные-клубы">Ночные клубы</a></h2>Теперь мы можем сделать ссылку: <ul>... <li><a href="#ночные-клубы">Ночные клубы</a></li>...</ul>Символ;# является необходимым перед именем цели. Если цель находится в другом документе,не следует разместить WEB-адрес перед символом #. Пример: <a href="http://www.bath.co.uk/ index.htm#ночные-клубы">Ночные клубы</a>Преформатированный текст Одно из преимуществ Web заключается в том, что текст автоматически располагается по строчкам внутри окна в зависимости от его текущих размеров. Но иногда требуется, чтобы часть текста оставалась без изменений. Как пример, код программы. Используйте для этого тэг <pre>: <pre> void Node::Remove() { if (prev) prev->next = next; else if (parent) parent->SetContent(null); if (next) next->prev = prev; parent = null; }</pre>В итоге получим: void Node::Remove() { if (prev) prev->next = next; else if (parent) parent->SetContent(null); if (next) next->prev = prev; parent = null; }Цвет текста и фона были заданы с помощью таблицы стилей. Обратите внимание, что все переводы строки и пробелы отображаются в том же виде, что и в HTML. Исключением является перевод строки непосредственно после тэга <pre> и перед тэгом </pre>, которые не отображаются. Этот факт демонстрируют два примера, которые отобразятся одинаково:
Преформатированный текст отображается моноширинным шрифтом. Таблицы Для лучшего представления информации удобно использовать таблицы. Вот пример простой таблицы:
Ее HTML-код следующий: <table border="3"><tr><th>Год</th><th>Продажи</th></tr><tr><td>2000</td><td>$18M</td></tr><tr><td>2001</td><td>$25M</td></tr><tr><td>2002</td><td>$36M</td></tr></table>Элемент table является контейнером для таблицы. Атрибут border определяет толщину границы в пикселях. Элемент tr является контейнером для каждой строки таблицы. Элементы th и td являются контейнерами для ячеек, содержащих заголовки и данные соответственно. Ширина таблицы Атрибут width используется для установки ширины таблицы. Значение задается как в пикселях, так и в процентах по отношению к расстоянию между левой и правой границами. Пример: <table border="3" cellpadding="10" width="80%">такое изменение кода приведет к следующему эффекту:
Пустые ячейки Сравните:
с
Чтобы избежать такого эффекта используйте неразрывающий пробел в пустой ячейке: <td> </td>Таблицы без рамки Для представления таблицы без рамки следует установить border="0" и cellspacing="0"
Код: <table border="0" cellspacing="0" cellpadding="10"> Раскрашивание таблицы Для установки различных цветов заголовков и ячеек, содержащих данные, в атрибуте bgcolor укажите цвет, который вы хотите использовать. <table border="0" cellspacing="0" cellpadding="10"> <tr bgcolor="#000000"> <th bgcolor="#FFFFFF">Год</th> <th bgcolor="#FFFFFF">Продажи</th> </tr> <tr> <td bgcolor="#FFFF66">2000</td> <td bgcolor="#FFFF66">$18M</td> </tr> <tr> <td bgcolor="#FFFF66">2001</td> <td bgcolor="#FFFF66">$25M</td> </tr> <tr> <td bgcolor="#FFFF66">2002</td> <td bgcolor="#FFFF66">$36M</td> </tr></table>В HTML цвета определяются цифрами в шестнадцатеричном коде. Цветовая система базируется на трех основных цветах - красном, зеленом и синем. Для каждого цвета задается значение от 00 до FF. Затем эти значения объединяются в одно число, перед которым ставится символ - «#».
Определение структуры
Внешний вид
Ссылки и графика
Разделители
Списки
Фон и цвета
Специальные символы
Формы
Таблицы
Фреймы
Язык JAVA
Разное
Добавление заголовков и параграфов Если вы пользовались Microsoft Word, вам должно быть хорошо знакомо использование стилей для выделения заголовков по степени важности. В HTML заголовки по степени важности делятся на шесть уровней. Н1 — самый важный, Н2 — чуть менее важен, и, наконец, Н6 — наименее значимый. Пример того, как добавить важный заголовок: <h1>Важный заголовок</h1>Результат: Важный заголовок и чуть менее важный: <h2>Чуть менее важный</h2>Результат: Чуть менее важный Каждый параграф, который вы напишете должен начинаться тэгом <p> и заканчиваться тэгом </p>. Например: <p>Это первый параграф.</p><p>А это второй параграф.</p> Выделение курсивом Вы можете выделить одно или больше слов, используя тэг <em>, пример: Это действительно <em>интересный</em> пункт!Результат: Это действительно интересный пункт!
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Последнее изменение этой страницы: 2016-04-20; просмотров: 166; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.12.166.151 (0.013 с.) |