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