Введение в язык разметки HTML

Содержание

Слайд 2

Слайд 3

ЭЛЕМКЕТЫ РАЗРАБОТКИ FRONT-END-А САЙТА Front-end разработка – это создание клиентской части

ЭЛЕМКЕТЫ РАЗРАБОТКИ FRONT-END-А САЙТА

Front-end разработка – это создание клиентской части сайта.

Front-end разработчик занимается версткой шаблона сайта и созданием пользовательского интерфейса
Для создания пользовательского интерфейса используется HTML, CSS и JavaScript
HTML отвечает за структуру и содержание страницы
CSS — за внешний вид страниц
JavaScript – используется для определения поведения страниц
Слайд 4

3 СИНОНИМЫ, АСОЦИАЦИИ Front-end Back-end HTML Язык разметки CSS Java-Script Веб сайт Веб страница

3 СИНОНИМЫ, АСОЦИАЦИИ
Front-end
Back-end
HTML
Язык разметки
CSS
Java-Script
Веб сайт
Веб страница

Слайд 5

СОДЕРЖАНИЕ 1. История появления языка HTML 2. Элементы HTML 3. Структура

СОДЕРЖАНИЕ

1. История появления языка HTML
2. Элементы HTML
3. Структура HTML-документа
4. Элементы из

заголовка HTML-документа
5. Определение содержимого web-страницы – тег „body”
6. Заголовки в HTML
7. Абзацы в HTML
8. Разрыв строки
9. Форматирование текста
10. Разделение контента
11. Ссылки и гипертексты
Слайд 6

ИСТОРИЯ ПОЯВЛЕНИЯ ЯЗЫКА HTML HTML (Hyper Text Markup Language) – язык

ИСТОРИЯ ПОЯВЛЕНИЯ ЯЗЫКА HTML

HTML (Hyper Text Markup Language) – язык используемый

для описания web-страниц
HTML не является языком программирования, он является языком разметки
Зык разметки (или маркировки) состоит из множества меток/этикеток/тег-ов разметки
Язык HTML использует тег-и для описания web-страниц
Тег это слово или короткое описание которое этикетирует какую-то информацию, с целью ее быстрого нахождения
Этикетки /разметки из HTML называются просто HTML-тегами
HTML-документ описывает web-страницу и состоит из тег-ов HTML и простого текста
Документ созданный с использованием HTML, может быть интерпретированным WEB-браузером, с целью выделения различных элементов документа и первичной их обработки
Слайд 7

СОЗДАНИЕ HTML-ДОКУМЕНТА Для создания HTML-документа можно использовать любой текстовой редактор К

СОЗДАНИЕ HTML-ДОКУМЕНТА

Для создания HTML-документа можно использовать любой текстовой редактор
К примеру

самый простой - Блокнот (Note-pad) – удобный и простой в использовании для описания web-страниц; Note-pad++…
Профессионалы используют часто (но не всегда!) специальные редакторы-HTML, как например Macromedia DreamWeaver
Предварительно, для создания HTML-документов, этот редактор необходимо проинсталлировать
Слайд 8

ШАГИ ДЛЯ СОЗДАНИЯ WEB-СТРАНИЦЫ Отрыть редактор (к примеру NotePad) Создается HTML-документ

ШАГИ ДЛЯ СОЗДАНИЯ WEB-СТРАНИЦЫ

Отрыть редактор (к примеру NotePad)
Создается HTML-документ
Сохраняется документ определяя

название файла и расширение. Обычно для HTML-документа расширение .html или .htm
(Закрывается файл)
Можно открыть этот документ в любом Web-браузере, и он воспроизведёт текст. Открывается браузер и вписывается имя html-файла, указав при необходимости и путь к файлу
Результат открытия и интерпретирования браузером HTML-документа - Web-страница
Для валидации правильности создания веб документа можете использовать он-лайн валидаторы: http://validator.w3.org/nu/
Слайд 9

ВЕРСИИ HTML

ВЕРСИИ HTML

Слайд 10

HTML ЭЛЕМЕНТЫ HTML документ определяется используя HTML-элементы HTML-элемент состоит из стартового

