|
Читайте также: |
Код 1 «Доктайп» для HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Код 2 «Доктайп» для XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Код 3 «Доктайп» для HTML 5
<!DOCTYPE html>
Код 4 Элемент <meta>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Коды 5 Форматирование текста
<b><font color="red">стилей</font></b>
<i>стандартный набор стилей</i>
<h1 align="right">
Код 5_а Использование нижнего индекса
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Нижний индекс</title>
</head>
<body>
<p><b>Формула серной кислоты:</b> <i>H<sub>2</sub>SO<sub>4</sub></i></p>
</body>
</html>
Код 6. Код списка
<ul> <!--начало списка-->
<li>Первый пункт</li> <!--маркированный список-->
<li>Второй пункт</li>
<li>Третий пункт</li>
</ul>
Код 6-а Многоуровневый список
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title> Вложенные списки </title>
</head>
<body>
<ul>
<li> Пункт 1
<ul>
<li> Подпункт 1.1 </li>
<li> Подпункт 1.2 </li>
</ul>
</li>
<li> Пункт 2
<ul>
<li> Подпункт 2.1 </li>
<li> Подпункт 2.2 </li>
</ul>
</li>
</ul>
</body>
</html>
Код 7 Абсолютная ссылка
<p><a href="http://www.philol.msu.ru">Филологический факультет МГУ</a></p>
Код 8 Таблица
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Создание таблиц</title>
</head>
<body>
<table border="1" width="100%" cellpadding="5">
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</table>
</body>
</html>
Код 8 _а Таблица с выравниванием
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Выравнивание таблицы</title>
</head>
<body>
<table width="600" bgcolor="#c0c0c0" cellspacing="0" cellpadding="5" border="1" align="right">
<tr><td>Содержимое таблицы</td></tr>
</table>
<p>Таблица состоит из строк (Rows),
столбцов (Columns) и ячеек (Cells), которые можно заполнять текстом, цифрами или графикой.
Для того чтобы заполнить ячейку таблицы, курсор позиционируется в нужной ячейке и вводится текст.
Перемещение курсора по ячейкам вправо осуществляется при нажатии клавиши Tab,
а влево - при нажатии комбинации клавиш Shift+Tab.
Можно подвести указатель мыши к нужной ячейке и щелкнуть по ней левой клавишей мыши. </p>
</body>
</html>
Код 9 Таблицы (задание 14)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Создание таблиц</title>
</head>
<body>
<h3>Таблица 14_а</h3>
<table border="1" width="100%" cellpadding="5">
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</table>
<h3>Таблица 14_б</h3>
<table border="1" width="100%" cellpadding="5">
<tr>
<th>Ячейка 1</th>
<th>Ячейка 2</th>
</tr>
<tr>
<td>Ячейка 3</td>
<td>Ячейка 4</td>
</tr>
</table>
<h3>Таблица 14_в</h3>
<table border="1" width="100%" cellpadding="5">
<tr>
<td colspan=2>Ячейка 1</td>
</tr>
<td>Ячейка 2</td>
<td>Ячейка 3</td>
</tr>
</table>
<h3>Таблица 14_г</h3>
<table align="center" border="1" width="50%" cellpadding="5">
<tr>
<td rowspan="2">Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
<tr >
<td>Ячейка 3</td>
</tr>
<tr>
<td>Ячейка 4</td>
<td>Ячейка 5</td>
</tr>
</table>
<!--
<h3>Таблица 14_д</h3>
<table align="right" border="0" width="50%" cellpadding="5">
<tr>
<td width="50%">Фамилия</td>
<td width="50%" border-botton="1">Иванов</td>
</tr>
<tr >
<td width="50%">Имя</td>
<td width="50%" border-botton="1">Константин</td>
</tr>
</table>-->
</body>
</html>
Код 10 Стилевая таблица
H1 {
color: #00FF00;
font-size: 200%;
font-family: Arial, Verdana, sans-serif;
text-align: center;
}
P {
color: #A52A2A;
padding-left: 20px;
}
*****
Код для присоединения таблицы
<link rel="stylesheet" href="kte_web.css" type="text/css">
*****
Код 11 Стилевая таблица заголовка H2
Внимание! Этот код расположен внутри тега <head>!
<style type="text/css">
H2 {
font-size: 120%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333366;
}
</style>
Код 12 Внутренний стиль
Стиль для форматирования списка
style="list-style: square; color: navy;"
Запись будет выглядеть вот так:
<li style="list-style: square; color: navy;">
Код 13 Код блоков текста (вариант 1)
<style type="text/css">
DIV {
width: 300px; /* Ширина слоя */
margin: 7px; /* Значение отступов */
padding: 10px; /* Поля вокруг текста */
border: 4px solid black; /* Параметры границы */
background: #fc0; /* Цвет фона */
}
</style>
Внимание! Текст кода в теле документа.
<div><p> текст первого абзаца</p></div>
Код 14 Код блоков текста (вариант 2)
<style type="text/css">
#layer1 {
width: 50%; /* Ширина первого слоя */
padding: 10px; /* Поля вокруг текста */
background: #fc0; /* Цвет фона */
}
#layer2 {
width: 40%; /* Ширина второго слоя */
margin-left: 400px; /* отступ слева */
background: #cc0; /* Цвет фона */
</style>
Внимание! Текст кода в теле документа.
<div id="layer1"><p> (текст первого абзаца)</p></div>
<div id="layer2"><p> (текст второго абзаца)</p></div>
Дата добавления: 2015-07-12; просмотров: 57 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Тип личности перестроечной эпохи | | | Точечная оценка показателя риска |