Инструкция для браузера, определяющая, как должен отображаться текст

Обновлено: 21.11.2024

Первым тегом в любом файле HTML является тег. Это сообщает веб-браузерам, что документ является файлом HTML.

Второй тег — это тег. Информация между тегами HEAD не отображается в окне браузера, но по-прежнему важна. Это называется мета информацией. Самой важной метаинформацией в теге HEAD является сам тег. Все HTML-документы должны иметь заголовок. Как правило, название должно отражать содержание страницы (так же, как название книги отражает содержание книги), поэтому вы будете изменять это название, чтобы оно лучше описывало тип веб-страницы, которую вы создаете. Название документа появится в строке заголовка (полоса в верхней части окна браузера). Прямо сейчас посмотрите в верхнюю часть окна браузера. Там написано "базовые HTML-теги". Текст заголовка не отображается в главном окне браузера (где находится текст, который вы сейчас читаете).

Истинное содержание вашей веб-страницы начинается после тегов HTML, HEAD и TITLE. Он содержится внутри тегов.

Итак, основной скелет каждой веб-страницы выглядит следующим образом (теги всегда будут отображаться в этом порядке), и на вашей веб-странице будет только один из этих тегов):

Обратили внимание, что они есть вокруг всех тегов? Эти скобки сообщают браузеру, что текст внутри скобок следует читать как HTML-команду. Посмотрите и . Вы видите разницу? Первый, , не имеет / (косая черта). Это открывающий тег. Второй, , имеет / (это называется прямой косой чертой). Это закрывающий тег. Вы должны быть очень осторожны при закрытии тегов HTML.

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