HTML ЭЛЕМЕНТЫ

HTML документ определяется используя HTML-элементы
HTML-элемент состоит из стартового тега и

завершающего тега
Все теги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки)
Между стартовым и завершающим тегом размещается содержимое HTML-элемента
Пример: <начальный_tag атрибуты> Cодержимое
Некоторые HTML-элементы могут не иметь содержимое
Пример пустого элемента: этикетка для создания разрыва строки
Пустые элементы обычно закрываются в стартовом теге (обязательно начиная с версии XHTML)
Существуют многие HTML-элементы содержащие атрибуты или другие HTML-элементы
Атрибуты предоставляют дополнительную информацию об элементе
Атрибуты всегда указаны в начальном теге
Слайд 11

HTML ЭЛЕМЕНТЫ Завершающий тег выглядит также, как стартовый, и отличается от

HTML ЭЛЕМЕНТЫ

Завершающий тег выглядит также, как стартовый, и отличается от него

прямым слэшем перед текстом внутри угловых скобок

Привет!

- пример тега с содержанием

- пример тега без содержания
Некоторые браузеры отображают содержание и без завершающего тега, но не все!!!
HTML не реагирует на регистр символов, описывающих тег!
В HTML5 появились новые мультимедийные элементы :
для внедрения звуков, аудио, видео
новые элементы для контолов (эл. управления) в HTML формах и элементы, используемые в определении структуры сайта
Кроме того, в 5-й версии исчезли некоторые элементы, присутствующие в версии 4.01
Слайд 12

ОСНОВНАЯ СТРУКТУРА HTML-ДОКУМЕНТА Cамая простая веб страница состоит из минимум 3 тега. Какие?

ОСНОВНАЯ СТРУКТУРА HTML-ДОКУМЕНТА

Cамая простая веб страница состоит из минимум 3 тега.

Какие?
Слайд 13

ОСНОВНАЯ СТРУКТУРА HTML-ДОКУМЕНТА. II Простейшая HTML-страница состоит как минимум из трёх

ОСНОВНАЯ СТРУКТУРА HTML-ДОКУМЕНТА. II

Простейшая HTML-страница состоит как минимум из трёх тегов:
Тег  — это

контейнер, в котором находится всё содержимое страницы, включая теги  и . Как правило, тег  идёт в документе вторым после доктайпа.
Тег  предназначен для хранения элементов, цель которых — помочь браузеру в работе с данными. Содержимое этого тега не отображается напрямую.
Тег  предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера.
Слайд 14

ДОБАВЛЕНИЯ В ОСНОВНОЙ СТРУКТУРЕ В последние версии HTML (после 4.01) в

ДОБАВЛЕНИЯ В ОСНОВНОЙ СТРУКТУРЕ

В последние версии HTML (после 4.01) в основной

структуре HTML-документа было добавлено описание , перед тегом html
Это описание необходимо браузерам для правильного представления web-страницы
Оно указывает версию в которой была определена HTML-страница
Данное описание не является тегом! В 5-й версии базовая структура будет:
Название документа
Cодержание HTML-документа

Слайд 15

ПРИМЕР Сколько, в следующем примере, HTML-элементов? Пример Пробуем… Простой текст

ПРИМЕР

Сколько, в следующем примере, HTML-элементов?

Пример

Пробуем…

Простой текст


Слайд 16

АТРИБУТЫ HTML-ЭЛЕМЕНТОВ Атрибуты добавляют дополнительную информацию HTML-элементам HTML-элемент может иметь или

АТРИБУТЫ HTML-ЭЛЕМЕНТОВ

Атрибуты добавляют дополнительную информацию HTML-элементам
HTML-элемент может иметь или не иметь

атрибуты
Атрибуты определяются в открывающем теге элемента
Атрибуты добавляются соблюдая следующий синтаксис: названиеАтрибута=«значение»
Пример:

Стандарты рекомендуют использование кавычек для определения значения атрибута! Отсутствие кавычек может привести к неправильному интерпретирования кода.
Примечание: Какие кавычки чаще используются – одиночные или двойные?
Слайд 17

