Newcomposers.ru

IT Мир
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Основные элементы html

HTML элементы

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

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

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

является более важным, чем уровень

Элементы включают в себя всё, что находится между парными тегами элемента, включая сами теги. Например, элемент «

» обозначает параграф; элемент » » обозначает изображение.

Примеры HTML элементов:

является HTML элементом,

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

Существует два вида элементов: элементы-контейнеры и пустые элементы.

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

Пустые элементы не задают и не отменяют форматирование. Такие элементы вставляют на страницу какой-либо объект, например горизонтальную черту (элемент ).

Пустые элементы не имеют парных тегов и в них нельзя вставить текст, как в элементы-контейнеры.

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

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

В HTML5 применение синтаксиса пустых элементов необязательно и разрешается использовать тот же синтаксис, что и в открывающих тегах (т. е. без слеша). Таким образом пустые элементы не обязательно закрывать в режиме HTML.

Вложенные элементы

Большинство элементов могут быть вложены друг в друга (т.е. в содержимом одного элемента может располагаться другой элемент).

Например вложив элемент в элемент Вы сможете сделать текст одновременно жирным и курсивным.

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

Далее пример валидного кода:

А здесь приведён пример неверного вложения тегов:

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

HTML учебник. Бесплатные уроки HTML для начинающих разработчиков и веб-мастеров. Пробуем создать простой HTML сайт.

Виды HTML элементов: блочные элемент и строчные HTML элементы

  • 25.06.2016
  • HTML, Верстка сайтов
  • Один комментарий

Привет, посетитель сайта ZametkiNaPolyah.ru! Этой записью мы продолжаем рубрику: Верстка сайтов, в которой есть раздел HTML. Мы уже много говорили про особенности языка HTML и даже пытались сравнить структуру HTML со структурой HTTP протокола. Так же мы разбирались с тем, как браузер интерпретирует HTML документ. В этой записи мы на практике посмотрим, что делает браузер с HTML тэгами и ответим на вопросы: «что такое HTML элемент и для чего нужны HTML элементы?». Если вы поймете, как работает браузер с кодом HTML и поймете, принцип формирования HTML элементов, то вам не составит никакого труда разобраться с языком HTML.

Виды HTML элементов: блочные элемент и строчные HTML элементы

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

Виды HTML элементов. Что такое HTML элемент?

Когда мы рассматривал синтаксис HTML и HTML тэги, мы уже упоминали HTML элементы. Давайте сперва ответим на вопрос: «Что такое HTML элементы?». Чтобы ответить на этот вопрос нужно немного понимать, как работает браузер. Когда браузер получает HTML документ, он считывает тэги, написанные в HTML документе, по этим тэгам он создает HTML страницу, которую пользователь видит на экране.

Всё, что вы видите на странице в области просмотра браузера – это HTML элементы. Таким образом мы выяснили разницу между HTML тэгами и HTML элементами: HTML элементы – это то, что пользователь видит на странице в браузере, а HTML тэги – это то, что разработчик пишет, когда создает HTML документ.

Обратите внимание: не все HTML тэги являются HTML элементами, например тэг DOCTYPE, который нужен для того, чтобы браузер понимал, как интерпретировать код документа, не является HTML элементом. Все тэги внутри заголовка HTML документа так же не являются HTML элементами. Но не стоит делать вывод о том, что HTML элемент – это то, что видит пользователь в области просмотра, некоторые HTML элементы могут быть намеренно скрыты при помощи таблиц стилей или HTML атрибутов.

HTML элементы делятся на два вида: блочные HTML элементы и строчные HTML элементы. Первые чаще всего используются для создания структуры HTML страницы (не стоит путать со структурой HTML документа), вторые чаще всего применяются для оформления и логического выделения контента на странице.

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

Блочные HTML элементы

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

