Создание Web-страниц на языке HTML

Февраль 7, 2021

Главная
Разное
Создание Web-страниц на языке HTML

Содержание

2. Основные понятия HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для
3. Основные понятия Тэги - это метки, которые используются для указания браузеру, как он должен показывать web-сайт.
4. Структура HTML документа. Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере, из
5. - Название, оглавление страницы, предназначен для поисковых машин, этот тег всегда помещается внутри - … -
6. Пример: Это моя первая страница Привет, мир!
7. Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются атрибуты тегов. Атрибуты тега
8. Таблица цветов HTML
9. ..... - Определяет величину заголовка по их степени важности. ..... - Самый большой заголовок. ..... -
10. Форматирование текста документа ….. - Определяет новый параграф текста с предварительным пропуском одной строки. - Выравнивает
11. - Определяет нумерованный список. - Объекту, заключённому в этот тег присваивается номер. Также применяется атребут: start
12. Графические элементы на странице Вставляет изображение на страницу. Форматирует положение изображения в документе. Может иметь значения:
13. Создание таблиц Тег создающий таблицу. Задает строку в таблице. Задает отдельную ячейку в таблице. Задает заголовок
14. Атрибуты таблицы Определяет толщину рамки. Определяет расстояние между ячейками Устанавливает ширину таблицы. (Значение параметра может быть
15. Оформление гиперссылок - Задаёт переход на другие ресурсы. - Название страницы - Задаёт переход на другие
16. Атрибуты гиперссылок Указывает в каком окне открывать гиперссылку. Цвет текста гиперссылок Атрибут LINK служит для выделения
17. Пример: Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу
18. HTML-код: Ссылка на главную страницу сайта Отображение в браузере: Ссылка на главную страницу сайта HTML-код: Ссылка
19. Гиперссылка в пределах html страницы Иногда необходимо сделать гиперссылку в пределах одной страницы. Например, в начале
21. Скачать презентацию

Основные понятия
HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста).
HTML предназначен для создания

веб-страниц во всемирной паутине.

Основные понятия
Тэги - это метки, которые используются для указания браузеру, как он

должен показывать web-сайт.
Большая часть HTML тегов состоит из двух частей:
открывающий тег <...>
закрывающий тег
Теги не чувствительны к регистру

Структура HTML документа.
Абсолютно любой документ, построенный на базе HTML будет состоять, по

меньшей мере, из следующих тегов:
- Это самый главный тег, так как указывает принадлежность документа к HTML языку, заключает в себе всё содержимое веб – страницы, ставится в самом начале и соответственно в конце закрывает документ. …
- Этот тег не менее важен, в нём размещается не видимая информация о вашем сайте предназначенная для поисковых машин. …

Слайд 5

- Название, оглавление страницы, предназначен для поисковых машин, этот тег всегда помещается</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="- Название, оглавление страницы, предназначен для поисковых машин, этот тег всегда помещается" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/344267/slide-4.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/344267/slide-4.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/344267/slide-4.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/344267/slide-4.jpg 1440w" class="slides-image" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/344267/slide-4.jpg"><div class="slides-content">внутри - <head><title>…
- В этот тег помещается информация, которая должна отображаться в окне браузера. …

Слайд 6

Пример:
Это моя первая страница Привет, мир!

Слайд 7

Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются

атрибуты тегов.
Атрибуты тега тела документа
- Цвет фона документа, используя значение цвета в виде RRGGBB.
- Цвет текста документа

Слайд 8

Таблица цветов HTML

Слайд 9

.....
- Определяет величину заголовка по их степени важности.
.....
- Самый большой

заголовок.

.....

- Самый маленький заголовок.
….. - Определяет текст жирным шрифтом. …..- Определяет текст наклонным (курсив) шрифтом. …..- Имитирует стиль печатной машинки. ….. - Задаёт цвет текста, шестнадцатеричном коде. …..- Задаёт величину шрифта в пределах от “1” до “7”.
…..- Увеличивает размер текст на условную 1-цу от заданного. …..- Этот тег, браузер определяет как жирное начертание текста.
…..- Этот тег, браузер определяет как наклонное (курсив) начертании текста.

Атрибуты текст документа

Слайд 10

Форматирование текста документа
…..
- Определяет новый параграф текста с предварительным пропуском одной строки. < P ALIGN=”…”>

- Выравнивает текст относительно одной из сторон документа. Значения: “left”, “right”, “justify, “ center”. Пример: текст

Текст по центру.

Слайд 11

- Определяет нумерованный список.
- Объекту, заключённому в этот тег присваивается

номер. Также применяется атребут: start - Указывает стартовый номер. type - Определяет характер обозначение, буквенный “Ж”, ”ж”, “J”, ”j” или цифровой – “10”, “Х”.
...
Пример:

морковь

капуста

яблоки

уксус

сахар

соль
Результат:
3. морковь
4. капуста
5. яблоки
6. уксус
7. сахар
8. соль