ГЛОБАЛЬНЫЕ АТРИБУТЫ Глобальные атрибуты это те атрибуты которые можно использовать во

ГЛОБАЛЬНЫЕ АТРИБУТЫ

Глобальные атрибуты это те атрибуты которые можно использовать во всех

HTML-элементах
Примеры глобальных атрибутов:

Существуют еще и глобальные атрибуты которые определяют запуск событий – lставится в соответствие скрипт.
Детали: http://www.w3schools.com/tags/ref_eventattributes.asp

Слайд 18

ТЕГ HTML Тег имеет роль „сказать” браузеру что следует HTML-документ Тег

ТЕГ HTML

Тег имеет роль „сказать” браузеру что следует HTML-документ
Тег

еще называется и корневым тегом для HTML-документа
Тег это тег-контейнер для всех остальных HTML-элементов
Только описание не содержится в HTML элементе
Все веб браузеры поддерживают данный элемент
Слайд 19

ЗАГОЛОВОК HTML-СТРАНИЦЫ Элемент представляет собой контейнер для других элементов, размещенных в

ЗАГОЛОВОК HTML-СТРАНИЦЫ

Элемент представляет собой контейнер для других элементов, размещенных в

заголовке документа
До 5-версии было обязательно его использование, а в HTML5 данный тег может и отсутствовать
HEAD - базовый тег html-страницы, содержащий заголовок текущей страницы; мета-теги; сценарии JavaScript; стили форматирования и т.д.
Эти данные (за исключением TITLE) не отображаются в окне браузера
Метки, которые можно вставить в теге являются: ​​, <style>, <meta>, <link>, <script>, <noscript>, <base><br>Все веб-браузеры поддерживают данный элемент<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide20" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 20</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/530028/slide-19.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="ПРИМЕР СОДЕРЖИМОГО ТЕГА HEAD Элемент вставляется между отрытом тегом HTML и отрытом тегом BODY Описание …" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/530028/slide-19.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/530028/slide-19.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/530028/slide-19.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/530028/slide-19.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>ПРИМЕР СОДЕРЖИМОГО ТЕГА HEAD<br><p>Элемент <Head> вставляется между отрытом тегом HTML и</div></h2><div class="slides-content">отрытом тегом BODY<br><html><br><head>    <title> Описание   

…


Слайд 21

ЭЛЕМЕНТЫ ТЕГА HEAD - используется для указания названия/ заголовка документа Он

ЭЛЕМЕНТЫ ТЕГА HEAD

- используется для указания названия/ заголовка документа<br>Он</div></h2><div class="slides-content">является парным тегом: <title> Название страницы
Не выводится в контенте страницы! Название выводится в таб-е браузера
Пример:

Информация про Молдову

Rezultat:

Слайд 22

ЭЛЕМЕНТЫ ТЕГА HEAD. II Тег - инструктирует браузер относительно полного базового

ЭЛЕМЕНТЫ ТЕГА HEAD. II

Тег - инструктирует браузер относительно полного

базового адреса текущего документа
Тег  предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи
Браузер ищет тег , определяет полный адрес документа и корректно загружает его
Тег <мета> - предоставляет метаданные о некотором HTML-документе. Метаданные не будет отображаться на странице, но они будут использованы и обработаны машинами
Метаданные это данные (информации) о данных ☺
Элемент <мета> обычно используется, чтобы описать ключевые слова, описывающие страницу, автора, дату последнего изменения и т.д.
Метаданные могут быть использованы браузерами, поисковиками или другими веб-сервисами
Примеры:



PS: name, content это атрибуты тега
Атрибутам можно задать разные значения
Слайд 23

КОДИРОВКА HTML-СТРАНИЦЫ Кодировку HTML-страницы нужно указывать для того, чтобы веб-браузер мог

КОДИРОВКА HTML-СТРАНИЦЫ

Кодировку HTML-страницы нужно указывать для того, чтобы веб-браузер мог правильно

отображать текст на странице. Если браузер неправильно «угадает» кодировку, то вместо текста будут отображаться иероглифы
Чтобы сообщить браузеру кодировку HTML-страницы, необходимо внутри тега использовать тег:

