Как сделать статическую веб-страницу

click fraud protection
...

Интернет: это то место, где нужно быть.

Если одно изобретение полностью изменило мир за время нашей жизни, так это Интернет. Все больше и больше людей хотят присутствия в Интернете помимо того, что предлагают социальные сети: они хотят, чтобы веб-пространство называлось их собственным. Основные веб-сайты становятся все более сложными и используют устрашающий новичков жаргон, такой как Flash, CSS, Perl и JavaScript, но не бойтесь. Четыре простых буквы могут позволить любому получить присутствие в Интернете в кратчайшие сроки: HTML. Буквы обозначают язык разметки гипертекста, язык программирования, который использует серию тегов для создания статической веб-страницы. Чем больше тегов вы знаете, тем больше возможностей вы можете сделать со статической веб-страницей.

Шаг 1

Создайте базовый каркас статической веб-страницы, скопировав следующий код в простой текстовый редактор, например Блокнот:

Видео дня

Затем сохраните файл как index.html (имя главной страницы по умолчанию) и откройте его в своем браузере. Вы ничего не должны увидеть, потому что вы создали пустую веб-страницу.

Все эти теги имеют значение. Тег сообщает браузеру, что открывается веб-страница. это место, куда поисковые системы могут направить всевозможную информацию. означает, что часть, которую увидят люди, вот-вот начнется.

Шаг 2

Думайте о HTML как о двух основных типах тегов (фрагменты кода в скобках). Один говорит браузеру начать что-то делать, а другой говорит ему остановиться.

Сделайте этот текст жирным

Все после - открывающий тег - будет выделен жирным шрифтом, пока не достигнет - закрывающий тег. Знак «/» указывает браузеру остановиться.

Шаг 3

Добавьте текст на свою веб-страницу. Введите «Это моя веб-страница» в теле веб-страницы между и. Сохраните страницу и посмотрите ее в браузере. Результат приятный, но не слишком впечатляющий. Попробуйте добавить еще несколько тегов. Например, делает текст жирным; выделяет текст курсивом; позволяет изменить размер шрифта от 1 (наименьший) до 6 (наибольший); делает текст красным (или любым другим цветом, который вы вводите);

центрирует текст (или изображение) на странице.

Попробуйте использовать несколько из этих тегов в одном блоке текста. Вы можете использовать любую комбинацию, какую захотите.

Вы также можете добавить пространство между элементами на своей странице, поместив между ними следующее:

для разрыва абзаца;
для разрыва строки;


чтобы создать разрыв с линией поперек веб-страницы.

Шаг 4

Добавьте изображения на свою страницу. Сделайте это с помощью тега и замените веб-адрес в этом примере на расположение изображения, которое вы хотите использовать. Это один из немногих тегов, у которых нет закрывающего тега. Изображения также можно центрировать, как и текст.

Шаг 5

Создайте ссылку на другой сайт. Это делается с помощью тега Кликните сюда. Этот код делает слова «Щелкните здесь» ссылкой на другой веб-сайт. Вместо текста вы можете использовать изображение в качестве ссылки, используя код .

Кончик

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

Думайте о HTML-тегах как о коробках в коробках или о русских куклах. Это называется вложением, и при этом все остается аккуратным и легко читаемым. Например, текст между

а также
будут выделены жирным шрифтом, курсивом и выровнены по центру. В
коробка находится внутри коробка, которая находится внутри коробка.