Создание web-сайтов. HTML
- Создаем текстовый документ (в проводнике Windows — контекстное меню -> Создать -> Текстовый документ)
- Переименовываем его — изменяем название на произвольное, расширение меняем на html
- Открываем файл с помощью блокнота (контекстное меню -> Открыть с помощью… -> Блокнот
- Пишем в файле любую фразу, например, «Привет!»
- Сохраняем файл
- Открываем его с помощью браузера
Примеры web-страниц на языке HTML
Пустая страница с заголовком:
<head>
<title>Диденко Дмитрий</title>
</head>
<body>
</body>«Привет!»
<head>
<title>Диденко Дмитрий</title>
</head>
<body>
Привет!
</body>«Привет!» с оформлением
<head>
<title>Диденко Дмитрий</title>
</head>
<body>
<b>При</b><i>вет</i>!
</body>Добавляем изображение:
<head>
<title>Диденко Дмитрий</title>
</head>
<body>
<b>При</b><i>вет</i>!
<img src="picture.jpg">
</body>Добавляем ссылку на файл:
<head>
<title>Диденко Дмитрий</title>
</head>
<body>
<b>При</b><i>вет</i>!
<img src="picture.jpg">
<a href="picture.jpg">Моя картинка</a>
</body>Разбиваем на строки:
<head>
<title>Диденко Дмитрий</title>
</head>
<body>
<b>При</b><i>вет</i>!<br>
<img src="picture.jpg"><br>
<a href="picture.jpg">Моя картинка</a>
</body>Создание таблиц
Таблица
Вариант CSS:
<table style="border:solid; border-collapse:collapse">
</table>Вариант с минимумом CSS:
<table border="1" style="border-collapse:collapse">
</table>Строка таблицы
<table style="border:solid; border-collapse:collapse">
<tr>
</tr>
</table>Ячейки таблицы
Вариант с CSS:
<table style="border:solid; border-collapse:collapse">
<tr>
<td style="border:solid;">Ячейка1</td>
<td style="border:solid;">Ячейка2</td>
</tr>
</table>Вариант с минимумом CSS:
<table border="1" style="border-collapse:collapse">
<tr>
<td>Ячейка1</td>
<td>Ячейка2</td>
</tr>
</table>