Слайд 24

ЭЛЕМЕНТЫ ТЕГА HEAD. ТЕГ „LINK” Определяет связь между документом и внешним

ЭЛЕМЕНТЫ ТЕГА HEAD. ТЕГ „LINK”

Определяет связь между документом и внешним ресурсом
Все

веб-браузеры поддерживают данный элемент
Этот тег без содержания, но имеет атрибуты
Синтаксис:
Несколько, самых используемых, атрибутов:
href – определяет местонахождение файла, связанным с текущим документом
rel – обязательный атрибут который определяет тип взаимосвязи. Может принимать одно из нескольких значений : icon, stylesheet etc.
type – определяет тип связанного документа
Слайд 25

ДОБАВЛЕНИЕ ИКОНКИ В ЗАГОЛОВКЕ СТРАНИЦЫ Используется тег „link”, из „head” Файлы

ДОБАВЛЕНИЕ ИКОНКИ В ЗАГОЛОВКЕ СТРАНИЦЫ

Используется тег „link”, из „head”
Файлы могут быть

типа .ico или .png. Рекомендуемый размер 32x32
Синтаксис:


Ştefan cel Mare si Sfant




Слайд 26

ТЕГ BODY Тег используется для определения тела web-страницы Тег Может иметь

ТЕГ BODY

Тег используется для определения тела web-страницы
Тег

которые определяют основную часть содержимого страницы: текст, изображения, таблицы, гиперссылки и т.д.
Может иметь несколько атрибутов, которые уже не поддерживаются версией HTML5:
Слайд 27

Aтрибуты ALINK, LINK, VLINK Основная форма:

Aтрибуты ALINK, LINK, VLINK

Основная форма:

| шестнадцатеричный_код_цвета |номер_rgb»>

Слайд 28

ЦВЕТА В HTML Другие примеры цветов: http://www.w3schools.com/html/html_colors.asp, http://www.stm.dp.ua/web-design/color-html.php

ЦВЕТА В HTML

Другие примеры цветов: http://www.w3schools.com/html/html_colors.asp,
http://www.stm.dp.ua/web-design/color-html.php

Слайд 29

ПРИМЕР ИСПОЛЬЗОВАНИЯ АТРИБУТОВ ALINK, LINK, VLINK "Fost-au acest … Vezi poza

ПРИМЕР ИСПОЛЬЗОВАНИЯ АТРИБУТОВ ALINK, LINK, VLINK


"Fost-au acest …


href="stefan.jpg">Vezi poza domnitorului


Detalii despre domnitor gasesti aici

Слайд 30

ПРИМЕР ИСПОЛЬЗОВАНИЯ АТРИБУТОВ „BGCOLOR” и „TEXT” Rezultat:

ПРИМЕР ИСПОЛЬЗОВАНИЯ АТРИБУТОВ „BGCOLOR” и „TEXT”

Rezultat:

Слайд 31

ПРИМЕР ИСПОЛЬЗОВАНИЯ АТРИБУТОВ „BACKGROUND” и „TEXT” … …

ПРИМЕР ИСПОЛЬЗОВАНИЯ АТРИБУТОВ „BACKGROUND” и „TEXT”

…

…

Слайд 32

ЗАГОЛОВКИ В HTML HTML заголовки определяются тегами ... Все эти теги

ЗАГОЛОВКИ В HTML

HTML заголовки определяются тегами

...


Все эти теги парные
Пример:



Titlu

de nivel 1

Titlu de nivel 2


Titlu de nivel 3


Titlu de nivel 4


Titlu de nivel 5

Titlu de nivel 6



Результат:
Слайд 33

АБЗАЦЫ В HTML Абзацы в HTML определяются тегом . Браузер автоматически

АБЗАЦЫ В HTML

Абзацы в HTML определяются тегом

. Браузер автоматически добавит

интервал между содержимом
Это парный тег
Пример:


Информация про Молдову

Cтрана Молдова


