Як створити просту веб сторінку в блокноті
категорія Відпочинок
Веб-сторінки. Ми використовуємо їх кожен день. Але наскільки важко створити веб-сторінку? За допомогою програми Блокнот ви зможете легко створити просту веб-сторінку.
кроки
Створення власної веб-сторінки1
Відкрийте Блокнот. натисніть “Файл-gt; Зберегти як”. В полі “тип файлу” Виберіть “всі файли”. Збережіть ваш файл як file.html (file можна замінити на будь-яке інше назву). Зазвичай головна сторінка сайту називається index.html Тепер ви можете приступати до написання коду. Не хвилюйтеся, це не складно!
2
HTML (мова гіпертекстової розмітки) використовує теги. Теги - це зазвичай певний текст в lt; кутовий скобкахgt; Для створення сторінки ви будете використовувати різні теги. Також є "закривають теги", Які виглядають як вони закривають, наприклад, текст, який потрібно виділити жирним.
3
Перший тег веб-сторінки зазвичай html. Ви можете поставити його вгорі файлу, створеного в блокноті.
4
Наступний тег - head (тег заголовка). між тегами і стоять теги title (повідомляє браузеру, що виводити вгорі вікна) і мета теги (повідомляють пошуковим службам, таким як Google, тематику сайту).
5
У наступному рядку введіть
6
Тепер закрийте тег head, ввівши
7
Далі йде тег body. Введіть друге. Пам`ятайте, що не всі браузери підтримують всі кольори. (Наприклад, темно-сірий не підтримуватиме більшістю браузерів).
8
Між двома тегами body йде контент вашої веб-сторінки, який бачить користувач. Давайте почнемо з заголовка. Тема - це секція з великим текстом, яка позначається в HTML тегом від до
до , де
- найбільший розмір тексту. Тому, у верхній частині сторінки після тега body може бути щось на зразок цього
Ласкаво просимо на мій сайт!
Переконайтеся, що ви не забули закрити тег, інакше весь текст вашої веб-сторінки буде гігантським!Відео: Урок 1 - створення простої web-сторінки
9
Наступний тег, який використовується в тілі веб-сторінки, це
або тег параграфа.
Тому після заголовка ви можете вставитиЯ вивчаю, як створити веб-сайт за допомогою wikiHow!
Якщо ви хочете перейти на новий рядок, використовуйте тег (тег розриву рядка).10
Ви, напевно, не хочете, щоб на всій сторінці був звичайний текст. Тому давайте його відформатуємо. використовується для жирного тексту, - курсиву і - для підкреслення. Не забувайте закривають теги!
11
Що дійсно привертає увагу на веб-сторінці - це картинки. Навіть якщо текст на сторінці відформатований, хто захоче дивитися на нескінченні слова? Щоб вставити малюнок, використовуйте тег . Але як і тег body, він вимагає додаткову інформацію. Тег img може виглядати наступним чином: src (джерело) - це назва малюнка. width і height - це ширина і висота малюнка в пікселях.
12
Майже готово! Ви хочете, щоб відвідувачі вашого сайту могли побачити більше однієї сторінки. Для створення посилань використовуйте: Інша сторінка Текст між тегами, це те, за чим користувач клікає, щоб перейти на іншу сторінку, а частина href - на яку сторінку він потрапить після кліка. Використовуючи теги, відвідувачі зможуть без проблем переміщатися між сторінками вашого сайту.
13
Для завершення вам треба закрити тег body і html.
Відео: Створення html сайту в блокноті
14
Збережіть вашу роботу і потім відкрийте .html в своєму улюбленому веб-браузері. Вітаємо! Ви тільки що створили веб-сторінку
15
Якщо ви хочете розмістити ваш веб-сайт в інтернеті, пошукайте інформацію про це на сайті wikiHow.
Поради
- Пошукавши в Інтернеті, ви можете знайти більше тегів. Існує безліч хороших сайтів, які допомагають людям зі створенням веб-сайтів. Наприклад, W3Schools.
- Не забувайте додавати відповідні завершальні теги.
- Якщо хочете вставити на веб-сторінці кутові дужки lt; і gt; використовуйте знак &
- згідно підручниками HTML, завжди називайте ваші веб-папки і файли, використовуючи тільки латинські малі літери без пропусків і знаків. Хоча в Windows можна використовувати пробіл в імені файлів, більшість веб-хостингів цього не дозволяють. Тому ви збережете ваш час і нерви, якщо з самого початку назвете файли і папки належним чином.
- Ви можете змінити шрифт, ввівши між тегами. Замініть N потрібним шрифтом, наприклад, "Verdana".