Логотип Инфоурока

Получите 30₽ за публикацию своей разработки в библиотеке «Инфоурок»

Добавить материал

и получить бесплатное свидетельство о размещении материала на сайте infourok.ru

Инфоурок Информатика Другие методич. материалыТеория. Web-дизайн. "Синтаксис языка HTML"

Теория. Web-дизайн. "Синтаксис языка HTML"

§1.Синтаксис языка HTML

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

Дескрипторы (элементы, теги), атрибуты и значения.

Главной несущей конструкцией всех команд HTML является дескриптор (который иногда называют тегом или элементом).

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

Дескрипторы HTML подчиняются как частным, так и общим правилам. Первое правило гласит, что все стандартные Дескрипторы находятся между символами “меньше” (<) и “больше” (>), например:

Замечание . Обратите внимание, что между символами <> и Дескрипторам нет никаких пробелов, как и между буквами, составляющими сам Дескриптор.

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

Атрибуты должны находиться только в открывающем дескрипторе и их может использоваться несколько. Все они будут записываться через пробел. Например, синтаксически верной является строка <ВODY bgcolor=”#ffffff” text=”#000000”> которая закрывается с помощью дескриптора ВОDУ>, но не наоборот.

Значения – это неотъемлемая часть атрибутов и в конечном итоге определяют сам дескриптор.

Примеры:

Пример размера шрифта 5 пунктов max размер от 1 до 7

Выравнивание раздела текста по центру

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

Специальные символы ничем не похожи на стандартные дескрипторы HTML. Примером служит символ авторского права, © который можно закодировать как ©

Знак & обозначает начало специального символа, а точка с запятой (;) – его конец. Таким образом, браузеру понятно, что следует не показывать на экране слово copy, а интерпретировать весь фрагмент как единый символ авторского права ©. Иногда хочется показать на HTML – странице примеры кода. Сделать это можно только с использованием специальных символов, иначе код HTML будет интерпретироваться буквально.

dudka.gif” <IMG src=”dudka.gif”>

1.1.Вертикальная и горизонтальная симметрия, метод контейнеров

1.1.1.Симметричные теги

Симметрия (HTML-кода) — это способ расположения тэгов в документе, при котором открывающий и завершающий блок дескрипторы располагаются на одной линии (для удобного просмотра и редактирования).

Замечание: Принято выделять два вида симметрии в Web документе – вертикальная и горизонтальная.



Примеры симметричного расположения тегов


Пример вертикальной симметрии.



Пример горизонтальной симметрии.


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

2.4 Элементы форматирования HTML.

Форматирование - это основная, самая простая и мощная часть HTML. Существует большое количество дескрипторов, которые управляют форматированием

Пример простейшего HTML-кода web-страницы.

Мой первый шаг

Здравствуйте, это моя первая страница.


Добро пожаловать! :)


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


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


Пример дескриптора с использованием атрибут = «значение»


Пример текста выведенным на экране ЗАГОЛОВКА 1-го уровня

со значением выровнять по центру.


…………………….


…………………….


…………………….


…………………….


…………………….


Если вы используете дескриптор заголовка, то, как вы видите, заголовки разрываются автоматически,

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


На практике создать 5-ть документов HTML, в которых будут использоваться основные дескрипторы. В один из html-документов впишите информацию о себе


Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

5 503 307 материалов в базе

Материал подходит для УМК

Скачать материал

Другие материалы

  • 16.12.2019
  • 265
  • 7

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 25.01.2020 182
    • DOCX 69.5 кбайт
    • 0 скачиваний
    • Оцените материал:
  • Настоящий материал опубликован пользователем Нессонова Елена Вячеславовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Пожаловаться на материал
  • Автор материала

    Нессонова Елена Вячеславовна
    Нессонова Елена Вячеславовна
    • На сайте: 5 лет и 3 месяца
    • Подписчики: 5
    • Всего просмотров: 5151
    • Всего материалов: 15