Республика Молдова – страна месторасположение которой географы определяют как юго-восточная Европа, но если смотреть объективно то Республика Молдова находится именно в центральной Европе расположившись на равном удалении от Уральских гор на Востоке и от границы Атлантического океана на Западе, также как от Средиземноморья на юге и от Скандинавии на севере Европы.


Тем самым Молдова является узловым центром между Востоком и Западом, равно как и между Скандинавией и Средиземноморьем с Балканами. Таким образом Молдова играет роль связующего звена с государствами Центральной и Восточной Европы...





Слайд 34

РЕЗУЛЬТАТ

РЕЗУЛЬТАТ

Слайд 35

РАЗРЫВ СТРОКИ В HTML Для разрыва строки используется тег Этот тег

РАЗРЫВ СТРОКИ В HTML

Для разрыва строки используется тег

Этот

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


Информация про Молдову

Cтрана Молдова


Республика Молдова – страна месторасположение которой географы определяют как юго-восточная Европа, но если смотреть объективно то Республика Молдова находится именно в центральной Европе расположившись на равном удалении от Уральских гор на Востоке и от границы Атлантического океана на Западе, также как от Средиземноморья на юге и от Скандинавии на севере Европы.

Тем самым Молдова является узловым центром между Востоком и Западом, равно как и между Скандинавией и Средиземноморьем с Балканами. Таким образом Молдова играет роль связующего звена с государствами Центральной и Восточной Европы...




Слайд 36

РЕЗУЛЬТАТ

РЕЗУЛЬТАТ

Слайд 37

ВЫВОД ПРЕФОРМАТИРОВАННОГО ТЕКСТА Для вывода пре-форматированного текста используется тег „pre” „pre”

ВЫВОД ПРЕФОРМАТИРОВАННОГО ТЕКСТА

Для вывода пре-форматированного текста используется тег „pre”
„pre” это парный

тег и имеет следующий синтаксис:
Содержание

Текст включенный в элемент 
 будет выведен в пре-форматированном виде: фонт с фиксированной шириной - обычно Courier, сохраняя пробелы и переходы в новую строку
Поддерживается всеми известными браузерами
Рекомендация: Не использовать часто тег „pre”!!!
Данный тег имеет атрибут „width” – для определения максимального количества символов в одной строке. Атрибут не поддерживается HTML5 (рекомендуется использовать стили)
Слайд 38

ПРИМЕР ИСПОЛЬЗОВАНИЯ ТЕГА „PRE” … Зимнее утро ...Под голубыми небесами Великолепными

ПРИМЕР ИСПОЛЬЗОВАНИЯ ТЕГА „PRE”

…

Зимнее утро


...Под голубыми небесами
Великолепными коврами,
Блестя на солнце, снег

лежит;
Прозрачный лес один чернеет,
И ель сквозь иней зеленеет,
И речка подо льдом блестит...
…
Слайд 39

ЦИТАТЫ В HTML существует несколько тегов для обозначения цитат: предназначен для

ЦИТАТЫ

В HTML существует несколько тегов для обозначения цитат:

 предназначен для выделения длинных цитат,

которые могут состоять из нескольких абзацев. Тег выделяет цитату как отдельный блок текста с отступами.
 предназначен для выделения коротких цитат в тексте предложения. Текст внутри этого тега автоматически обрамляется кавычками.
 используется для того, чтобы выделить источник цитаты, название произведения или автора цитаты.
Все эти теги являются парными
Слайд 40

ПРИМЕР Citate Цитаты Следующее высказывание: Прямая обязанность художника — показывать, а

ПРИМЕР




Citate



Цитаты


Следующее высказывание: Прямая обязанность художника — показывать, а

не доказывать., как и
... я — сочинитель,
Человек, называющий все по имени,
Отнимающий аромат у живого цветка.
принадлежат Александру Александровичу Блоку




Слайд 41

РЕЗУЛЬТАТ

РЕЗУЛЬТАТ

Слайд 42

АДРЕССА И АББРЕВИАТУРА HTML-тег определяет контактную информацию автора документа или статьи

АДРЕССА И АББРЕВИАТУРА

HTML-тег 

 определяет контактную информацию автора документа или статьи
Содержимое элемента

