belarusweb.net
© Петр Романовский Минск, 2016-2017.



belarusweb.net

Основы создания сайтов...
HTML >>>

1.2. Отображение веб-документа браузером.

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

Давайте откроем Notepad++ и наберем код, представленный в примере 1.1.

<!DOCTYPE html>
<html>
	<head>
		<!-- Задаем кодировку текста. -->
		<meta charset="utf-8">	
		<title>Первая html-страница</title>
	</head>

	<body>
		Всем привет от HTML!
	</body>
</html>

Пример 1.1. Наша первая веб-страница

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

Рис. 1.2. Пример отображения веб-документа, сохраненного с расширением .html

Если же мы сохраним документ в чужеродном формате, например, с расширением обычного текстового файла .txt, то интерпретатор браузера даже не будет пытаться искать и анализировать html-код. Он просто посчитает его обычным текстом и с радостью выведет на экран все содержимое файла:

Рис. 1.3. Отображение веб-страницы, сохраненной в неверном формате

Словарь новых английских слов

hypertext [ˈhʌɪpətɛkst] – гипертекст.
mark [mɑ:k] – отмечать, маркировать, метка.
language [ˈlaŋɡwɪdʒ] – язык.
wide [waɪd] – широкий.
web [web] – паутина, сетка.
width [wɪtθ] – ширина.
height [haɪt] – высота.
head [hed] – заголовок, голова.
body [ˈbɔdɪ] – тело.
footer [ˌfutə] – нижний колонтитул, 'подвал'.
article [ˈɑːtɪk(ə)l] – статья.
navigation [,nævi'gei∫ən] – навигация, передвижение.
charset [ˈtʃɑ:set] – кодировка.
inline [inˈlaɪn] – строчный.
block [blɔk] – блок, блочный.
background [ˈbakɡraʊnd] – фон, задний план.
title ['taitl] – заглавие, название, надпись.
edit ['edit] – редактировать, правка, редактирование.
content [kənˈtɛnt] – содержимое, содержание.
check [tʃɛk] – проверять, проверка, галочка, птичка.
sheet [ʃiːt] – лист, страница, таблица.
span [spæn] – интервал.
window [ˈwɪndəʊ] – окно.
code [kəʊd] – код.
example [ɪɡˈzæmpl] – пример, образец.
aside [ə'said] – в стороне, отдельно, кроме.
color [ˈkʌlər] – цвет, краска.
blue [blu:] – синий, голубой.
yellow ['jeləu] – желтый.
red [red] – красный.
green [gri:n] – зеленый.
grey [grei] – серый.
black [blæk] – черный.
white [wait] – белый.
orange ['ɔrindʒ] – оранжевый.
violet ['vaiəlit] – фиолетовый.
hidden ['hidn] – скрытый, скрывать, прятать.
access [ˈækses] – доступ.
key [ki:] – ключ, клавиша, идентификатор.
translate [transˈleɪt] – переводить.
Комментарии (0)
Петр Романовский
1. Приветствуются комментарии, которые содержат дополнения к материалу текущей страницы, а также ваши ответы на вопросы других пользователей.
2. Если вам что-то непонятно - спрашивайте, не забывая написать, что именно и с какого места.
Показаны все комментарии
Чтобы оставить свой комментарий, авторизуйтесь, пожалуйста!    
     
belarusweb.net © Петр Романовский, Минск, 2016-2017.
Связаться с автором
Наверх