1 января 2021
Цель:
Иметь в доступе список нормативных документов.
Важно
Редактор: рекомендую установить Notepad++;
Исполнение:
- Создаем текстовый файл переименовываем в documents.html
- Путь D:\HTML Help\documents.html
- Файл открываем в браузере.
Создание кода:
Рыба страницы:
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>Заголовок страницы</header>
<nav>Меню навигации</nav>
<aside>Боковая колонка SideBar</aside>
<article>
Контент - основное содержимое страницы.
</article>
<footer>Подвал сайта</footer>
</body>
</html>
Рыба таблицы:
Вставлять между <article>таблица</article>
<table id="table-1" border=1 align="center">
<caption><p style="font-size: 22px">Список документов</p></caption>
<thead>
<tr >
<th width="4%">№п/п</th>
<th width="">колонка1</th>
<th width="">колонка2</th>
<th width="">колонка3</th>
</tr>
</thead>
<tr><td>1</td>
<td>текст</td><td>текст</td><td>текст</td>
</tr>
<tr><td>2</td>
<td>текст</td><td>текст</td><td>текст</td>
</tr>
<tr><td>3</td>
<td>текст</td><td>текст</td><td>текст</td>
</tr>
</table>
Ссылки на документы:
<a href="ссылка на файл" >Видимый текст</a>
Существует 2 типа ссылок:
- Абсолютный путь
- Относительный путь
Абсолютный путь - просто копируется путь к нужному файлу как есть.
Относительный путь - необходимо учитывать расположение нужного файла относительно текущего (в котором находится ссылка на него. из пути удаляется общее начало пути. а перемещение между директориями осущетвляется по средствам спец символов.
Пример кода:
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Список документов</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>Заголовок страницы</header>
<nav>Меню навигации</nav>
<aside>Боковая колонка SideBar</aside>
<article>
<table id="table-1" border=1 align="center">
<caption><p style="font-size: 22px">Список документов</p></caption>
<thead>
<tr >
<th width="4%">№п/п</th>
<th width="">название</th>
<th width="">описание</th>
<th width="">дата введенея</th>
</tr>
</thead>
<tr><td>1</td>
<td><a href="ссылка на файл" >Должностная инструкция</a></td>
<td>Должностная инструкция аналитика</td>
<td>2020.01.01</td>
</tr>
<tr><td>2</td>
<td><a href="ссылка на файл" >Информационная безопасность</a></td><td>Регламент по информационной безопасности организаци</td>
<td>2020.11.20</td>
</tr>
<tr><td>3</td>
<td><a href="ссылка на файл" >Техника безопасности</a></td>
<td>Правила техники безопасности на рабочем месте</td>
<td>2020.11.19</td>
</tr>
</table>
</article>
<footer>Подвал сайта</footer>
</body>
</html>
Дополнительно к ссылкам:
Можно сослаться на директорию (папку).
Все документы рекомендую сохранять в PDF.
Word, Excel, PowerPoint можно сохранить в формате html.
Список всех моих статей в оглавлении.