обычно выводится italic-ом. Большинство браузеров выводит адрес с новой строки
Синтаксис:
Cодержимое

Тег  определяет аббревиатуру
Синтаксис: Аббревиатура
Слайд 43

Пример Limbajul HTML este un limbaj de marcare si nu unul

Пример

Limbajul HTML este un limbaj de

marcare si nu unul de programare!



Autor: Anghel Ina

Pentru detalii accesati: carte.com

sau scrieti-ne:

str. Tipografiei, 45

Chisinau, Moldova

Слайд 44

ТЕГ „FONT” Данный тег не поддерживается HTML5 версией, с рекомендацией использования

ТЕГ „FONT”

Данный тег не поддерживается HTML5 версией, с рекомендацией использования стилей
Используется

для спецификации фонта, цвета и размера текста включенного между элементом „font”
Это парный элемент, имея начальный и завершающийся тег
Синтаксис: Содержание
Поддерживается всеми знакомыми браузерами
Пример:
…

Зимнее утро


Мороз и солнце; день чудесный!
Еще ты дремлешь, друг прелестный ...…
Слайд 45

ФОРМАТИРОВАНИЕ ТЕКСТА Есть несколько тегов, которые могут быть использованы для форматирования текста, наиболее часто используемые

ФОРМАТИРОВАНИЕ ТЕКСТА

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

наиболее часто используемые
Слайд 46

ПРИМЕР ФОРМАТИРОВАНИЯ ТЕКСТА "Fost-au acest Stefan , om nu mare la

ПРИМЕР ФОРМАТИРОВАНИЯ ТЕКСТА




"Fost-au acest Stefan, om nu mare la statu,

manios, si degraba a varsa sange nevinovat: de multe ori, la ospete omoraia fara giudet. Amintrelea era om intreg la fire, nelenesu si lucrul sau stia a-l acoperi si unde nu gandeai, acolo il aflai. La lucruri de razboaie mester, unde era nevoie, insusi se varaia ca vazandu-l ai sai sa nu indarapteze si pentru aceia raru razboiu de nu-l biruia si unde-l biruiau altii nu pierdea nadejdea ca stiindu-se cadzut gios se ridica deasupra biruitorilor.
Mai apoi, dupa moartea lui si fiul sau, Bogdan-voda, urma lui luase de lucruri vitejasti cum se tampla: den pom bun roade bune or sa iasa."




Слайд 47

ПРИМЕР ФОРМАТИРОВАНИЯ ТЕКСТА. II Пример для и : Мне нравятся кактусы розы ! Результат:

ПРИМЕР ФОРМАТИРОВАНИЯ ТЕКСТА. II

Пример для и :



Мне нравятся кактусы

розы!



Результат:
Слайд 48

КОМЕНТАРИИ В HTML Комментарии в HTML код добавляются соблюдая следующий синтаксис:

КОМЕНТАРИИ В HTML
Комментарии в HTML код добавляются соблюдая следующий синтаксис:

Комментарии

не будут выводится в окне браузера, но они иногда необходимы для понятия кода
Слайд 49

РАЗДЕЛЕНИЕ КОНТЕНТА Чтобы создать линию на странице или в версии 5

РАЗДЕЛЕНИЕ КОНТЕНТА

Чтобы создать линию на странице или в версии 5 –разделить

контент используется тег

Этот тег не имеет содержания, и потому, начиная с 5-й версии, рекомендуется закрыть его в начальном теге
Пример:
Слайд 50

ГИПЕР-ТЕКСТ И ССЫЛКИ Ссылки присутствуют почти в каждой веб-странице, позволяя произвести

ГИПЕР-ТЕКСТ И ССЫЛКИ

Ссылки присутствуют почти в каждой веб-странице, позволяя произвести переходы

внутри страницы или перейти на другие веб-страницы
Ссылка представляет маркировку места, где будет возможность перехода на другой документ или в другое место текущего документа
В качестве ссылки / гиперссылки может быть слово, группа слов или изображение
Выделенное место называется привязка (anchor - якорь)
По умолчанию, во всех браузерах ссылки будут иметь цвет:
Синий - если они не были посещенными
Фиолетовый - если их посетили
Красный - для активных ссылок
Чтобы определить ссылки в HTML используется тег (anchor)
Слайд 51