Слайд 12

Графические элементы на странице
Вставляет изображение на страницу.
Форматирует положение изображения в

документе. Может иметь значения: left, right, center; bottom, top, middle.

Устанавливает толщину рамки вокруг изображения

Устанавливает поля сверху и снизу

Устанавливает поля слева и справа.

- Добавляет горизонтальную линию.

Указывает ширину линии в пикселах или процентах.

Линия без тени.

Определяет цвет линии.

Слайд 13

Создание таблиц

Тег создающий таблицу.
Задает строку в таблице.
Задает отдельную ячейку в

таблице.
Задает заголовок таблицы (обычная ячейка с форматированием по центру и полужирным текстом)

Слайд 14

Атрибуты таблицы

Определяет толщину рамки.
Определяет расстояние между ячейками
Устанавливает ширину таблицы.
(Значение параметра может быть в пикселях или процентах)
Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах)
Указывает количество столбцов, объединенных в одной ячейке.
Указывает количество строк, объединенных в одной ячейке.
Задает ширину ячейки таблицы в пикселях или процентах.
Задает высоту ячейки таблицы в пикселях или процентах.
Слайд 15
Оформление гиперссылок
- Задаёт переход на другие ресурсы.
- Название страницы - Задаёт переход на другие страницы сайта.
- Название страницы - Задаёт переход на другую страницу сайта в новом окне.
Слайд 16
Атрибуты гиперссылок
Указывает в каком окне открывать гиперссылку.
Цвет текста гиперссылок
Атрибут LINK служит
для выделения гиперссылок, которые еще не посещались пользователем.
Атрибут VLINK - уже посещенные ссылки.
Атрибут ALINK - выделяет активную гиперссылку.
Слайд 17
Пример:
Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать
на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолютным адресом страницы (http://www.site.com/page.html).
Если создается ссылка на страницу в пределах сайта, то предпочтительнее использовать относительный URL (page.html, catalog/page.html). Делая графическую гиперссылку, помните, что некоторым пользователям графика недоступна, поэтому обязательно включайте соответствующие текстовые элементы.
Слайд 18
HTML-код:
Ссылка на главную страницу сайта
Отображение в браузере:
Ссылка на главную страницу сайта
HTML-код:
href="../index.html">Ссылка на главную страницу сайтаОтображение в браузере:
Ссылка на главную страницу сайта
Слайд 19
Гиперссылка в пределах html страницы
Иногда необходимо сделать гиперссылку в пределах одной страницы.
Например, в начале страницы это гиперссылки, позволяющие перейти к просмотру конкретного вопроса, и в самом низу страницы - позволяющей перейти в начало страницы.
Чтобы построить ссылку на область внутри текущей страницы, надо дать этой области название при помощи атрибута NAME тэга . Имя должно содержать только буквы и цифры.
Таким образом можно делать гиперссылки, указывающие на области других страниц внутри сайта.
Пример:
HTML-код:
Наверх страницы
В то место, куда надо сделать переход надо вставить:

Отображение в браузере:
Наверх страницы
Имя файла: Создание-Web-страниц-на-языке-HTML.pptx
Количество просмотров: 348
Количество скачиваний: 0
- Предыдущая
Логические основы компьютера
Следующая -
Устройства ввода-вывода информации
Похожие презентации
С 16 ПО 23 АПРЕЛЯ Пословицы о добре Жизнь дана на добрые дела. Жизнь дана на добрые дела. Доброе слово и железные ворота открывает. Доб
Типовая текущая ситуация - декомпозиция/композиция на программном уровне представления физической области: - либо ручном режим с
Преимущества медиации при урегулировании споров между собственниками
Особенности мышления лиц с нарушениями речи
Рекламные социальные онлайн-игры
Доклад ученицы 11-го класса Мукучинской гимназии Андросовой Айыыны Руководитель: Кычкина А.Д.,учитель биологии. Научный руководите
Экспериментальная психология. Факторные эксперименты. (Лекция 8)
Код эмитента: [ 0 15 12 10191 - [н]
Контрольно-измерительные материалы в формате подготовки к ЕГЭ
Орудия труда и занятия древнейшего населения Сахалина и Курил
Tework's. Наш логотип
Урок презентация ОДНОКОРЕННЫЕ СЛОВА
Дуэль и смерть А.С. Пушкина
Давай поговорим поподробнее о зиме
Бизнес-центр «Barclay Plaza»Барклая улица 6 стр. 3
Презентация на тему Культура Древней Руси (IX- первая треть XIIIв.)
а)аутосомно-доминантный Женщина, не страдающая катарактой, вышла замуж за мужчину, который недавно перенес операцию по удалению ка
Презентация на тему Развитие правовой мысли в новое время
Жерар Депардье
Prezentatsia_k_kl_chasu
Автоматизированная Система Управления Безопасностью Предприятия
Презентация на тему Вспомни сказку
Развитие высокопроизводительных вычислительных ресурсов вуза
Презентация на тему Химия и сельское хозяйство (11 класс)
Stable Electrical
О специальной стипендиальной программе компании BP Exploration Operating Company Limited с Казанским Федеральным Университетом
Рекомендации психолога родителям первоклассников
Бизнес-план по развитию крестьянского (фермерского) хозяйства начинающего фермера
Обратная связь
Для правообладателей
Email: Нажмите что бы посмотреть

Создание Web-страниц на языке HTML

Содержание

Слайд 2

Основные понятия
HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста).
HTML предназначен для создания

