Компьютеры и электроника

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

  • Как добавить тег «head» (описание веб-страницы)
  • Как добавить тег «body» (весь контент)
  • Как добавить дополнительные элементы
  • Как закрыть HTML-код
  • Как сохранить и открыть веб-страницу
  • Источники

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

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

Откройте текстовый редактор.

В Windows запустите Блокнот или Notepad++, а в macOS — TextEdit:
  • Windows — откройте меню «Пуск» , в строке поиска введите блокнот или notepad++, а затем щелкните по «Блокнот» или «Notepad++» вверху меню «Пуск».
  • macOS — щелкните по «Spotlight» , введите textedit, а затем дважды щелкните по «TextEdit» вверху результатов поиска.
Введите <!DOCTYPE html> и нажмите ↵ Enter. Так вы сообщите веб-браузеру, что это документ HTML. Введите <html> и нажмите ↵ Enter. Это открывающий тег HTML-кода. Введите <head> и нажмите ↵ Enter. Этот тег содержит описание веб-страницы и заголовочные элементы. Контент этого тега на странице, как правило, не отображается. Контентом являются описание страницы, метаданные, таблицы стилей CSS и другие языки сценариев. Введите <title>. Этот тег содержит имя страницы.

Введите имя страницы.

Введите текст, который будет отображаться на вкладке страницы. Введите </title> и нажмите ↵ Enter. Этот тег закрывает тег имени страницы. Введите </head> и нажмите ↵ Enter. Этот тег закрывает тег описания страницы. На данном этапе HTML-код должен выглядеть примерно так. <!DOCTYPE html> <html> <head> <title>Моя веб-страница</title> </head>

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

Введите тег <body> под закрывающим тегом «head». Этот тег содержит весь контент HTML-документа. Контент этого тега отображается на веб-странице. Введите <h1>. Этот тег содержит заголовок страницы. Заголовок — это текст большого размера, который, как правило, расположен вверху страницы.

Введите заголовок страницы.

Это может быть название страницы или приветствие. Введите </h1> после текста заголовка и нажмите ↵ Enter. Этот тег закрывает тег заголовка.
  • Добавьте дополнительные заголовки по мере необходимости. Можно создать до шести заголовков; это делается с помощью тегов <h1></h1> - <h6></h6>. Заголовки будут иметь разные размеры. Например, код для создания трех заголовков разного размера будет таким: <h1>Добро пожаловать на мою страницу!</h1> <h2>Меня зовут Макс.</h2> <h3>Надеюсь, вам не будет скучно.</h3>
.......
4.44
162 оценок

Полный текст новости доступен на источнике

Продолжить читать на источнике ➔

Popular articles in the section: Компьютеры и электроника