Теперь мы готовы приступить к созданию истинного содержания веб-страницы, помещая информацию между тегами. Как правило, первая строка HTML-страницы представляет собой тег HEADING. Если вы думаете о ЗАГОЛОВКЕ как о части схемы документа, первый ЗАГОЛОВОК (

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

— это заголовок самого большого размера, который вы обычно используете в начале документа. является наименьшим, между ними находятся to разного размера.

Этот текст является примером заголовка H1

вот HTML для этого:

Этот текст является примером заголовка H1

Этот текст является примером заголовка H6

вот HTML для этого:

Этот текст является примером заголовка H6

Не забывайте ЗАКРЫВАТЬ теги HTML!

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

Теги форматирования страницы:

Эти теги влияют на расположение текста на странице:

- Абзац. Вставляет пустую строку (это похоже на двойной интервал в текстовом редакторе).

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

- Горизонтальная линия. Полезно для разделения разделов вашей страницы. Создает затененную линию поперек страницы. Заштрихованная линия, которую вы видите под этим текстом, является примером тега. Тег является одним из упомянутых мною исключений и не нуждается в закрывающем теге.

- Разрыв строки. Не вставляет пробел между строками, а просто создает разрыв между строками текста. СОВЕТ: если вы хотите создать пустые строки на своей странице, используйте несколько тегов
, а не

тег, так как браузер видит только первый

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

Теги стиля текста:

Теги стиля текста влияют на внешний вид текста на странице. Вы уже знаете о тегах стиля текста, так как постоянно используете их в текстовых процессорах, таких как MS Word. Когда вы выбираете текст и нажимаете кнопку B в MS Word, ваш текст становится жирным, верно? HTML работает так же, но нам нужно использовать теги HTML, чтобы сообщить браузеру, какой стиль текста использовать.

<р>. - Полужирный
Пример полужирного текстового тега. . – Курсив
Пример работы текстового тега, выделенного курсивом.

Помните: вы должны ЗАКРЫВАТЬ теги стилей текста так же, как вы должны закрывать теги заголовков.

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

Чтобы начать свою страницу:

Откройте Блокнот (обычно его можно найти с помощью кнопки «Пуск» в разделе «Программы» в папке «Стандартные»). Пользователи Mac: откройте TextEdit или SimpleText.
Создайте свой «шаблон» (базовую страницу), который должен содержать теги, которые мы обсуждали в начале этого раздела, введя следующие теги HTML, составляющие структуру каждой веб-страницы.

Библиотека XYZ

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

СОВЕТ. Если вы умеете копировать и вставлять, вы можете скопировать и вставить теги в Блокнот. Чтобы скопировать и вставить на ПК:

Возьмите мышь и поместите курсор в начало текста, нажмите левую кнопку мыши, затем наведите указатель мыши на текст. Это выделяет текст.
Отпустите левую кнопку мыши.
Наведите курсор на выделенный текст, щелкните правой кнопкой мыши, чтобы открыть параметры, и выберите "Копировать" или используйте сочетание клавиш CTRL+C, чтобы скопировать выделенный текст.
Перейдите в открытое окно Блокнота и убедитесь, что курсор находится в окне Блокнота.
Снова щелкните правой кнопкой мыши и выберите "Вставить" или используйте сочетание клавиш CTRL+V, чтобы вставить скопированный текст.
Скопированный текст будет вставлен в окно Блокнота.

Чтобы скопировать и вставить на Mac:

Возьмите мышь и поместите курсор в начало текста, нажмите и удерживайте кнопку мыши, затем наведите указатель мыши на текст. Это выделяет текст.
Наведите курсор на выделенный текст, нажмите клавишу Control, нажмите и удерживайте мышь на выделенном тексте, затем выберите «Копировать» в меню или используйте сочетание клавиш Apple+C, чтобы скопировать выделенный текст.
Перейдите в окно TextEdit или SimpleText и щелкните внутри него, чтобы курсор оказался в нужном месте.
Снова щелкните мышью, удерживая нажатой клавишу Control, и выберите "Вставить" или используйте сочетание клавиш Apple+V, чтобы вставить скопированный текст.

Примечание по использованию TextEdit (для пользователей Mac OS X). Прежде чем приступить к созданию HTML-страницы с помощью TextEdit, измените настройки, перейдя в меню TextEdit и выбрав «Настройки». В разделе «Атрибуты нового документа» установите флажок «Сделать обычным текстом» и «Перенести текст». В разделе «Сохранение» снимите флажок «Добавить расширение «.txt» к кнопке текстовых файлов». Затем нажмите красную кнопку в верхнем левом углу окна «Настройки», чтобы сохранить эти изменения. Если вы этого не сделаете, ваша страница будет преобразована в формат RTF (Rich Text Format), что уничтожит весь ваш HTML-код.

Примечание о копировании и вставке: теги могут быть не выровнены по левому краю окна Блокнота после их вставки. Хотя это не повлияет на HTML, визуально это может вас сбить с толку, поэтому не стесняйтесь очистите теги и выровняйте их слева в окне Блокнота.

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

Чтобы говорить о веб-страницах и о том, как они работают, вам нужно понять четыре простых термина (и если некоторые из них при первом прочтении звучат как техническая чепуха, не волнуйтесь):

Веб-страница. Веб-страница представляет собой простой текстовый файл, который содержит не только текст, но и набор HTML-тегов, описывающих форматирование текста при его отображении браузером на экране. Теги — это простые инструкции, сообщающие веб-браузеру, как должна выглядеть страница при ее отображении. Теги сообщают браузеру, что нужно делать такие вещи, как изменение размера или цвета шрифта или упорядочивать элементы в столбцах. Веб-браузер интерпретирует эти теги, чтобы решить, как форматировать текст на экране.
HTML – HTML означает язык разметки гипертекста. «Язык разметки» — это компьютерный язык, который описывает, как должна быть отформатирована страница. Если все, что вы хотите сделать, это отобразить длинную строку черно-белого текста без форматирования, тогда вам не нужен HTML. Но если вы хотите изменить шрифты, добавить цвета, создать заголовки и встроить графику на свою страницу, HTML — это язык, который вы используете для этого.
Веб-браузер. Веб-браузер, такой как Netscape Navigator или Microsoft Internet Explorer, представляет собой компьютерную программу (также известную как программное приложение или просто приложение), которая выполняет две функции. Веб-браузер знает, как перейти в Интернет. сервер в Интернете и запросить страницу, чтобы браузер мог загрузить страницу через сеть на ваш компьютер. Веб-браузер знает, как интерпретировать набор тегов HTML на странице, чтобы отобразить страницу на вашем экране так, как задумал ее создатель.
Веб-сервер. Веб-сервер – это часть компьютерного программного обеспечения, которое может отвечать на запрос браузера о странице и доставлять страницу в веб-браузер через Интернет. Вы можете думать о веб-сервере как о жилом комплексе, в каждой квартире которого находится чья-то веб-страница.Для того, чтобы хранить свою страницу в комплексе, вам необходимо платить арендную плату за помещение. Страницы, которые живут в этом комплексе, могут отображаться и просматриваться кем угодно во всем мире. Ваш арендодатель называется вашим хозяином, а ваша арендная плата обычно называется платой за хостинг. Каждый день миллионы веб-серверов доставляют страницы в браузеры десятков миллионов людей через сеть, которую мы называем Интернетом. Подробнее об этом процессе читайте в статье «Как работают веб-серверы».

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

Несмотря на то, что были приложены все усилия для соблюдения правил стиля цитирования, могут быть некоторые расхождения. Если у вас есть какие-либо вопросы, обратитесь к соответствующему руководству по стилю или другим источникам.

Наши редакторы рассмотрят то, что вы отправили, и решат, нужно ли пересматривать статью.

HTML, на полном языке гипертекстовой разметки, система форматирования для отображения материалов, полученных через Интернет. Каждая единица поиска известна как веб-страница (из World Wide Web), и такие страницы часто содержат гипертекстовые ссылки, которые позволяют извлекать связанные страницы. HTML — это язык разметки для кодирования веб-страниц. Он был разработан британским ученым сэром Тимом Бернерсом-Ли в лаборатории ядерной физики CERN в Швейцарии в 1980-х годах. Теги разметки HTML определяют такие элементы документа, как заголовки, абзацы и таблицы. Они размечают документ для отображения компьютерной программой, известной как веб-браузер. Браузер интерпретирует теги, отображая заголовки, абзацы и таблицы в макете, адаптированном к размеру экрана и доступным шрифтам.

Документы HTML также содержат привязки, которые представляют собой теги, определяющие ссылки на другие веб-страницы. Якорь имеет форму Британской энциклопедии, где строка в кавычках — это URL-адрес (универсальный указатель ресурса), на который указывает ссылка («веб-адрес»), а текст, следующий за ним, — это то, что отображается в веб-браузере, подчеркнутое, чтобы показать, что это является ссылкой на другую страницу. То, что отображается как одна страница, также может быть сформировано из нескольких URL-адресов, некоторые из которых содержат текст, а другие — графику.

Компьютеры размещают веб-сайты, состоящие из HTML, и отправляют текстовые сообщения так же просто, как. РЖУ НЕ МОГУ. Взломайте этот тест, и пусть какая-нибудь технология подсчитает ваш результат и раскроет вам его содержание.

HTML-теги

Это список тегов, используемых в языке HTML. Каждый тег начинается с открывающего тега (знак меньше) и заканчивается закрывающим тегом (знак больше). Многие теги имеют соответствующие закрывающие теги, которые идентичны, за исключением косой черты после открывающего тега. (Например, тег TITLE).

Некоторые теги принимают параметры, называемые атрибутами. Атрибуты даются после тега, разделенные пробелами. Некоторые атрибуты имеют эффект просто своим присутствием, за другими следует знак равенства и значение. (См., например, тег Anchor). Имена тегов и атрибутов не чувствительны к регистру: они могут быть в нижнем, верхнем или смешанном регистре с одинаковым значением. (В этом документе они обычно представлены в верхнем регистре.)

В настоящее время документы HTML передаются без обычных тегов кадрирования SGML, но если они включены, синтаксические анализаторы будут их игнорировать.

Название документа дается между тегами title: . Текст между открывающим и закрывающим тегами является заголовком гипертекстового узла. В любом узле должен быть только один заголовок. Он должен идентифицировать содержимое узла в довольно широком контексте и в идеале должен помещаться в одну строку.

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

Следующий идентификатор

Устарело: только браузер NeXT. Может быть проигнорировано. Этот тег принимает единственный атрибут, который является номером следующего числового идентификатора всего документа, который будет выделен (не очень хороший SGML).Обратите внимание, что при изменении документа старые идентификаторы привязок не должны использоваться повторно, так как в другом месте могут храниться ссылки, указывающие на них. Это читается и генерируется гипертекстовыми редакторами. Люди-писатели HTML обычно используют мнемонические альфа-идентификаторы. Программное обеспечение браузера может игнорировать этот тег. Пример использования:

Якоря задают адреса других документов в формате "от" по отношению к адресу текущего документа. Обычно адрес документа известен браузеру, потому что он использовался для доступа к документу. Однако, если документ отправлен по почте или каким-либо образом виден с более чем одним адресом (например, по имени файла, а также по каталожному номеру сервера имен библиотек), тогда браузеру необходимо знать базовый адрес, чтобы правильно вывести внешний адрес. адреса документов.

Формат этого тега еще не указан. В НАСТОЯЩЕЕ ВРЕМЯ НЕ ИСПОЛЬЗУЕТСЯ

Этот тег информирует читателя о том, что документ является индексным. Помимо чтения, читатель может использовать поиск по ключевым словам.

Формат: к узлу можно обратиться с помощью поиска по ключевому слову, добавив к адресу узла вопросительный знак, за которым следует список ключевых слов, разделенных знаком плюс. См. формат сетевого адреса .

Этот тег указывает, что весь последующий текст следует воспринимать буквально до конца файла. Обычный текст предназначен для представления так же, как пример текста XMP, с символами фиксированной ширины и значительными разрывами строк. Формат:

Этот тег позволяет эффективно читать остальную часть файла без синтаксического анализа. Его наличие — это оптимизация. Нет закрывающего тега.

<УЛ>

Текст может содержать любые печатные символы ISO Latin, включая открывающие теги, при условии, что он не содержит полностью закрывающий тег.

Границы строк имеют большое значение и должны интерпретироваться как переход к началу новой строки.

Символ горизонтальной табуляции ASCII (HT) следует интерпретировать как наименьшее положительное ненулевое количество пробелов, при котором количество символов в строке остается кратным 8. Однако его использование не рекомендуется.

Абзац

Этот тег указывает на новый абзац. Точное представление этого (отступ, интерлиньяж и т. д.) здесь не определено и может быть функцией других тегов, таблиц стилей и т. д. Формат просто

(В терминах SGML элементы абзаца передаются в свернутом виде).

Поддерживается несколько уровней (не менее шести) заголовков. Обратите внимание, что гипертекстовому документу обычно требуется меньше уровней заголовков, чем обычному документу, единственная структура которого определяется вложенностью заголовков. H1 — это самый высокий уровень заголовка, который рекомендуется для начала гипертекстового узла. Рекомендуется, чтобы первый заголовок был подходящим для читателя, который уже просматривает связанную информацию, в отличие от тега заголовка, который должен идентифицировать узел в более широком контексте.

Эти теги хранятся в соответствии с определением в руководстве CERN SGML. Их определение является полностью историческим и основано на наборе тегов AAP. Разница в том, что документы HTML позволяют завершать заголовки закрывающими тегами:

Заголовок второго уровня

Этот тег предназначен для информации об адресе, подписи и т. п., обычно в верхней или нижней части документа. как правило, это курсив и/или выравнивание по правому краю или с отступом. Формат: текстовый .

Выделение

Выделенные теги фраз могут встречаться в обычном тексте и могут быть вложены друг в друга. За каждым открывающим тегом должен следовать соответствующий закрывающий тег. В НАСТОЯЩЕЕ ВРЕМЯ НЕ ИСПОЛЬЗУЕТСЯ. . . и т. д.

Глоссарии

Глосарий (или список определений) – это список абзацев, каждый из которых имеет короткий заголовок рядом с ним. Помимо глоссариев, этот формат полезен для представления читателю набора именованных элементов. Формат следующий: Определение термина pagagraph Term2 Определение термина 2

Списки

Читайте также: