Web-страницы
Presentation
•
Education
•
Professional Development
•
Practice Problem
•
Easy
Ольга Лупекина
Used 2+ times
FREE Resource
18 Slides • 2 Questions
1
Multiple Select
Выбери правильное утверждение
•Тэги заключаются в угловые скобки и могут быть одиночными и парными.
•Парный тэг содержит открывающий и закрывающий тэги (такая пара тегов называется контейнером).
•Закрывающийся тэг имеет символ слэш(/)
Тэги не имеют атрибутов
2
Разработка Web-сайтов с использованием языка разметки гипертекста HTML
3
Web-страницы
Создаются с использованием языка разметки гипертекстовых документов HTML.
В обычный текстовый документ вставляются управляющие символы (HTML-тэги), которые определяют вид Web-страницы при ее просмотре в браузере.
4
HTML-тэги
Тэги заключаются в угловые скобки и могут быть одиночными и парными.
<BR> <HTML> </HTML>
5
HTML-тэги
Тэги могут записываться как прописными, так и строчными буквами.
Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения.
6
HTML-тэги
•Web-страница помещается в контейнер
<HTML> </HTML>
•Заголовок страниц <HEAD> </HEAD>
•Заголовок содержит название страницы, который помещается в контейнер - <TITLE></TITLE>
7
HTML-тэги
Информационные одиночные теги <META> имеющие атрибуты – charset – информирует браузер о кодировке Web-страницы.
Содержимое страницы помещается в контейнер -
<BODY> </BODY>
8
HTML-тэги
<HTML> начало контейнера Web-страницы
<HEAD> начало контейнера заголовка страницы
<TITLE>Заголовок страницы</TITLE> заголовок
<META =“text/html; charset=windows-1251”
http-equiv=“content-type”> информационный тег
</HEAD> конец контейнера заголовка страницы
<BODY> начало содержимого страницы
</BODY> конец содержимого страницы
</HTML> конец контейнера Web-страницы
9
Создание документа HTML
Документ гипертекстовой разметки имеет расширение *.html
10
Алгоритм написания документа:
1.Создать текстовый документ (блокнот).
2. Записать в него структуру документа HTML.
3. Записать данные Вашей Web-страницы.
4. Сохранить документ с расширением *.html.
5. Открыть страницу браузера.
11
Шрифт
Размер шрифта
<H1> </H1> - самый крупный
<H6> </H6> - самый мелкий
Гарнитура шрифта
FACE (например FACE=«Arial»)
12
Цвет шрифта
•Значение атрибута COLOR можно задать либо названием цвета (“red”, “green”, “blue”), либо его шестнадцатеричным значением.
•Шестнадцатеричное представление цвета использует RGB-формат”#RRGGBB”, где две первые шестнадцатеричные цифры задают интенсивность красного (red), две следующие – интенсивность зеленого (green) и две последние – интенсивность цвета синего (blue).
•Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная – FF. Например, синий цвет задается значением “#000FF”.
13
Форматирование текста
<P></P> - разделитель текста на абзацы
Для каждого абзаца можно задать определенный тип выравнивания текста - атрибут ALIGN:
•По левому краю ALIGN=“left”;
•По правому краю ALIGN=“right”;
•По центру ALIGN=“center”.
14
Форматирование текста
Заголовки целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга <HR>, а для перевода строки используется одиночный тэг <BR>.
15
Вставка изображений
•На Web-страницы можно помещать изображения, хранящиеся в графических файлах сжатых форматах – GIF, JPEG, PNG.
•Для вставки изображения используется тэг - <IMG> c атрибутом SRC, который указывает на место хранения файла на компьютере или в Интернете.
16
Вставка изображений
Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы , то в качестве значения атрибута SRC достаточно указать только имя файла.
•Например:
<IMG SRC = “file.gif”>
17
Расположение рисунка относительно текста
Позволяет атрибут – ALIGN,который может принимать пять различных значения;
Верх - TOP;
Середина - MIDDLE;
Низ – BOTTOM;
Слева - LEFT;
Справа - RIGHT.
18
Расположение рисунка относительно текста
Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид:
<IMG SRC = “file. gif” ALIGN = “RIGHT” >
19
HTML-тэги
•Парный тэг содержит открывающий и закрывающий тэги (такая пара тегов называется контейнером).
•Закрывающийся тэг прямой слэш(/)
20
Multiple Choice
Продолжите фразу - Web-страницы создаются с использованием языка разметки гипертекстовых документов ......
HTML
HMTL
HNTL
HSTL
Выбери правильное утверждение
•Тэги заключаются в угловые скобки и могут быть одиночными и парными.
•Парный тэг содержит открывающий и закрывающий тэги (такая пара тегов называется контейнером).
•Закрывающийся тэг имеет символ слэш(/)
Тэги не имеют атрибутов
Show answer
Auto Play
Slide 1 / 20
MULTIPLE SELECT
Similar Resources on Wayground
18 questions
BAHAN AJAR MULTIMEDIA LJJ
Presentation
•
Professional Development
16 questions
CSS
Presentation
•
Professional Development
17 questions
Hubungan Erat Pancasila dan UUD 1945
Presentation
•
KG - University
11 questions
Draw a car
Presentation
•
Professional Development
15 questions
PS. Role Clarification Rev.: 02
Presentation
•
Professional Development
15 questions
CTZ Fase Intensiva 22-23
Presentation
•
Professional Development
18 questions
Degustando o Pensamento Lógico
Presentation
•
Professional Development
14 questions
Herramientas digitales en el aula
Presentation
•
Professional Development
Popular Resources on Wayground
6 questions
Secondary Safety Quiz
Presentation
•
9th - 12th Grade
10 questions
MyPath Diagnostic Overview
Presentation
•
6th - 8th Grade
20 questions
Lab Safety Quiz
Quiz
•
6th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
20 questions
Adding and Subtracting Decimals
Quiz
•
5th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
16 questions
Subject & Predicate
Quiz
•
5th Grade
21 questions
Lab Safety
Quiz
•
10th Grade
Discover more resources for Education
5 questions
Setting goals for the year
Quiz
•
Professional Development
87 questions
STEM Academy
Quiz
•
Professional Development
20 questions
Employability Skills
Quiz
•
Professional Development
20 questions
Interval & Set Notation
Quiz
•
9th Grade - Professio...
10 questions
How to Email your Teacher
Quiz
•
Professional Development