img
Компьютеры и электроника, 14.11.2019 15:14
Даже если вы не сообщаете номер мобильного телефона всем подряд, это все равно не защитит вас от нежелательных рекламных звонков и людей, набравших ваш номер по ошибке. Такие ситу...
img
Компьютеры и электроника, 14.11.2019 15:14
Драйвер звуковой карты нужно переустановить, если вы скачали несовместимый драйвер или устаревший драйвер, или если драйвер поврежден в результате поражения вирусом, отключения эл...
img
Компьютеры и электроника, 14.11.2019 15:14
Благодаря этой статье wikiHow вы узнаете, как просмотреть список людей, подписанных на ваш канал в YouTube. Несмотря на то, что вы не сможете просмотреть подробный список подписчи...
img
Компьютеры и электроника, 14.11.2019 15:14
Система Windows 8 – это самая последняя версия Windows, которая доступна теперь на различных устройствах. Она выглядит совсем не так, как ее предшественницы. Если вам нужна помощь...
img
Компьютеры и электроника, 14.11.2019 15:14
Игры Pokémon Sacred Gold и Storm Silver были созданы фанатами на основе игр HeartGold и SoulSilver. Помимо прочего, в игры была добавлена возможность поимки всех 493 покемонов игр...
img
Компьютеры и электроника, 14.11.2019 15:14
В этой статье мы расскажем вам, как создать и добавить плагины VST в программу FL Studio. Шаги Создайте папку на рабочем столе с именем VST. Найдите и скачайте плагины, а з...
img
Компьютеры и электроника, 14.11.2019 15:14
Эта статья расскажет вам, как зарегистрироваться в Facebook. Шаги В поисковой системе введите Facebook. Нажмите на вторую ссылку. Вы перейдете на сайт Facebook. Обратите вн...
img
Компьютеры и электроника, 14.11.2019 15:14
Для получения root-прав или прав суперпользователя на устройствах Android, вам понадобится специализированная программа и работающий компьютер. Но что, если у вас нет компьютера?...
img
Компьютеры и электроника, 14.11.2019 15:14
Facebook является сайтом социальной сети, который позволяет пользователям связываться и общаться с друзьями и членами семьи. Facebook позволяет пользователям добавлять установленн...
img
Компьютеры и электроника, 14.11.2019 15:14
С помощью устройств Android (планшетов или телефонов) можно не только обмениваться картинками, аудио и видео, можно и передавать установленные приложения. Чтобы передать приложени...
img
Компьютеры и электроника, 14.11.2019 15:15
Для создания PDF, как правило, достаточно выбрать «Печать в PDF» или «Создание PDF» в диалоговом окне «Печать». Но для этого сначала вам нужно установить PDF принтер. Вы также мож...
img
Компьютеры и электроника, 14.11.2019 15:15
Пользователи социальной сети Facebook имеют возможность общаться и обмениваться мнениями с помощью простой системы комментариев, публикуя свои отзывы под каждым постом. Подписчики...
У тебя есть свой ответ?
Как создать простую веб страницу с помощью HTML...
Отправлено

Popular articles today

img
Молодежь, 14.11.2019 15:24
Воспрянуть духом – дело непростое, но явно стоящее, если положит конец настойчивым советам взбодриться, как будто вам самим это в голову не приходило. Попробуйте следующие идеи, ч...
img
Кулинария и гостеприимство, 14.11.2019 15:24
Этот вегетарианский соус не требует добавления сливочного масла и йогурта, как в традиционных карри. Он получается густым благодаря растительной смеси, небольшому количеству арахи...
img
Дом и сад, 14.11.2019 15:24
Ежевика – это многолетнее растение с корневой системой, которая растет из года в год, но стебли растения, называемые "лоза" являются двухгодичными, а затем заменяются новыми. При...
img
Стиль и уход за собой, 14.11.2019 15:24
Подростковый период – сложная пора. Если вы подросток, то вам крайне необходима уверенность в себе. Ключом к уверенности является красота. Красота на прямую связана с гигиеной. Ух...
img
Молодежь, 14.11.2019 15:24
Это руководство написано для тех, у кого есть ненастоящий балисонг («нож-бабочка»), потому что ненастоящий балисонг – не оружие, его лезвия не острые или заостренные, что полность...
img
Компьютеры и электроника, 14.11.2019 15:24
В этой статье мы расскажем вам, как на компьютере с Windows или Mac OS X удалить фото из своего аккаунта Instagram. Это делается с помощью программы Bluestacks или мобильной верси...
img
Молодежь, 14.11.2019 15:24
Да, школьные деньки уже виднеются на горизонте, но не все еще потеряно! Есть множество веселых вещей, которыми можно заняться в последние дни летних каникул. Уделите время своим у...
img
Образование и коммуникации, 14.11.2019 15:24
Итак, ваш ребенок подрос, и вы готовы научить его справляться с математикой. Что ж, это замечательно! Эта статья даст вам некоторые советы и идеи, как лучше мотивировать вашего ре...
img
Образование и коммуникации, 14.11.2019 15:24
Производную функции можно использовать для того, чтобы получить полезную информацию о графике, например, узнать положение максимумов, минимумов, пиков, впадин и характер наклона....
img
Образование и коммуникации, 14.11.2019 15:24
Для многих профессиональных и академических документов требуется титульный лист, но информация, необходимая для титульного листа, может меняться в зависимости от характера докумен...
У тебя есть свой ответ?
Как создать простую веб страницу с помощью HTML...
Отправлено