Как создать статическую веб-страницу
Если одно изобретение полностью изменило мир при нашей жизни, то это Интернет. Все больше и больше людей хотят присутствия в Сети помимо того, что предлагают социальные сети:они хотят, чтобы Веб-пространство называлось их собственным. Крупные веб-сайты становятся все более сложными и используют пугающий новичков жаргон, такой как Flash, CSS, Perl и JavaScript, но не бойтесь. Четыре простых буквы могут позволить любому заявить о себе в кратчайшие сроки:HTML. Буквы обозначают язык гипертекстовой разметки, язык программирования, который использует ряд тегов для создания статической веб-страницы. Чем больше тегов вы знаете, тем больше вы можете сделать со статической веб-страницей.
Шаг 1
Создайте базовый скелет статической веб-страницы, скопировав следующий код в простой текстовый редактор, например Блокнот:
<голова> <тело>Затем сохраните файл как index.html (имя главной страницы по умолчанию) и откройте его в браузере. Вы ничего не увидите, потому что создали пустую веб-страницу.
Все эти теги имеют значение.
Тег сообщает браузеру, что открывается веб-страница. — это место, куда поисковые системы могут поместить всевозможную информацию. означает, что часть, которую люди увидят, вот-вот начнется.
Шаг 2
Думайте о HTML как о двух основных типах тегов (фрагменты кода в скобках). Один говорит браузеру начать что-то делать, а другой говорит ему остановиться.
Выделите этот текст жирным шрифтом
Все после — открывающего тега — будет выделено жирным шрифтом, пока не дойдет до -- закрывающий тег. "/" говорит браузеру остановиться.
Шаг 3
Добавьте текст на свою веб-страницу. Введите «Это моя веб-страница» в тексте веб-страницы между
<тело> и . Сохраните страницу и посмотрите на нее в браузере. Результат приятный, но не слишком воодушевляющий. Попробуйте несколько других тегов, чтобы оживить его. Например, делает текст жирным; <эм> выделяет текст курсивом; позволяет изменить размер шрифта от 1 (самый маленький) до 6 (самый большой); делает текст красным (или любым другим цветом, который вы введете); центрирует текст (или изображение) на странице.
Попробуйте использовать несколько таких тегов в одном блоке текста. Вы можете сделать любую комбинацию, которую хотите.
Вы также можете добавить пространство между элементами на своей странице, поместив между ними следующее:
для разрыва абзаца;
для разрыва строки; чтобы создать разрыв с линией через веб-страницу.
Шаг 4
Добавьте изображения на свою страницу. Сделайте это с помощью тега 
и замените веб-адрес в этом примере на расположение изображения, которое вы хотите использовать. Это один из немногих тегов, который не имеет закрывающего тега. Изображения также можно центрировать, как и текст.
Шаг 5
Создайте ссылку на другой сайт. Это делается с помощью тега Click Here. Этот код делает слова «Нажмите здесь» ссылкой на другой веб-сайт. Вместо текста вы можете использовать изображение в качестве ссылки, используя код .
Совет
Используя эти HTML-коды вместе, вы можете создавать статические веб-страницы любой сложности.
Думайте о HTML-тегах как о коробках внутри коробок или о русских куклах. Это называется вложением, и оно делает все аккуратно и легко читаемым. Например, текст, помещенный между будет выделен жирным шрифтом, курсивом и по центру.