Как работает веб-страница

Без HTML - не было бы и WWW...

Как работает веб-страница

HTML-тег

HTML-тег это элемент кода, сообщающий Веб-браузеру, что нужно делать с вашим текстом, рисунком и т.д. Каждый тег будет отображаться в виде букв или слов, между знаками < («меньше») и > («больше»).

Пример: <center> или <body>

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

Пример: </center>или</body>

Большинство тегов выполняются в соответствии пары — «начало» и «окончание», но это не абсолютное правило.

Любая Веб-страница, которую вы создадите, будет содержать следующие теги в начале страницы:

1. <HTML> — сообщает Веб-браузеру, что это начало HTML-документа

2. <HEAD>: рассказывает Веб-браузеру о том, что это заголовок страницы

3. <TITLE> — сообщает Веб-браузеру, что это название страницы

4. <BODY> — сообщает Веб-браузеру, что это начало содержимого Веб-страницы — все, что вы хотите сказать и показать на Вашей странице будет следовать за этим тегом.

Теги, необходимые для завершения любых Веб-страниц:

1. </BODY>

2. </HTML>

 

Создание простой Веб-страницы

Существует много способов создания Веб-страниц. Сотни компаний создали программные инструменты, чтобы помочь этому процессу в той или иной форме. Цель этой статьи состоит в том, чтобы помочь понять, как Веб-страницы работают, а не как использовать инструментарий, скрывающий процесс от нас. Поэтому мы будем использовать самые простые инструменты — те, которые изначально есть на Вашей машине.

На вашем компьютере есть программы, или приложения, которые могут создавать простые текстовые файлы. На Windows машинах, это приложение называется Блокнот. Можно также использовать такие основные программы для обработки текста, типа Microsoft Word.

После того, как вы открыть соответствующую программу, на Вашем экране, введите (или примените «вырезать» и «вставить»), следующий HTML текст в окно текстового редактора:

<html>

<head>

<title>Моя Первая Страница</title>

</head>

<body>

Привет. Это моя первая страница!

</body>

</html>

Станете ли Вы помещать теги и текст всех строк в одну линию, или с отступом — это все равно. Браузер не будет делать различия в отображении текста. Использование прописных или строчных букв в тегах также не делает различия.

Сохраните этот файл в папку, в которой вы будете сохранять все Веб-страницы, которые вы собираетесь создать. Сохраните его в файл с именем first.html.

Затем откройте эту страницу в своем Веб-браузере.

Пример простой Веб-страницы

Три вещи, которые определены в этом рисунке:

1. Вы можете увидеть, что страница имеет звание «Моя Первая Страница»

2. Вы можете увидеть, что тело страницы содержит слова «Привет. Это моя первая страница!»

3. Вы можете видеть, что URL, который отображается в адресной строке с локального жесткого диска, отличается от обычного http://… ,который содержит URL, полученный от страницы с Веб-сервера.

Глядя на HTML-текст, который содержит Ваша первая страница, вы можете увидеть, как именно выглядит заголовок и тело.

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Оставить комментарий

Ваш email не будет опубликован.

*


four × three =


Поиск Google

(function() { var cx = '013762819107762716451:zn5azro-xtc'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })();

Мы Вконтакте

Top
Follow

Get every new post delivered to your Inbox

Join other followers