Слайд 3

Основные понятия
Тэги - это метки, которые используются для указания браузеру, как он

Слайд 4

Структура HTML документа.
Абсолютно любой документ, построенный на базе HTML будет состоять, по

Слайд 5

Слайд 6

Пример:
Это моя первая страница Привет, мир!

Слайд 7

Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются

Слайд 8

Таблица цветов HTML

Слайд 9

.....
- Определяет величину заголовка по их степени важности.
.....
- Самый большой

.....

- Определяет величину заголовка по их степени важности.

.....

.....

Слайд 10

Форматирование текста документа
…..
- Определяет новый параграф текста с предварительным пропуском одной строки. < P ALIGN=”…”>

Слайд 11

- Определяет нумерованный список.
- Объекту, заключённому в этот тег присваивается

Слайд 12

Графические элементы на странице
Вставляет изображение на страницу.
Форматирует положение изображения в

Слайд 13

Создание таблиц

Тег создающий таблицу.
Задает строку в таблице.
Задает отдельную ячейку в

Слайд 14

Слайд 15

Оформление гиперссылок
- Задаёт переход на другие ресурсы.

Слайд 16

Атрибуты гиперссылок
Указывает в каком окне открывать гиперссылку.
Цвет текста гиперссылок
Атрибут LINK служит

Слайд 17

Пример:
Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать

Слайд 18

HTML-код:
Ссылка на главную страницу сайта
Отображение в браузере:
Ссылка на главную страницу сайта
HTML-код:

Слайд 19

Гиперссылка в пределах html страницы
Иногда необходимо сделать гиперссылку в пределах одной страницы.

Создание Web-страниц на языке HTML

Содержание

Основные понятияHTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста).HTML предназначен для создания

Основные понятияТэги - это метки, которые используются для указания браузеру, как он

Структура HTML документа. Абсолютно любой документ, построенный на базе HTML будет состоять, по

Пример: Это моя первая страница Привет, мир!

Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются

Таблица цветов HTML

..... - Определяет величину заголовка по их степени важности. ..... - Самый большой

.....

- Определяет величину заголовка по их степени важности.

.....

.....

Форматирование текста документа…..- Определяет новый параграф текста с предварительным пропуском одной строки. < P ALIGN=”…”>

- Определяет нумерованный список. - Объекту, заключённому в этот тег присваивается

Графические элементы на странице Вставляет изображение на страницу. Форматирует положение изображения в

Создание таблиц Тег создающий таблицу. Задает строку в таблице. Задает отдельную ячейку в

Оформление гиперссылок - Задаёт переход на другие ресурсы.

Атрибуты гиперссылок Указывает в каком окне открывать гиперссылку. Цвет текста гиперссылокАтрибут LINK служит

Пример:Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать

HTML-код:Ссылка на главную страницу сайтаОтображение в браузере:Ссылка на главную страницу сайтаHTML-код:

Гиперссылка в пределах html страницыИногда необходимо сделать гиперссылку в пределах одной страницы.

Похожие презентации

Основные понятия
HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста).
HTML предназначен для создания

Основные понятия
Тэги - это метки, которые используются для указания браузеру, как он

Структура HTML документа.
Абсолютно любой документ, построенный на базе HTML будет состоять, по

Пример:
Это моя первая страница Привет, мир!

.....
- Определяет величину заголовка по их степени важности.
.....
- Самый большой

Форматирование текста документа
…..
- Определяет новый параграф текста с предварительным пропуском одной строки. < P ALIGN=”…”>

- Определяет нумерованный список.
- Объекту, заключённому в этот тег присваивается

Графические элементы на странице
Вставляет изображение на страницу.
Форматирует положение изображения в

Создание таблиц

Тег создающий таблицу.
Задает строку в таблице.
Задает отдельную ячейку в

Оформление гиперссылок
- Задаёт переход на другие ресурсы.

Атрибуты гиперссылок
Указывает в каком окне открывать гиперссылку.
Цвет текста гиперссылок
Атрибут LINK служит

Пример:
Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать

HTML-код:
Ссылка на главную страницу сайта
Отображение в браузере:
Ссылка на главную страницу сайта
HTML-код:

Гиперссылка в пределах html страницы
Иногда необходимо сделать гиперссылку в пределах одной страницы.