Как сделать блог на HTML

Создание блога в HTML - это простой способ вести блог, который можно обновлять в любом текстовом редакторе. У блогов есть несколько общих элементов, которые легко создать на базовом HTML. Каждое сообщение в блоге должно располагаться над последним, иметь заголовок, дату и содержание. При использовании тегов комментариев HTML код сообщений блога остается на странице, но невидим, пока не будет использован для фактического сообщения. Код копируется из раздела тегов комментариев и вставляется на страницу над последней записью в блоге. Затем код заполняется содержимым.

Шаг 1

Откройте текстовый редактор и создайте новый файл, нажав «Файл» и «Новый». На каждом компьютере есть текстовый редактор. На ПК с Windows используется Блокнот. Он находится в разделе «Приложения» в меню «Пуск». На компьютерах Mac есть функция редактирования текста. Чтобы открыть текстовый редактор, откройте Finder и нажмите «Приложения». Прокрутите вниз до значка «Редактировать текст» и дважды щелкните, чтобы открыть.

Видео дня

Шаг 2

Создайте веб-страницу, введя основные теги HTML для страницы. Например:

Мой блог

Шаг 3

Используйте самый большой тег заголовка, чтобы дать странице заголовок. Теги заголовков начинаются с h и заканчиваются числом, где 1 является наибольшим. Например:

Элемент стиля использует элементы CSS для центрирования заголовка на странице. Заголовки также оставляют после себя двойной пробел.

Шаг 4

Создайте код сообщения в блоге, используя меньшие теги заголовков и теги абзацев. Например:

Мой первый пост

1 июня 2010 г.

Это сообщение


Тег EM выделяет текст курсивом. Тег break или BR помещает разрыв строки после даты. Тег P или абзац помещает двойной разрыв строки после блока текста. Тег HR помещает строку через страницу после абзаца.

Шаг 5

Скопируйте код сообщения в блоге и поместите его перед первым сообщением. Поместите код в тег комментария. Тег комментария -. Страница в примере теперь будет выглядеть так:

Мой блог

Мой первый пост

1 июня 2010 г.

Это сообщение


Тег комментария делает неиспользуемый код невидимым для браузера. Чтобы использовать его для публикации в блоге, просто скопируйте код и удалите теги комментариев.

ШАГ 6

Сохраните файл как index.html, нажав «Файл» и «Сохранить».