, который делит HTML документ на параграфы или абзацы;

  • тэги HTML списка:
      ,

        ,
      • и другие;
      • HTML заголовки.

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

    Читать еще:  Ошибка файл не соответствует допустимым форматам

    Если HTML страницу представить, как стену, то блочный HTML элемент – это плита, ширина которой равняется ширине стены. Высота блочного HTML элемента равна высоте его содержимого плюс внутренние отступы блочного HTML элемента. Про внутренние отступы мы поговорим, когда начнем рассматривать CSS. Сейчас добавим, что если у блочного HTML элемента нет содержимого, то его высота равна нулю, но ширина равна ширине области, в которой данный элемент расположен.

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

    Строчные HTML элементы

    Строчные HTML элементы – это такие HTML элементы, ширина которых, равна ширине их содержимого. Если у строчного HTML элемента нет содержимого, то его ширина будет равна нулю. Ширина строчного HTML элемента зависит только от ширины его содержимого, поэтому строчные HTML элементы могут занимать несколько строк. Другими словами, строчные HTML элементы могут быть перенесены на новую строку.

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

    В качестве примера строчных HTML элементов можно привести:

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

    Примеры блочных HTML элементов

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

    Основы HTML для начинающих

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

    Для изучения урока, скачайте архив с необходимыми файлами.

    HTML — это язык разметки документов. Правильное произношение — Эйч Ти Эм Эль.

    Вы, наверняка, работали когда-нибудь в редакторе документов Word или подобных офисных приложениях? Наверное вы знаете, что данный вид редакторов имеет богатые возможности для редактирования текста, расположения элементов, вставки картинок и т. д.

    Зачем, спросите вы, писать в статье, посвященной HTML о текстовых процессорах? А вот зачем. Если разобраться, что такое офисный редактор? Это приложение для редактирования и отображения документов.

    Ключевое слово здесь — документ. То есть, мы создаем, редактируем и просматриваем документ в какой-то программе, в данном случае — в офисном редакторе. Если открыть такой документ в простом текстовом редакторе, например, в Блокноте, то мы увидим множество странных символов и знаков. Эта каша из символов непонятна человечеству, но понятна компьютерам. Благодаря этому внутреннему языку, документ Word приобретает определенную структуру и вид в самом редакторе, а документ предстает перед нами во всей своей красе с отформатированным текстом и картинками на своем месте.

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

    Да, простой набор и форматирование текста в офисных приложениях не имеют ни чего общего с программированием. Но наблюдательный читатель заметит важную деталь — в текстовом процессоре мы набираем, редактируем и форматируем текст и картинки с помощью визуальных кнопочек и меню, но почему же HTML код пишется вручную? Зачем изучать так много технических деталей написания разметки для документа?

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

    Этакий Word для HTML. Такие визуальные редакторы называются:

    WYSIWYG редакторы — What You See Is What You Get. То есть, если перевести на русский: что видим, то и получаем.

    Я их называю «вузивуги». Хоть это фонетически и не правильно, зато ярко свидетельствует о бессмысленности данного изобретения. Новички очень часто используют такие редакторы для создания своих первых сайтов. Конечно, это удобно — не нужно углубляться в изучение тегов, стилей оформления и прочих, на первый взгляд, неприятных и сложных вещей. Редактор сам автоматически преобразует наши действия в HTML код.

    Но, как говорится, ни чего просто так не бывает. А если конкретнее — у такого подхода есть очень серьезные недостатки. Что же мешает всем подряд использовать визуальные редакторы для оформления HTML страничек? Дело в том, что сформированные таким образом страницы имеют, как правило, очень много лишнего кода, очень много ошибок с семантической точки зрения. Сейчас, конечно, нет проблем со скоростным интернет соединением и разница в размере странички в 400 кб и 100 кб не существенна для скорости, однако оптимизированный и правильно написанный HTML код избавляет от множества проблем и дает массу преимуществ, а именно:

    • Грамотный HTML код положительно влияет на поисковую оптимизацию, скорость сканирования поисковым роботом сайта. Сгенерированные вузивугой килобайты кода здесь не приемлемы и даже вредны;
    • HTML код, сгенерированный WYSIWYG редактором имеет множество семантических ошибок. То есть, теги, генерируемые таким редактором используются не по назначению, там где нужно использовать, например, списки
        , редактор сгенерирует нам другой, ненужный нам тег. Зависит, конечно, от редактора, но здесь имеются ввиду комплексные решения для создания сайтов, а не простого редактирования текста в текстовой области средствами WYSIWYG.
      • Генерируется много лишних тегов и структура документа получается раздутой. Допустим, вы передвигаете элемент в такой программе сначала вправо, потом влево, потом по центру — от каждого действия остается след в исходном HTML коде. Редактор — это программа и он не может знать, что именно вы хотите получить в результате, он формирует тонны кода с учетом всех возможных вариантов поведения документа в браузере.
      • Как правило, редакторы для визуального оформления HTML кода, быстро устаревают. А ввиду отсутствия интереса со стороны профессионалов — вообще лишаются поддержки и останавливаются в развитии. А HTML развивается. Все развивается, кроме вузивуги. Соответственно, они не могут генерировать правильный и современный код, в котором были бы задействованы новые фишки и решения.
      • Поддерживать такие проекты и развивать — кара небесная. Об использовании паттернов и повторном использовании кода речи вообще быть не может.

      Так что, HTML будем писать только ручками. Адекватных инструментов для визуального редактирования HTML еще не придумали, да и врядли они появятся. Язык разметки HTML прост в освоении и понимании, а средств автоматизации написания HTML кода множество, но об этом в других уроках.

      Повозившись немного с WYSIWYG редактором, юные HTML-гуру оставляют это бесперспективное занятие и двигаются дальше.

      Структура документа HTML

      Рекомендую для занятий скачать и установить редактор Sublime Text. Крайне не рекомендую использовать для HTML верстки встроенный в Windows «Блокнот», если вы не хотите сломать себе психику на ранних порах изучения HTML.

      Мы решили, что код HTML документа будем писать вручную, то есть верстать. HTML Верстка — процесс создания HTML документа. В простонародье и осведомленных кругах — просто верстка. Любой документ имеет структуру и определенные правила построения. Из каких же элементов состоит код, какая структура у HTML?

      Давайте создадим на компьютере первоначальный шаблон — файл index.html, откроем с помощью редактора и вставим в него следующий код:

      Обратите внимание, документы HTML имеют расширение .html.

      Итак, по порядку из примера.

      — тип документа (доктайп)

      Данная конструкция всегда указывается в начале документа для правильного «понимания» браузером того, какая версия HTML используется при построении документа.

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

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

      — начало документа

      Первый тег, который мы встречаем после доктайпа, это .

      HTML тег — структурная единица разметки HTML документа. Код HTML складывается из кирпичиков, которые именуются тегами. Каждый тег имеет свою функцию, а изучение языка разметки HTML, в конечном счете, заключается именно в изучении тегов и их свойств в документе.

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

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

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

      Далее, мы видим тег , который содержит другие, пока не понятные нам элементы. Содержит другие элементы — это значит, что элементы или теги находятся между открывающим и закрывающим тегом конструкции:

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

      Тег — заголовок документа

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

      Метатег

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

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

      Рекомендую во всех HTML документах изначально использовать кодировку UTF-8, как в примере выше.

      Фавиконка (favicon)

      Подключает к документу файл с изображением фавиконки. Фавиконка (favicon) — миниатюрный значок, отображаемый рядом с названием документа во вкладке браузера. Фавиконка — это графический файл, размером 16 x 16 (или 32 x 32) пикселей, который может иметь различные форматы, такие, как png, jpg, ico, gif. Традиционно используется формат ico. Анимированные фавиконки — это gif файлы, содержащие анимацию. Наблюдать анимированный фавикон можно, например, ВКонтакте, когда приходит новое сообщение.

      CSS стили документа

      Подключает к документу CSS файл со стилями оформления HTML.

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

      Элементы и теги в HTML

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

      • Такое «семантическое» представление об элементах является основополагающим, оно помогает нам не упускать из виду тот факт, что страница должна быть упорядоченным местом для информации, особенно в Интернете. Если мы подумаем, например, о классическом контексте онлайн-исследования, то естественно понять, чем больше страница может быть связана с ключевым словом или темой, тем легче будет ее найти. По этой причине будет важно позаботиться о таких вещах, как организация текста, определение заголовка, жирные ссылки.
      • Однако в HTML мы также можем определить каркас пользовательского интерфейса приложения, и на этом этапе теги становятся полезными в качестве поддержки организации макета или определения конкретных областей для пользовательского опыта.

      В обоих случаях мы продолжаем говорить не о «графике», а о структуре.

      Как сделать тег

      Тег — это ключевое слово языка, заключенное в угловые скобки ( <> ). Примеры тегов , и

      которые мы уже встречали в предыдущих уроках.

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

      Контейнеры и автономные элементы

      Многие элементы в HTML служат для описания частей страницы, областей или содержимого. Например, описывает содержание всей страницы,

      содержит заголовок и

      обозначает абзац в тексте.

      Поэтому элемент HTML почти всегда является контейнером, а его содержимое ограничено:

        открывающий тег (напр.

      );
      закрывающий тег (напр.

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

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

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

      Сделайте отступ кода

      Часто, чтобы подчеркнуть вложение одного элемента в другой, используется «отступ кода», то есть для выделения содержимого из начала строки, оставляя пробелы (или символы табуляции). На практике открытие и закрытие тега находятся на одном уровне, а содержимое перемещается справа от вкладки.

      Встроенные и блочные элементы, типы тегов для макета

      HTML-теги могут представлять объекты (например, изображения) или служить для разделения страницы на области (например, «div» или «section»). Существуют различные типы тегов, и знание их становится критически важным для использования правильного тега в нужном месте и последующего применения правил CSS.

      Основными типами визуализации, на которые делятся элементы, являются:

      Основные элементы языка HTML

      Заголовок HTML-документа используется для размещения информации, относящейся ко всему документу в целом. Он нс является обязательным элементом разметки. Элемент разметки title служит для именования документа в web-сети. Например:

      Основными элементами, включаемыми в заголовок head, являются: title – название документа; meta – метаинформация, связанная с документом; link – общие ссылки для данного документа; style – описатели стилей или ссылки на внешние ресурсы со стилями; script – скрипты или ссылки на внешние ресурсы со скриптами.

      Тело документа, показываемое в окне браузера, задается с помощью тэга элемент . Оно может включать следующие основные элементы: иерархически упорядоченные контейнеры; заголовки (от h1 до h6); блоки (параграфы, списки, формы, таблицы, картинки и т. п.); текст; рисунки и гипертекстовые ссылки.

      В тэге body могут быть заданы атрибуты. Описание некоторых основных атрибутов body показано в табл. 1.2.

      Например, атрибут background определяет фон, на котором отображается текст документа. Если источником для фона HTML-документа является графический файл, например image.gif, то в открывающем тэге тела body появляется соответствующий атрибут:

      Некоторые атрибуты HTML

      Атрибут

      Описание

      Определяет высоту отступа (в пикселях) верхнего и нижнего полей документа

      Определяет ширину (в пикселях) левого и правого полей документа

      Определяет изображение для заливки фона; значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG

      Определяет цвет фона документа

      Определяет цвет текста в документе

      Определяет цвет гиперссылок в документе

      Определяет цвет подсветки гиперссылок в момент нажатия

      Определяет цвет гиперссылок на документы, которые были ранее просмотрены

      В элемент body включаются элементы управления разметкой, некоторые из которых показаны в табл. 1.3.

      Некоторые элементы управления разметкой

      Заголовки задают начало раздела документа. В HTML определено 6 уровней заголовков: от hi до h6. Текст, окруженный тэгами

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

      Возможные значения атрибута: justify, left, right, center

      Принудительный перевод строки. Используется для остановки в указанной точке обтекания объекта текстом и затем продолжения текста за объектом

      Возможные значения атрибута; left, right, all

      Контейнеры. Они используются только для логического деления IITML-документа на части и никаких действий браузера нс вызывают. В

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

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

      Основными атрибутами контейнеров являются id и class. Следует помнить, что строчные контейнеры могут включать только другие строчные контейнеры, а блочные контейнеры могут включать как строчные, так и блочные контейнеры.

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

        ) и нумерованные (тэг

          ).

      Ненумерованный список записывается в виде последовательности:

      первый элемент списка

      второй элемент списка

      Можно задавать любой тип маркера в произвольном месте списка. Ниже перечислены тэги с атрибутами стандартных маркеров:

          – стандартные маркеры списков первого уровня (по умолчанию);

            – маркеры в виде кругов;

              – квадратные маркеры.

            Нумерованные списки создаются с помощью тэга

              вместе с атрибутом type. Такие списки могут использовать в качестве маркеров обычные числа, строчные и прописные буквы, а также строчные и прописные римские цифры.

            Комментарии используются для пояснения документа и нс отображаются браузерами. В HTML они начинаются с символа » «.

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

            Пример гипертекстовой ссылки

            Значением атрибута href является URL-адрес документа, на который браузер будет выполнять переход.

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

            Изображения, включенные в web-страницу, могут использоваться в качестве гипертекстовых ссылок, как и обычный текст. Пользователь браузера может щелкнуть по изображению и перейти к другой странице. Для обозначения изображения как гипертекстовой метки используется тот же тэг , что и для текста, но между и вставляется тэг изображения . Тэг также имеет несколько необязательных атрибутов: alt, align, usemap, hspace, vspace, border, width, height.

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

  • Ссылка на основную публикацию
    Adblock
    detector