Содержание
HTML — язык разметки гипертекста
Hyper Text Markup Language (HTML) — язык разметки гипертекста — предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.
Гипертекстовый документ — это текстовый файл, имеющий специальные метки, называемые тегами, которые впоследствии опознаются браузером и используются им для отображения содержимого файла па экране компьютера.
С помощью этих меток можно выделять заголовки документа, изменять цвет, размер и начертание букв, вставлять графические изображения и таблицы. Но основным преимуществом гипертекста перед обычным текстом является возможность добавления к содержимому документа гиперссылок — специальных конструкций языка HTML, которые позволяют щелчком мыши перейти к просмотру другого документа.
HTML-документ состоит из двух частей: собственно текста, т. е. данных, составляющих содержимое документа, и тегов — специальных конструкций языка HTML, используемых для разметки документа и управляющих его отображением. Теги языка HTML определяют, в каком виде будет представлен текст, какие его компоненты будут исполнять роль гипертекстовых ссылок, какие графические или мультимедийные объекты должны быть включены в документ.
Графическая и звуковая информация, включаемая в HTML-документ, хранится в отдельных файлах. Программы просмотра HTML-документов (браузеры) интерпретируют флаги разметки и располагают текст и графику на экране соответствующим образом. Для файлов, содержащих HTML-документы приняты расширения .htm или .html.
В большинстве случаев теги используются парами. Пара состоит из открывающего <имя_тега> и закрывающего </имя_тега> тегов. Действие любого парного тега начинается с того места, где встретился открывающий тег, и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, — элементом.
Последовательность символов, составляющая текст может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например #, +, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл: (больше), & (амперсанд) и » (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.
Самым главным из тегов HTML является одноименный тег <html>. Он всегда открывает документ, так же, как тег </html> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать.
HTML-документ состоит из двух частей: заголовок (head) и тела (body), расположенных в следующем порядке:
<html> <head> Заголовок документа </head> <body> Тело документа </body> </html>
Чаще всего в заголовок документа включают парный тег <title>. .. </title>
, определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами.
Тело документа является обязательным элементом, так как в нем располагается весь материал документа. Тело документа размещается между тегами <body>
и </body>
. Все, что размещено между этими тегами, интерпретируется браузером в соответствии с правилами языка HTML позволяющими корректно отображать страницу на экране монитора.
Текст в HTML разделяется на абзацы при помощи тега <р>
. Он размещается в начале каждого абзаца, и программа просмотра, встречая его, отделяет абзацы друг от друга пустой строкой. Использование закрывающего тега </р>
необязательно.
Если требуется «разорвать» текст, перенеся его остаток на новую строку, при этом, не выделяя нового абзаца, используется тег разрыва строки <BR>
. Он заставляет программу просмотра выводить стоящие после него символы с новой строки. В отличие от тега абзаца, тег <BR>
не добавляет пустую строку. У этого тега нет парного закрывающего тега.
Язык HTML поддерживает логическое н физическое форматирование содержимого документа. Логическое форматирование указывает на назначение данного фрагмента текста, а физическое форматирование задает его внешний вид.
При использовании логического форматирования текста браузером выделяются различные части текста в соответствии со структурой документа. Чтобы отобразить название, используется один из тегов заголовка. Заголовки в типичном документе разделяются по уровням. Язык HTML позволяет задать шесть уровней заголовков: h2 (заголовок первого уровня), h3, h4, h5, h5 и h6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня. Пример использования тегов заголовков:
<hl>l. Название главы</hl> <h3>l.l. Название раздела</h3>
Теги физического форматирования непосредственно задают вид текста на экране браузера, например пара <b></b>
выделяет текст полужирным начертанием, <u></u>
задает подчеркивание текста, <font></font>
управляет шрифтом текста.
Тег <img>
вставляет изображение в документ, как если бы оно было просто одним большим символом. Пример применения тега:
<img src = "picture.gif">
Для создания гипертекстовой ссылки используется пара тегов <а>... </а>
. Фрагмент текста, изображение или любой другой объект, расположенный между этими тегами, отображается в окне браузера как гипертекстовая ссылка. Активация такого объекта приводит к загрузке в окно браузера нового документа или к отображению другой части текущей Web-страницы. Гипертекстовая ссылка формируется с помощью выражения:
<а href = "document.html">ссылка на документ</а>
Href здесь является обязательным атрибутом, значение которого и есть URL-адрес запрашиваемого ресурса. Кавычки в задании значения атрибута href не обязательны. Если задается ссылка на документ на другом сервере, то вид гиперссылки такой:
<а href = "http://www.school.donetsk.ua/11.jpg">Фотография 11-А</а>
С помощью различных тегов можно рисовать таблицы, форматировать текст, вставлять в документ изображения, видео- , звуковые файлы и прочее.
Запись опубликована в рубрике Информатика с метками HTML, интернет, сеть. Добавьте в закладки постоянную ссылку.
понятие гипертекстового документа, Web-страницы, назначение языка и особенности html. Протокол http. Url-адресация Web-ресурсов.
Гипертекстовый документ– документ,
содержащий видимые ссылки (гиперссылки)
на другой (-ие) документ (-ы). Ссылки могут
вести к другим документам, фрагментам
текста внутри текущего документа, к
нетекстовым объектам (звук, изображение,
видео).
Структура гипертекстового документа:
<!DOCTYPE
HTML PUBLIC «-//W3C//DTD HTML 3.2 Final//EN»>
<HTML>
<HEAD>
<TITLE>Заголовок
документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
Тело такого документа может содержать:
Текст, блоки
текста(причем текстаформатированного)Гиперссылки
Разнообразные списки
Таблицы
Разнообразные объекты,картинки
Заполняемые формы
Web-страница(или гипертекстовый
документ, html-документ) – это текстовый
документ, размеченный тегами (tags),
специальными конструкциями, с помощью
языка HTML и сохраненный в форматах html. ,
htm., xhtml.
Web-страницы бывают:
статическими;
динамическими;
интерактивные.
Фреймы(frames) используются для разбивки
окна браузера на несколько областей,
каждая из которых представляет собой
отдельный HTML-документ (фрейм). Как
правило, фреймы используются для
облегчения навигации по сайту, создания
навигационного меню. Тем не менее,
большинство разработчиков избегают
использования фреймов, к чему, поверьте,
имеют довольно веские основания.
Старайтесь использовать фреймы только
тогда, когда это действительно необходимо.
Веб-сайт– объединенные гиперссылками
веб-страницы, содержащие информацию по
одной тематике, об одной организации и
др.
Веб-портал– технически – тот же
веб-узел, что и веб-сайт, однако, чтобы
веб-сайт стал веб-порталом, он должен
предлагать пользователю следующие
услуги: электронная почта, поиск
информации в Интернет, тематический
каталог и др.
HTML-язык.
Было выделено 4 уровня:
Уровень 0: включает в себя заголовки,
ссылки, списки.Уровень 1: добавляются рисунки и элементы
выделения текста.Уровень 2: добавляются формы, позволяющие
пользователю вводить информацию.Уровень 3: добавляются таблицы.
Язык HTML в целом
предлагает следующие возможности:
публиковать в web документы, содержащие
заголовки, текст, таблицы, списки,
фотографии и т.д.получать дополнительную информацию,
используя гипертекстовые ссылки.создавать формы для передачи данных
удалённым серверам.включать непосредственно в документ
видео- и аудиоклипы, анимационные ролики
и другие объекты.
Язык, пришедший на смену языку HTML –
XHTML – это основанный на XMLязык разметки гипертекста, максимально
приближенный к текущим стандартамHTML.
XHTML отличается от HTML строгостью написания
кода.
PHP (Hypertext Preprocessor) – это скриптовый язык,
который может быть встроен в HTML. Синтаксис
языка в большинстве заимствован из C,
Java и Perl c добавлением нескольких
специфичных для PHP особенностей. Цель
языка – позволить web-разработчикам
легко создавать динамически генерируемые
страницы.
Назначение протокола HTTPрассмотрено в предыдущих вопросах
лекции.
URL-адресация
веб-ресурсов.
Для доступа к веб-страницам с помощью
протокола HTTPиспользуется
ихURL-адрес (UniformResourceLocator),
который можно представить в общем виде:
404: Страница не найдена
Страница, которую вы пытались открыть по этому адресу, похоже, не существует. Обычно это результат плохой или устаревшей ссылки. Мы приносим свои извинения за доставленные неудобства.
Что я могу сделать сейчас?
Если вы впервые посещаете TechTarget, добро пожаловать! Извините за обстоятельства, при которых мы встречаемся. Вот куда вы можете пойти отсюда:
Поиск
- Узнайте последние новости.
- Наша домашняя страница содержит самую свежую информацию о Java-разработке.
- Наша страница «О нас» содержит дополнительную информацию о сайте, на котором вы находитесь, TheServerSide.com.
- Если вам нужно, свяжитесь с нами, мы будем рады услышать от вас.
Просмотр по категории
Архитектура приложения
-
Учебник по основным концепциям структуры команды разработчиковЧтобы определить правильный размер команды разработчиков, менеджеры должны учитывать обязанности каждого члена и пути коммуникации, а также …
-
10 учебных курсов для подготовки к сертификации по микросервисамХотя получить сертификат по архитектуре микросервисов не всегда просто, существует множество курсов, которые вы можете пройти, чтобы . ..
-
Признаки антипаттерна «Золотой молот» и 5 способов его избежатьАнтипаттерн «Золотой молот» может подкрасться к команде разработчиков, но есть способы его обнаружить. Изучите знаки, а также некоторые…
Качество ПО
-
Перспективы двух выпускников учебного лагеря Nucamp по кодированию неясныУчебный лагерь по программированию может стать толчком к карьере в сфере технологий, но только для тех, кто готов пройти лишнюю милю. Вот как два неразработчика…
-
10 основных навыков Скрам-мастераСкрам-мастера помогают разработчикам Agile, владельцам продуктов и другим членам команды выполнять задачи, начиная от планирования спринта и заканчивая лидерством на службе…
-
Salesforce DevOps Center поставляется для обуздания приложений с низким кодомSalesforce DevOps Center развернут с функциями, предназначенными для обновления пользовательских приложений с низким и профессиональным кодом на его платформе CRM. ..
Облачные вычисления
-
6 разработчиков вариантов PaaS с открытым исходным кодом, о которых следует знать в 2023 годуPaaS с открытым исходным кодом — хороший вариант для разработчиков, которым нужен контроль над хостингом приложений и упрощенное развертывание приложений, но не…
-
10 лучших провайдеров PaaS 2023 года и что они вам предлагаютPaaS — хороший вариант для разработчиков, которым нужен контроль над хостингом приложений и упрощенное развертывание приложений, но не все PaaS …
-
Интерпретация и применение рекомендаций AWS Compute OptimizerТрудно найти правильный баланс между производительностью, доступностью и стоимостью. Узнайте, как включить и применить AWS Compute…
Безопасность
-
Играйте в программы-вымогатели, обходящие средства защиты ProxyNotShellCrowdStrike призывает организации применять последние обновления Microsoft Exchange после того, как расследования выявили злоумышленников . ..
-
Риск и повторение: прогресс безопасности OT, угрозы в 2022 годуВ этом выпуске подкаста Risk & Repeat обсуждается текущее состояние безопасности OT, включая конвергенцию с ИТ-средами и…
-
10 обязательных навыков кибербезопасности для карьерного успеха в 2023 годуХотите продвинуться по карьерной лестнице в области кибербезопасности? Вот навыки, которые вам понадобятся, чтобы получить должность директора по информационной безопасности, получить работу в качестве охотника за угрозами…
ПоискAWS
-
AWS Control Tower стремится упростить управление несколькими учетными записямиМногие организации изо всех сил пытаются управлять своей огромной коллекцией учетных записей AWS, но Control Tower может помочь. Услуга автоматизирует…
-
Разбираем модель ценообразования Amazon EKSВ модели ценообразования Amazon EKS есть несколько важных переменных. Покопайтесь в цифрах, чтобы убедиться, что вы развернули службу…
-
Сравните EKS и самоуправляемый Kubernetes на AWS
ПользователиAWS сталкиваются с выбором при развертывании Kubernetes: запустить его самостоятельно на EC2 или позволить Amazon выполнить тяжелую работу с помощью EKS. См…
Что такое гипертекст? | Bobology.com
- дом
- Информационный бюллетень
- Что такое гипертекст?
Теги: онлайн-маркетинг
Гипертекст – это текст, содержащий ссылку на другой текст, который может находиться на другой веб-странице, на той же странице или в документе. Приставка «гипер» означает, что в тексте есть дополнительная информация, отличная от той, что представляется читателю. Для создания гипертекста в текст добавляется специальный код форматирования, который соединяет гипертекст с новым документом при нажатии или касании гипертекста. Гипертекст также упоминается термином «гипертекстовая ссылка», поскольку любой гипертекст включает ссылку на другое место.
Чаще всего вы сталкиваетесь с гипертекстом при просмотре веб-страницы на компьютере, смартфоне или планшете. Некоторые слова и фразы выделены другим цветом, подчеркнуты и обычно синим цветом. Цвет помогает отличить гипертекст от обычного текста, а подчеркивание появляется, когда вы еще не посетили ссылку. После того, как вы посещаете связанное место из гипертекста, подчеркивание исчезает, потому что ваш веб-браузер отслеживает, какие места вы посетили.
Изображения и фотографии могут содержать гипертекстовые ссылки, но без гипертекста они не выглядят иначе. Говорят, что они содержат гипертекстовые ссылки, поскольку они не являются текстом.
Гипертекст может состоять из одного слова, набора слов, предложения, полного абзаца, изображения, фотографии или включаться в видео. Гипертекст позволяет создателю контента обеспечивать простые в использовании связи с другими местами, которые читатель или зритель может найти полезными или интересными.
Гипертекст создается, когда автор добавляет определенные типы текстовых символов на веб-страницу или в документ. Эти символы являются частью языка форматирования, называемого языком гипертекстовой разметки (HTML). HTML включает в себя множество функций для форматирования и компоновки документа, но на данный момент важна гипертекстовая ссылка. Помещая эти символы форматирования до и после слова или фразы, которые автор хочет превратить в гипертекст, но коды не видны читателю.
Программные приложения, такие как веб-браузер, способны понимать HTML, который создает гипертекст. В результате любой документ с гипертекстом должен быть прочитан с помощью программного приложения, которое может понимать и интерпретировать гипертекстовую разметку, создающую ссылку. Программное обеспечение для просмотра веб-страниц, которое вы используете на своем компьютере и смартфоне, может сделать это, поскольку все веб-страницы создаются с использованием языка форматирования HTML.
Когда гипертекст на веб-странице отображается синим цветом, код форматирования, который сделал его гипертекстом, указывает программному приложению (вашему веб-браузеру) изменить цвет текста, чтобы вы знали, что это гипертекст. Символы форматирования также включают необходимый адрес страницы, на которую открывается ссылка, но ссылка не отображается на странице.
Ранее я говорил, что гипертекстовая строка ведет к другому документу, но это место не всегда является веб-страницей. Поскольку все, что нужно для использования гипертекста, — это программное приложение, которое может его понимать, вы могли догадаться, что гипертекст можно использовать не только в веб-страницах, но и в других документах. И ты прав.
Гипертекст используется в электронных книгах, документах Microsoft Word и Adobe Portable Document Format (PDF). Например, Kindle или электронная книга другого типа использует гипертекст для ссылки из оглавления на соответствующую страницу. Документы Word могут содержать ссылки на другие места в документе или даже на веб-страницы за пределами документа. Вот еще примеры того, как можно использовать гипертекст.
Программное обеспечение Apple iBook Author и Adobe Acrobat позволяет авторам создавать документы со ссылками, которые могут помочь читателям быстро найти информацию и включить информацию, которая автоматически обновляется с веб-страницы. С гипертекстом страница становится более динамичной и может подключаться к источникам информации, где автору не нужно полагаться на печатную страницу или загруженный файл для получения всей информации, доступной читателю.
Поскольку гипертекст можно использовать для открытия другого места, например веб-страницы в Интернете, мошенники могут и используют гипертекст, чтобы направлять ничего не подозревающих пользователей на веб-сайты, которые имитируют внешний вид законного веб-сайта для сбора личной и финансовой информации. . Этот тип мошенничества чаще всего используется, чтобы заставить кого-то предоставить кредитную карту или другую банковскую информацию.
Мошенничество обычно приходит по электронной почте с логотипом и названием финансового учреждения с сообщением, в котором говорится о необходимости проверки некоторых финансовых данных по соображениям безопасности. Электронное письмо содержит гипертекстовую ссылку на веб-страницу, которая использует графику, создающую впечатление, что пользователь находится на правильной веб-странице.