1 лабораторная работа
Тема: Структура HTML-документа. Основные теги HTML, атрибуты тегов
Цель работы:Он состоит из изучения того, как использовать теги HTML, и развития навыков дизайна веб-сайтов.
Теоретическая часть
HTML(Hyper Text Markup Language) — это язык символов, то есть код, написанный на этом языке, объединяет специальные символы. Такие символы управляют только внешним видом документа и не видны. Записи внутри символа «<>» называются тегами. Большинство тегов являются открытыми (<>) и закрытыми (>). … — это тег «html», который открывается и закрывается. Этот тег указывает документацию в формате HTML, и весь код написан внутри этого тега.
<голова>… голова>основная часть страницы. Код в этом теге не виден пользователям, это не очень важный тег при создании простых страниц. Этот тег может содержать следующие теги: - метатеги html (мета) - название страницы (название)
- Соединение кодов JavaScript (JavaScript) - добавление стилей (ссылка) … - дать странице название. Записи здесь появляются в верхней части браузера. … — это основная часть страницы. Это основная часть, и эта часть непосредственно видна пользователю. Все коды клавиш находятся внутри одной бирки. Полезно использовать комментарии при объяснении кодов.
Отображение слова «Hello world» на экране браузера
Результат:
… — Все записи в этом теге (могут быть теги) пишутся, начиная с центра страницы, так что общая запись оказывается посередине.
<час>- у этого тега нет закрывающего партнера. Тег рисует простую линию. Он имеет следующие атрибуты:
выровнять- задает плоскость линии, может принимать следующие значения: * по левому краю - выравнивание по левому краю * по правому краю - выравнивание по правому краю * по центру - выравнивание по центру.
цвет- указать цвет линии (название цвета или 16-значный номер системы).
ночная тень- рисование без эффектов.
тебе- толщина линии (размер = «20″).
ширина- длина строки, указанная в пикселях или фазах (ширина = "20%"). - переместить курсор на единицу вниз, тогда все, что идет дальше (таблица, запись,…) записывается с единицы вниз (короткий Enter). Закрывающего партнера нет. … - Назовите текст. Этот класс может быть записан в 6 различных формах (h1, h2, h3, h4, h5, h6). Чем больше число, тем меньше размер записей. Этот тег удобен для присвоения имен разного размера (название раздела, название группы, название главы и т. д.). У него есть один атрибут:
выровнять- выравнивание записи, значения следующие: * по левому краю - выравнивание по левому краю (обычное). * По центру - выравнивание по центру. * По правому краю - выравнивание по правому краю. * По ширине - коррекция всей строки поперек.
… - используется для добавления абзацев. Каждый открытый тег "p" отображает запись, начиная с новой. Этот тег имеет следующие атрибуты:
выровнять- выровнять запись, принимает следующие значения: * по левому краю - по левому краю * по правому краю - по правому краю * по центру - по центру * по ширине - по всей строке
<шрифт>… шрифт>- выводить запись в форматированном виде. Он имеет следующие атрибуты:
цвет- установка цвета шрифта;
лицо- установка шрифта (таймс нью роман, вердана, ариал);
тебе- установить размер шрифта (значения от 1 до 7).
Пример:
Привет MarkaZ EmaS MarkaZ Известный Манчестер Объединенный клуб Основан в 1878 году! Гиггз Янг Валенсия < h4 > Фил Джон Уэйн Руни Фердинанд 1. AkmX.uz
Победитель Манчестер Юнайтед 2012/2013
Задания
Каждый студент формирует свои задания, используя основные теги HTML-тегов лабораторных заданий, приведенных в Руководстве по лабораторным работам во Введении в веб-программирование.
Do'stlaringiz bilan baham: |