|
ADO в Delphi AJAX Android C++ CakePHP CMS COM CSS Delphi Flash Flex HTML Internet Java JavaScript MySQL PHP RIA SCORM Silverlight SQL UML XML Бази даних Веб-розробка Генетичні алгоритми ГІС Гітара Дизайн Економіка Інтелектуальні СДН Колір Масаж Математика Медицина Музика Нечітка логіка ООП Патерни Подання знань Розкрутка сайту, SEO САПР Сесії в PHP Системне програмування Системний аналіз Тестологія Тестування ПЗ Фреймворки Штучний інтелект
|
Вивчення HTML та XHTML . Семантичний конспект розділу
← Вивчення HTML та XHTMLДанный раздел предназначен в первую очередь для начинающих, только постигающих азы создания сайтов. Множество примеров, иллюстраций, вопросов для проверки и заданий для самостоятельной работы помогут быстрее изучить HTML. Для опытных пользователей также окажется полезен раздел «Валидация», где рассматриваются принципы проверки документов и исправления ошибок
Семантичне ядро: Теги ↓ HTML ↓ Браузер ↓ Ссылки ↓ <A> ↓ <html> ↓ PNG-24 ↓ Наиболее популярные браузеры ↓ GIF ↓ Список ↓
HTML — HyperText Markup Language HTML — Язык разметки гипертекста HTML — Представляет собой систему верстки веб-страниц и определяет, где и как в документе отображать отдельные элементы (текст, рисунки, ссылки и др.) HTML — Его освоение сводится к изучению основных тегов (их около двух десятков) и правил их использования
Ссылки — Основа гипертекстовых документов, позволяет переходить с одной веб-страницы на другую Ссылки — Создание выполняются с помощью тега <a> Особенность в том, что она может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте. . Ссылки — Посилання.
Теги — Элементы HTML-разметки Теги :
Ссылки Создание выполняются с помощью тега <a> Теги — Синтаксис: <имя параметр1="значение" параметр2="значение"> <имя параметр1="значение" параметр2="значение">...</имя>
meta — Метатег meta — Является универсальным и добавляет целый класс возможностей, в частности, дает возможность изменять кодировку страницы, добавлять ключевые слова, описание документа и многое другое meta — Одиночный тег
SPAN — Универсальный тег, предназначенный для определения встроенного элемента внутри документа
Noresize — Параметр тега frame, используемый для блокировки возможности изменения пользователем размера фреймов Параметр не требует никаких значений и используется сам по себе. Для случая двух фреймов этот параметр можно указать лишь в одном месте.
Scrolling — Параметр тега frame, для управления отображением полос прокрутки Если параметр scrolling не указан, то полосы прокрутки добавляются браузером только по необходимости, в том случае, когда содержимое фрейма превышает его видимую часть..
Параметры тегов — Условно их можно подразделить на обязательные, они непременно должны присутствовать, и необязательные, их добавление зависит от цели применения тега
Список — Взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде..
BIG — Тег, который увеличивает размер шрифта на единицу по сравнению с обычным текстом Добавление этого тега увеличивает текст на одну условную единицу. .
Браузер — Это программа, предназначенная для просмотра веб-страниц Браузер:
Internet Explorer — Один из старейших браузеров, который бесплатно поставляется вместе с операционной системой Windows Internet Explorer — К сожалению, хуже всех поддерживает спецификацию HTML, поэтому для корректного отображения приходится порой отдельно отлаживать код специально под него Internet Explorer — Кратко обозначается IE.
EM — Тег, который предназначен для акцентирования текста, браузеры отображают такой текст курсивным начертанием
FRAME — Тег,который определяет свойства отдельного фрейма, на которые делится окно браузера
title — Определяет заголовок веб-страницы, это один из важных элементов предназначенный для решения множества задач title — Используется для отображения строки текста в левом верхнем углу окна браузера. Такая строка сообщает пользователю название сайта и другую информацию, которую добавляет разработчик title — Является обязательным и должен непременно присутствовать в коде документа title — Має величезне значення з точки зору ключових слів (SEO)
head — Заголовок документа head — Может содержать текст и теги, но содержимое этого раздела не показывается напрямую на странице, за исключением контейнера <title>
body — Тело документа body — Предназначен для размещения тегов и содержательной части веб-страницы
Фреймы:
Фреймы — Разделяют окно браузера на отдельные области, расположенные рядом друг с другом
HR — Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера
Якорь — Закладка с уникальным именем на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке С якорями связана одна особенность работы браузера. После перехода к указанному якорю нажатие на кнопку [Назадk возвращает не на предыдущую просмотренную страницу, а к ссылке, с которой был сделан переход к якорю. Получается, что для перехода к предыдущему документу надо нажать кнопку [Назадk два раза. . Если на веб-странице содержится ссылка на якорь, а самого якоря нет, то никакой ошибки не возникнет..
Tidy — Программа предназначеная для проверки локального HTML-файла или при отсутствии подключения к Интернету
EXtensible HyperText Markup Language — XHTML EXtensible HyperText Markup Language — расширенный язык разметки гипертекста
!DOCTYPE — Предназначен для указания типа текущего документа DTD (document type definition, описание типа документа) !DOCTYPE — Необходим, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, ведь HTML существует в нескольких версиях !DOCTYPE — Этот обязательный элемент кода веб-страницы не является тегом, а предназначен для браузеров, чтобы сообщить им, как интерпретировать текущий документ
GIF — Graphics Interchange Format GIF — Формат графических файлов, широко применяемый при создании сайтов Использует 8-битовый цвет и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения..
JPEG — Joint Photographic Experts Group JPEG — Популярный формат графических файлов, широко применямый при создании сайтов и хранения изображений
_parent — Параметр, который загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self
Валидация HTML-документа — Предназначена для выявления ошибок в синтаксисе веб-страницы и расхождений со спецификацией HTML
Типы тегов: Верхнего уровня; заголовка документа; блочные элементы; встроенные элементы; универсальные элементы; списки; таблицы
Теги верхнего уровня — Предназначены для формирования структуры веб-страницы и определяют раздел заголовка и тела документа
Блочные элементы — Занимают всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки
BLOCKQUOTE — Предназначен для выделения длинных цитат внутри документа. BLOCKQUOTE — Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с пустым пространством сверху и снизу.
DIV — Относится к универсальным блочным контейнерам и применяется в тех случаях, где нужны блочные элементы без дополнительных свойств.
H1>...<H6 — Определяет текстовые заголовки разного уровня, которые показывают относительную важность секции, расположенной после заголовка
PRE — Задает блок предварительно форматированного текста PRE — Тображается обычно моноширинным шрифтом и со всеми пробелами между словами
Подсветка синтаксиса — Выделение тегов, текста, ключевых слов и параметров разными цветами
Графический редактор — Редактор необходимый для обработки изображений и их подготовки для публикации на веб-странице
Локальный справочник — Справочник в формате CHM (стандартный файл справки Windows) содержит список всех основных тегов с их описанием и примерами использования
Комментарий — текст нужный для внесения в код своих записей, не влияющих на вид страницы Комментарий — текст, который пользователь не увидит, он все равно будет передаваться в документе, так что, посмотрев исходный код, можно обнаружить скрытые заметки
Keywords — Значение, предназначено в первую очередь для повышения рейтинга сайта в поисковых системах
Description — Значение параметра name, используемое для краткого описания содержимого веб-страницы
DEL — Тег, который используется для выделения текста, который был удален в новой версии документа
OL — Тег, который устанавливает нумерованный список, т.е. каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей
UL — Тег, который устанавливает маркированный список, каждый элемент которого начинается с небольшого символаP маркера
TH — Тег, предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная
Шестнадцатеричная система — Система, которая базируется, на числе 16 Цифры системы будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0..
Веб-цвета — Цвета, для каждой составляющей красной, зеленой и синей, устанавливается одно из шести значений 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF) Основная особенность веб-цвета заключается в том, что он показывается одинаково во всех браузерах. В данный момент актуальность веб-цветов весьма мала из-за повышения качества мониторов и расширения их возможностей..
Пиксел — Элементарная точка на экране монитора, является относительной единицей измерения, ее величина зависит от установленного экранного разрешения и размера монитора При использовании пикселов в качестве значений пишется только число без указания единиц, например: width="380".
URL — Universal Resource Locator, универсальный указатель ресурсов URL — Представляет собой путь к графическому файлу
Абсолютный адрес — Адрес начинающийся с ключевого слова http:// Применяются в первую очередь для указания на другой сетевой ресурс и достаточно редко используются в рамках одного сайта..
Веб-сервер — Программа, которая анализирует приходящие от браузера запросы и передает ему документы, показываемые пользователю
Относительная ссылка — Ссылка, которая ведёт отсчет от корня сайта или текущего документа
Абсолютная ссылка — Ссылка, которая начинаеться с указания протокола (обычно http://) и содержит имя сайта
Индексный файл — Файл, который загружается по умолчанию при обращении к каталогу без явного указания имени файла Обычно в качестве индексного файла выступает документ с именем index.html..
Непосещенная ссылка — Ссылка, которую еще не открывали По умолчанию непосещенные текстовые ссылки изображаются синего цвета и с подчеркиванием..
Активная ссылка — Ссылка, которая помечается как активная в момент ее открытия Поскольку время между нажатием на ссылку и началом загрузки нового документа достаточно мало, подобное состояние ссылки весьма кратковременно..
Посещенная ссылка — Ссылка, после открытия документа пользователем, на который она указывает, меняет свой цвет на фиолетовый, установленный по умолчанию.
Альтернативный текст — Текст, который позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений
ALIGN — Параметр тега table, задает выравнивание таблицы по краю окна браузера Допустимые значения: left- выравнивание таблицы по левому краю, centerP по центру и rightP по правому краю. Когда используются аргументы left и right, текст начинает обтекать таблицу сбоку и снизу..
CELLPADDING — Параметр тега table, определяет расстояние между границей ячейки и ее содержимым
CELLSPACING — Параметр тега table, задает расстояние между внешними границами ячеек
COLS — Параметр, указывает количество столбцов в таблице, помогая браузеру в подготовке к ее отображению
COLSPAN — Параметр тега table, который устанавливает число ячеек, которые должны быть объединены по горизонтали
ROWSPAN — Параметр тега table, который устанавливает число ячеек, которые должны быть объединены по вертикали
VALIGN — Параметр тега table, устанавливает вертикальное выравнивание содержимого ячейки
Frameset — Тег, используемый для создания фрейма Frameset — Применяется для разделения экрана на области
Валидация — Проверка документа на соответствие веб-стандартам и выявление существующих ошибок
XML — eXtensible Markup Language Синтаксис XML более жесткий, чем HTML и не прощает малейших ошибок.. XML похож на языки программирования, в которых программа не будет скомпилирована, пока код не отлажен.. HTML является первой ступенькой к изучению XML, поэтому приучая себя писать код по всем правилам, будет легче перейти к следующему этапу развития HTML.. XML — Расширяемый язык разметки.
XHTML 1.0 Strict — Документ по спецификации XHTML 1.0, используемый в том случае, если в документе идет четкое разделение оформления и содержания
XHTML 1.0 Transitional — Документ по спецификации XHTML 1.0, обычно применяемый, когда правило разделения оформления и содержания выполняется не в полной мере
XHTML 1.0 Frameset — Документ по спецификации XHTML 1.0 применяется, когда окно браузера делится на два или более фрейма Зверніть увагу на додаткові посиланняЯкщо вас цікавить...Головний розділзагрузка...
|
Сторінки, близькі за змістом
|
|
Copyright © 2008—2026 Портал Знань.
При використанні матеріалів посилання, для інтернет-ресурсів — гіперпосилання, на Znannya.org обов'язкове.
Зв'язок
|
НТУУ "КПІ" Інженерія програмного забезпечення КПІ Лабораторія СЕТ |
|
HTML — мова розмітки гіпертексту
HTML
