Как создать простую веб страницу с помощью HTML

Загрузить PDF
Соавтор(ы): Команда wikiHow

Загрузить PDF

В этой статье мы расскажем вам, как с помощью HTML-кода создать простейшую веб-страницу. HTML является одним из основных компонентов интернета, потому что задает структуру веб-страниц. Веб-страницу можно создать в текстовом редакторе, который есть в Windows или macOS.

Часть 1
Часть 1 из 6:

Как добавить тег «head» (описание веб-страницы)

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/36\/4082-1-1.jpg\/v4-460px-4082-1-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/36\/4082-1-1.jpg\/v4-728px-4082-1-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    В Windows запустите Блокнот или Notepad++, а в macOS — TextEdit:
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d1\/4082-2-1.jpg\/v4-460px-4082-2-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d1\/4082-2-1.jpg\/v4-728px-4082-2-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Так вы сообщите веб-браузеру, что это документ HTML.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/08\/4082-3-1.jpg\/v4-460px-4082-3-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/08\/4082-3-1.jpg\/v4-728px-4082-3-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Это открывающий тег HTML-кода.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a5\/4082-4-1.jpg\/v4-460px-4082-4-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a5\/4082-4-1.jpg\/v4-728px-4082-4-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Этот тег содержит описание веб-страницы и заголовочные элементы. Контент этого тега на странице, как правило, не отображается. Контентом являются описание страницы, метаданные, таблицы стилей CSS и другие языки сценариев. [1]
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/28\/4082-5-1.jpg\/v4-460px-4082-5-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/28\/4082-5-1.jpg\/v4-728px-4082-5-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Этот тег содержит имя страницы.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6a\/4082-6-1.jpg\/v4-460px-4082-6-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6a\/4082-6-1.jpg\/v4-728px-4082-6-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Введите текст, который будет отображаться на вкладке страницы.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/37\/4082-7-1.jpg\/v4-460px-4082-7-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/37\/4082-7-1.jpg\/v4-728px-4082-7-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Этот тег закрывает тег имени страницы.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/54\/4082-8-1.jpg\/v4-460px-4082-8-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/54\/4082-8-1.jpg\/v4-728px-4082-8-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Этот тег закрывает тег описания страницы. На данном этапе HTML-код должен выглядеть примерно так. 
     <!DOCTYPE html> 
 < 
 html 
 > 
 < 
 head 
 > 
 < 
 title 
 > 
Моя веб-страница </ 
 title 
 > 
 </ 
 head 
 >
    Реклама
Часть 2
Часть 2 из 6:

Как добавить тег «body» (весь контент)

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e2\/4082-9-1.jpg\/v4-460px-4082-9-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e2\/4082-9-1.jpg\/v4-728px-4082-9-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Этот тег содержит весь контент HTML-документа. Контент этого тега отображается на веб-странице.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b5\/4082-10-1.jpg\/v4-460px-4082-10-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b5\/4082-10-1.jpg\/v4-728px-4082-10-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Этот тег содержит заголовок страницы. Заголовок — это текст большого размера, который, как правило, расположен вверху страницы.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/35\/4082-11-1.jpg\/v4-460px-4082-11-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/35\/4082-11-1.jpg\/v4-728px-4082-11-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Это может быть название страницы или приветствие.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d8\/4082-12-1.jpg\/v4-460px-4082-12-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d8\/4082-12-1.jpg\/v4-728px-4082-12-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Этот тег закрывает тег заголовка.
    • Добавьте дополнительные заголовки по мере необходимости. Можно создать до шести заголовков; это делается с помощью тегов <h1></h1> - <h6></h6> . Заголовки будут иметь разные размеры. Например, код для создания трех заголовков разного размера будет таким: 
       < 
 h1 
 > 
Добро пожаловать на мою страницу! </ 
 h1 
 > 
 < 
 h2 
 > 
Меня зовут Макс. </ 
 h2 
 > 
 < 
 h3 
 > 