АТРИБУТ HREF Тег имеет атрибут href используемый для указания направления ссылки


Атрибут href поддерживается всеми Интернет браузерами
Чтобы вставить ссылку в HTML документе пишется:
Текстовая ссылка
Возможные значения для "URL":
Абсолютный URL, который определяет внешний ресурс, другого веб-сайта: Детали смотри здесь
Относительный URL, который определяет файл на текущем сайте: Герб страны
Ссылка на элемент с той же страницы, заданного идентификатором : href=„#top”
Другие протоколы: ftp://, mailto:, file: etc..)
Слайд 54

ПРИМЕР, использования атрибута „name”, тег „a” Pagina principala Adrese IP Adrese

ПРИМЕР, использования атрибута „name”, тег „a”


Pagina principala

Adrese IP

Adrese

IP locale

Adrese IP


Adresa IP reprezinta un identificator al unui calculator sau dispozitiv dintr-o retea TCP/IP. Retelele care utilizeaza suita de protocoale TCP/IP routeaza mesajele (pachetele) pe baza adresei IP de destinatie.


Fiecare dintre cele 4 campuri este de 8 biti (1 octet), deci poate lua valori cuprinse intre 0 si 255.


Alocarea domeniilor de adrese (ID-uri de Retea) se face de catre o autoritate globala - The Internet Assigned Numbers Authority (IANA) Pentru detalii apasa aici...
Alocarea adreselor de Gazda (ID-uri de Gazda) se face de catre administratorul retelei respectivei organizatii






Adrese IP locale


In interiorul unei retele izolate, alocarea adreselor IP se poate face aleator, cu conditia ca fiecare sa fie unica in cadrul respectivei retele. Dar conectarea acestei retele locale la Internet va necesita utilizarea de adrese IP inregistrate (denumite adrese de Internet) pentru a evita adrese duplicate.
Adresele IP locale (Internal IP Address), pot fi garantate ca fiind unice, deoarece garantat nu sunt utilizate in alta parte in Internet.






Inserare link


- Предыдущая
Complex subject
Следующая -
Класицизм в українській літературі

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

Определение и назначение баз данных, СУБД. Основные понятия
Суперкомпьютеры. Тор-10 по данным на ноябрь 2011 года
введение в теорию систем
Сравнение IPv4 и IPv6
Презентация "Составляющие мультимедиа-приложений" - скачать презентации по Информатике
Основные характеристики шрифтов
Поиск в готовой базе данных
Отношение входит в состав. 6 класс
Презентация "ДЕЙСТВИЯ С ИНФОРМАЦИЕЙ (4 КЛАСС)" - скачать презентации по Информатике
Единицы измерения информации
Архитектура компьютера
Презентация "Хотите научиться создавать различные творческие проекты?" - скачать презентации по Информатике
Логопедические игры в интернете
Основы языка HTML
Системы счисления. (Часть 1)
Русскоязычные онлайн-ресурсы и ресурсы на цифровых носителях в современных библиотечных фондах Константин Костюк Издательство
Data Mining - добыча данных, извлечение информации
Режимы и способы обработки данных
Домашняя работа Придумайте и изобразите свое диалоговое окно, подобное окну «Мой новый компьютер», что на стр.86 учебника ( в окне д
Чат-бот помощник на языке python для ускорения работы парка
Создание презентаций в среде Microsoft PowerPoint Презентацию подготовила учитель информатики Кочетова Е.Н. ГБОУ СОШ № 511 г. Москва
Введение в Matlab Лекция 1
Лабиринт (игра)
Работа с таблицами в Microsoft Office Word 2007
Единицы измерения информации
Графические формы свертывания информации. Визуализация информации при создания инфографики. (Тема 8)
Английский язык в программировании
Will a robot take your job?
Вы можете прислать нам Вашу презентацию и мы опубликуем ее на сайте.
Обратная связь
Для правообладателей
Email: Нажмите что бы посмотреть