это быстро и бесплатно
Оформите заказ сейчас и получите скидку 100 руб.!
Ознакомительный фрагмент работы:
Лабораторна робота №1
Тема:Структурні теги HTML документів та форматування тексту
Мета: Опанувати принципи побудови логічної структури HTML-документа і основні принципи форматування тексту.
Теоретичні відомості.
Створення HTML-документа відбувається розташуванням тегів (tags) мови HTML всередині звичайного неформатованого тексту. Теги HTML — це послідовності символів, які починаються знаком «менше» (<) і закінчуються знаком «більше» (>). Теги можуть мати атрибути, які, в свою чергу, можуть приймати певні значення. Броузери WWW обов'язково дотримуються трьох правил при синтаксичному аналізі HTML:
1. Пробіли та інші «невидимі символи» ігноруються.
2. Теги форматування можуть бути написані великими або малими літерами.
3. Більшість тегів форматування пишуться парами.
Технологія створення HTML-документа
HTML-документ можна створювати за допомогою найпростішого текстового процесора, який дозволяє зберігати текстові (ASCII) файли, наприклад Windows Notepad (Блокнот). При цьому не застосовуються ніякі коди для форматування.
Порядок створення Web-документа:
1. У головному меню WINDOWS вибрати пункт Пуск-Программы -Стандартные -Блокнот.
2. Ввести структуру документа
3. Зберегти створений документ, обов'язково надавши йому розширення *.htm
4. Перевірити вигляд створеної гіпертекстової сторінки. Для перевірки одержаної сторінки завантажити Internet Explorer, відкрити меню File, вибрати команду Open file, завантажити створений файл.
5 Для внесення змін повернутись до програми Блокнот, внести зміни, зберегти файл.
6. Активізувати Internet Explorer, натиснути кнопку Обновить.
Структурні теги HTML-документа визначають початок і закінчення різних частин документа. Хоча багато броузерів правильно інтерпретують документ і без них, правила вимагають, щоб структурні теги були включені до документа. На початковому етапі вивчення мови HTML ці теги обов'язково повинні включатись до кожного із створюваних документів,
Позначення HTML-документа
<HTML>... < /HTML> - включають в себе всі інші теги HTML і весь інформаційний зміст документа.
<HTML> розташовується у першому рядку документа;
< /HTML> - у останньому рядку.
Заголовок документа
<HEAD>... </HEAD> - містить інформацію про документ.
Назва документа
<TITLE>... </TITLE> - назва документа, яка відображається в рядку заголовка internet Explorer.
Тіло документа
<BODY>,..</BODY> - тіло документа містить весь текст з інформацією і всі теги HTML, які використовуються для форматування тексту.
ПРИКЛАД (базова структура HTML-документа) Файл у форматі HTML:
<HTML>
<HEAD>
<ТITLЕ> Моя перша HTML-cтopiнкa </TITLE>
</HEAD>
<BODY>
</BODY> </HTML> "
Microsoft Internet Explorer і Netscape Navigator допускають застосування атрибутів LEFTMARGIN=«n» і «TOPMARGIN=«n» у тегу <BODY> Атрибут LEFTMARGIN = задає ліве поле для всієї сторінки. TOPMARGIN= визначає верхнє поле. Число п вказує на ширину поля у пікселях. Наприклад, тег <BODY LEFTMARGIN= «40»> створює на всій сторінці ліве поле шириною 40 пікселів. При n=0 ліве поле відсутнє.
ФОРМАТУВАННЯ ТЕКСТУ
Розмітка, яка створюється за допомогою мови HTML, дозволяє організовувати текст у логічні, легко зрозумілі розділи або застосовувати до нього специфічний формат. Теги форматування дозволяють визначити такі елементи:
- початок абзацу і кінець рядка;
- стилі заголовків;
- фізичні стилі;
- логічні етилі;
- списки;
- спеціальні символи.
Тег управління абзацом
Початок абзацу
<Р>...</Р> - позначає початок і кінець нового абзацу.
Атрибути тега <Р>
ALIGN=LEFT|RIGHT|CENTER|JUSTIFY - вирівнює текст всередині абзацу.
ПРИКЛАД запису тега абзацу з атрибутом:
<Р ALIGN= JUST1FY> - абзац вирівнюється по ширині.
Тег управління переходом на новий рядок
Тег <BR> розпочинає новий рядок тексту в межах поточного абзацу.
Примусове переведення рядка використовується для того, щоб порушити стандартний порядок відображення тексту.
<BLOCKQUOTE>... </BLOCKQUOTE> - дозволяє розміщувати текст на рівній відстані від меж екрана і створювати відступи ліворуч і праворуч,
Тег додає поля ліворуч і праворуч від тексту і дозволяє розташувати текст компактно у центрі сторінки. При використанні <BLOCKQUOTE > декілька разів текст дедалі більше стискається до центра.
<СІТЕ>....</СІТЕ> - розмічає текст як цитату, як правило, курсивом..
Теги стильового виділення тексту
Фізичні стилі - це реальні атрибути шрифту, такі, як курсив або жирне виділення.
<I>...</I>
<BIG >... </BIG>
<SMALL >...</ SMALL >
<SUB >...</ SUB >
<SUP >...</ SUP >
Значення
курсив (ITALIC)
жирний шрифт (BOLD)
Телетайп Підкреслений
Перекреслений текст
Збільшений шрифт
Зменшений шрифт
Підрядкові символи надрядкові символи
ПРИКЛАДІ
Файл у форматі HTML:
<HTML>
<HEAD>
<TITLE>Moя перша HTML- сторінка <TITLE>
</HEAD>
<BODY>
<P ALIGN=CENTER>
УКРАЇНСЬКА МИНУВШИНА <BR>
Етнофафічний довідник </Р>
</BODY>
</HTML>
Сделайте индивидуальный заказ на нашем сервисе. Там эксперты помогают с учебой без посредников
Разместите задание – сайт бесплатно отправит его исполнителя, и они предложат цены.
Цены ниже, чем в агентствах и у конкурентов
Вы работаете с экспертами напрямую. Поэтому стоимость работ приятно вас удивит
Бесплатные доработки и консультации
Исполнитель внесет нужные правки в работу по вашему требованию без доплат. Корректировки в максимально короткие сроки
Гарантируем возврат
Если работа вас не устроит – мы вернем 100% суммы заказа
Техподдержка 7 дней в неделю
Наши менеджеры всегда на связи и оперативно решат любую проблему
Строгий отбор экспертов
К работе допускаются только проверенные специалисты с высшим образованием. Проверяем диплом на оценки «хорошо» и «отлично»
Работы выполняют эксперты в своём деле. Они ценят свою репутацию, поэтому результат выполненной работы гарантирован
Ежедневно эксперты готовы работать над 1000 заданиями. Контролируйте процесс написания работы в режиме онлайн
Выполнить 2 контрольные работы по Информационные технологии и сети в нефтегазовой отрасли. М-07765
Контрольная, Информационные технологии
Срок сдачи к 12 дек.
Архитектура и организация конфигурации памяти вычислительной системы
Лабораторная, Архитектура средств вычислительной техники
Срок сдачи к 12 дек.
Организации профилактики травматизма в спортивных секциях в общеобразовательной школе
Курсовая, профилактики травматизма, медицина
Срок сдачи к 5 дек.
краткая характеристика сбербанка анализ тарифов РКО
Отчет по практике, дистанционное банковское обслуживание
Срок сдачи к 5 дек.
Исследование методов получения случайных чисел с заданным законом распределения
Лабораторная, Моделирование, математика
Срок сдачи к 10 дек.
Проектирование заготовок, получаемых литьем в песчано-глинистые формы
Лабораторная, основы технологии машиностроения
Срок сдачи к 14 дек.
Вам необходимо выбрать модель медиастратегии
Другое, Медиапланирование, реклама, маркетинг
Срок сдачи к 7 дек.
Ответить на задания
Решение задач, Цифровизация процессов управления, информатика, программирование
Срок сдачи к 20 дек.
Написать реферат по Информационные технологии и сети в нефтегазовой отрасли. М-07764
Реферат, Информационные технологии
Срок сдачи к 11 дек.
Написать реферат по Информационные технологии и сети в нефтегазовой отрасли. М-07764
Реферат, Геология
Срок сдачи к 11 дек.
Разработка веб-информационной системы для автоматизации складских операций компании Hoff
Диплом, Логистические системы, логистика, информатика, программирование, теория автоматического управления
Срок сдачи к 1 мар.
Нужно решить задание по информатике и математическому анализу (скрин...
Решение задач, Информатика
Срок сдачи к 5 дек.
Заполните форму и узнайте цену на индивидуальную работу!