Надеюсь, вам не будет скучно. </ 
 h3 
 >
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7e\/4082-13-1.jpg\/v4-460px-4082-13-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7e\/4082-13-1.jpg\/v4-728px-4082-13-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Этот тег содержит абзац текста. Такой тег отобразит текст нормального размера.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e4\/4082-14-1.jpg\/v4-460px-4082-14-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e4\/4082-14-1.jpg\/v4-728px-4082-14-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Например, введите описание веб-страницы или любую другую информацию.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/43\/4082-15-1.jpg\/v4-460px-4082-15-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/43\/4082-15-1.jpg\/v4-728px-4082-15-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Этот тег закрывает тег абзаца текста. Ниже приведен пример абзаца в HTML-документе: 
     < 
 p 
 > 
Это первый абзац. </ 
 p 
 >
    • Чтобы создать несколько абзацев под одним заголовком, добавьте подряд несколько строк.
    • Измените цвет текста. В начале текста введите тег <font color = "цвет"> , а в конце тег </font> . Вместо слова "цвет" подставьте нужный цвет (на английском языке), причем кавычки не удаляйте. Эти теги позволят изменить цвет любого текста (например, заголовка). К примеру, чтобы сделать текст синим, введите следующий код: <p><font color = "blue"> Киты — величественные животные.</font></p>
    • Также шрифт можно сделать полужирным, наклонным и другим. Ниже приведены примеры форматирования текста с помощью HTML-тегов: [2] 
       < 
 b 
 > 
Полужирный текст </ 
 b 
 > 
 < 
 i 
 > 
Наклонный текст </ 
 i 
 > 
 < 
 u 
 > 
Подчеркнутый текст </ 
 u 
 > 
 < 
 sub 
 > 
Подстрочный текст </ 
 sub 
 > 
 < 
 sup 
 > 
Надстрочный текст </ 
 sup 
 >
    Реклама
Часть 3
Часть 3 из 6:

Как добавить дополнительные элементы

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7d\/4082-16-1.jpg\/v4-460px-4082-16-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7d\/4082-16-1.jpg\/v4-728px-4082-16-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для этого:
    • Введите <img src= . Этот тег содержит картинку.
    • Скопируйте и вставьте URL-адрес картинки после знака равенства (=) в кавычках.
    • Введите > после URL-адреса изображения, чтобы закрыть тег картинки. К примеру, если URL-адрес изображения http://www.myimage.com/ocean.jpg, введите следующий код: 
       < 
 img 
 src 
 = 
 "http://www.myimage.com/ocean.jpg" 
 >
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/53\/4082-17-1.jpg\/v4-460px-4082-17-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/53\/4082-17-1.jpg\/v4-728px-4082-17-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для этого:
    • Введите <a href= . Этот тег содержит ссылку на другую страницу.
    • Скопируйте и вставьте URL-адрес после знака равенства (=) в кавычках.
    • Введите > после URL-адреса, чтобы закрыть адрес.
    • Введите текст ссылки после символа «>».
    • Введите </a> после текста ссылки, чтобы закрыть тег ссылки. [3] Ниже приведен пример ссылки на Яндекс. 
       < 
 a 
 href 
 = 
 "https://www.ya.ru" 
 > 
Яндекс </ 
 a 
 > 
.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f7\/4082-18-1.jpg\/v4-460px-4082-18-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f7\/4082-18-1.jpg\/v4-728px-4082-18-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для этого введите <br> . Будет вставлен перенос строки. Этим тегом можно пользоваться, чтобы отделить друг от друга различные разделы страницы.
    Реклама
Часть 4
Часть 4 из 6:

Как изменить цвета

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b2\/4082-19-3.jpg\/v4-460px-4082-19-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b2\/4082-19-3.jpg\/v4-728px-4082-19-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Консорциум Всемирной паутины (W3C) ведет официальный список цветов, который можно найти по адресу https://www.w3.org/wiki/CSS/Properties/color/keywords . У каждого цвета есть официальное название, 6-значный шестнадцатиричный код и десятичное значение. Вы можете использовать любой из этих параметров, чтобы задать цвет элементов на своей странице. В этом примере мы возьмем официальные названия цветов.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/60\/4082-20-3.jpg\/v4-460px-4082-20-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/60\/4082-20-3.jpg\/v4-728px-4082-20-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для этого к тегу нужно добавить атрибут style . Допустим, вы хотите сделать фон всей страницы lavender (лавандовым):
    • <body style="background-color:lavender;">
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b2\/4082-21-3.jpg\/v4-460px-4082-21-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b2\/4082-21-3.jpg\/v4-728px-4082-21-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Атрибут style также можно использовать для указания, какого цвета будет весь текст в пределах определенного тега. Например, вы хотите, чтобы текст в пределах одного из ваших тегов <p> был midnightblue (темно-синим):
    • <p style="color:midnightblue;">
    • Изменение цвета коснется только текста в пределах данного тега <p> . Если позднее вы откроете новый тег <p> , где текст также должен иметь цвет midnightblue , атрибут «style» нужно будет задать и для него.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/35\/4082-22-3.jpg\/v4-460px-4082-22-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/35\/4082-22-3.jpg\/v4-728px-4082-22-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Подобно тому, как вы задаете цвет фона для тега «body», вы можете выбрать цвета фона для других тегов. Например, вы хотите, чтобы цвет фона <p> был lightgrey (светло-серым), а цвет фона заголовка стиля H1 — lightskyblue (светло-голубым):
    • <p style="background-color:lightgrey;">
    • <h1 style="background-color:lightskyblue;">
    Реклама
Часть 5
Часть 5 из 6:

Как закрыть HTML-код

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e2\/4082-19-1.jpg\/v4-460px-4082-19-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e2\/4082-19-1.jpg\/v4-728px-4082-19-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Когда вы закончите добавлять текст, изображения и другие элементы, введите указанный тег внизу HTML-документа.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/07\/4082-20-1.jpg\/v4-460px-4082-20-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/07\/4082-20-1.jpg\/v4-728px-4082-20-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Введите этот тег под закрывающим тегом «body». Так вы сообщите веб-браузеру, что после этого тега HTML-кода нет. Весь HTML-код должен быть примерно таким: 
     <!DOCTYPE html> 
 < 
 html 
 > 
 < 
 head 
 > 
 < 
 title 
 > 
Фан-страница Яндекса </ 
 title 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 < 
 h1 
 > 
Приветствую вас на моей странице </ 
 h1 
 > 
 < 
 p 
 > 
Это фан-страница Яндекса </ 
 p 
 > 
 < 
 h2 
 > 
Важные даты </ 
 h2 
 > 
 < 
 p 
 >< 
 i 
 > 
1 января 2000 </ 
 i 
 > 
- День рождения Яндекса </ 
 p 
 > 
 < 
 h2 
 > 
Ссылки </ 
 h2 
 > 
 < 
 p 
 > 
Ссылка на Яндекс: < 
 a 
 href 
 = 
 "http://www.ya.ru" 
 > 
Яндекс </ 
 a 
 ></ 
 p 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
    Реклама
Часть 6
Часть 6 из 6:

Как сохранить и открыть веб-страницу

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c6\/4082-21-1.jpg\/v4-460px-4082-21-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c6\/4082-21-1.jpg\/v4-728px-4082-21-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Преобразуйте документ в обычный текст (только для пользователей macOS). Нажмите «Формат» (вверху экрана) > «Создать простой текст» (в выпадающем меню).

    Это нельзя и не нужно делать в Windows.

  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/4082-22-1.jpg\/v4-460px-4082-22-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/4082-22-1.jpg\/v4-728px-4082-22-1.jpg","smallWidth":460,"smallHeight":341,"bigWidth":728,"bigHeight":539,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Эта опция находится в строке меню вверху экрана.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/52\/4082-23-1.jpg\/v4-460px-4082-23-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/52\/4082-23-1.jpg\/v4-728px-4082-23-1.jpg","smallWidth":460,"smallHeight":341,"bigWidth":728,"bigHeight":539,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Вы найдете эту опцию в меню «Файл».
    • Также можно нажать Ctrl + S (Windows) или ⌘ Command + S (Mac).
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ae\/4082-24-1.jpg\/v4-460px-4082-24-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ae\/4082-24-1.jpg\/v4-728px-4082-24-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Введите его в строке «Имя файла» (Windows) или «Имя» (Mac).
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/76\/4082-25-1.jpg\/v4-460px-4082-25-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/4082-25-1.jpg\/v4-728px-4082-25-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для этого:
    • Windows — щелкните по меню «Тип файла», выберите «Все файлы», а затем введите .html в конце имени файла.
    • macOS — в конце имени файла вместо .txt введите .html .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/4082-26-1.jpg\/v4-460px-4082-26-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/4082-26-1.jpg\/v4-728px-4082-26-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Эта опция находится внизу окна. Будет создан HTML-файл.
    • Обычно HTML-файлы открываются в веб-браузере по умолчанию.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3b\/4082-27-1.jpg\/v4-460px-4082-27-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3b\/4082-27-1.jpg\/v4-728px-4082-27-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Теперь откройте HTML-файл в браузере, в котором можно просмотреть созданную веб-страницу.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/81\/4082-28-1.jpg\/v4-460px-4082-28-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/81\/4082-28-1.jpg\/v4-728px-4082-28-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для этого дважды щелкните по HTML-файлу. Если открылось уведомление об ошибке, сделайте следующее:
    • Windows — щелкните по файлу правой кнопкой мыши, выберите «Открыть с помощью», а затем нажмите на нужный браузер.
    • macOS — нажмите на файл, щелкните по «Файл», в меню выберите «Открыть с помощью», а затем выберите нужный браузер.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1f\/4082-29-1.jpg\/v4-460px-4082-29-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1f\/4082-29-1.jpg\/v4-728px-4082-29-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Возможно, вы заметили ошибку на странице. Чтобы исправить ее, внесите изменения в содержимое HTML-файла:
    • В Windows щелкните по файлу правой кнопкой мыши и выберите «Редактировать» (если на компьютере установлен Notepad++, выберите опцию «Редактировать в Notepad++»).
    • В macOS щелкните по файлу, нажмите «Файл», выберите «Открыть с помощью» и нажмите «TextEdit». Теперь перетащите HTML-файл в окно TextEdit.
    Реклама

Советы

  • На страницу можно добавить боковую полосу прокрутки текста с помощью тега <marquee></marquee> . Но помните, что некоторые браузеры не распознают этот тег.
  • Многие люди используют Notepad++, чтобы писать и компилировать код.
  • Каждый тег нужно закрыть. Например, теги <tag1><tag2> следует закрыть так: </tag2></tag1> .
  • Чтобы отцентрировать картинку на странице, введите <class="center"> после имени картинки в теге «img» (к примеру, <img src="URL" class="center"> ).
Реклама

Предупреждения

  • Загрузите свои картинки на сайт Imgur или подобный, если собираетесь добавить их на свою веб-страницу. Помните, что использование картинок, которые принадлежат другим людям, нарушает авторские права.
Реклама

Дополнительные статьи

Как
создать простую веб страницу в Блокноте
Как
задать цвет фона в HTML
Как
добавить фоновое изображение в HTML
Как
создать ссылку для оплаты через PayPal
Как
комментировать в HTML
Как
задать ширину и высоту картинки с помощью HTML
Как
выделить текст жирным с помощью HTML
Как
бесплатно разместить свой сайт в Интернете
Как
сделать сайт в Word
Как
начать wiki–сайт
Как
подчеркнуть текст в HTML
Как
создать ссылку на электронную почту в HTML
Как
использовать теги цвета шрифта в HTML
Как
бесплатно добавить игры на сайт
Реклама

Источники

  1. ↑ https://www.w3schools.com/
  2. ↑ https://www.w3schools.com/html/html_formatting.asp
  3. ↑ https://www.w3schools.com/html/html_links.asp

Об этой статье

На других языках
Эту страницу просматривали 290 871 раз.

Была ли эта статья полезной?

Реклама