Як створити блог в HTML

Створення блогу в HTML – це простий спосіб створити блог, який можна оновлювати в будь-якому текстовому редакторі. Блоги мають декілька спільних елементів, які легко створюються в базовому HTML. Кожна публікація блогу має бути над останньою, мати назву, дату та зміст. Використовуючи теги коментарів HTML, код дописів у блозі залишається на сторінці, але не показується, доки він не буде використаний для фактичної публікації. Код копіюється з розділу тегу коментарів і вставляється на сторінку над останнім дописом у блозі. Потім код заповнюється вмістом.

Крок 1

Відкрийте текстовий редактор і створіть новий файл, натиснувши «Файл» і «Новий». Кожен комп’ютер оснащений текстовим редактором. Комп’ютер з Windows використовує Блокнот. Це можна знайти в розділі «Програми» в меню «Пуск». Комп’ютери Mac мають функцію редагування тексту. Щоб відкрити «Редагування тексту», відкрийте Finder і натисніть «Програми». Прокрутіть униз до значка Редагування тексту та двічі клацніть, щоб відкрити.

Відео дня

Крок 2

Створіть веб-сторінку, ввівши основні теги HTML для сторінки. Наприклад:

Мій блог

Крок 3

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

Елемент style використовує елементи CSS для центрування заголовка на сторінці. Заголовки також залишають подвійний пробіл після них.

Крок 4

Створіть код публікації блогу, використовуючи менші теги заголовка та теги абзацу. Наприклад:

Мій перший пост

1 червня 2010 року

Це пост


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

Крок 5

Скопіюйте код допису в блозі та розмістіть його перед першим дописом. Помістіть код у тег коментаря. Тег коментаря. Тепер сторінка в прикладі матиме такий вигляд:

Мій блог

Мій перший пост

1 червня 2010 року

Це пост


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

Крок 6

Збережіть файл як index.html, натиснувши «Файл» і «Зберегти».