SlideShare a Scribd company logo
1 of 11
Download to read offline
HTML - Гиперссылки
2.4.9 Hyperlinks
Содержание:
• Атрибут target и их типы значения (blank, self,
parent ,top)
• Базовые теги для таблицы.
Атрибут “target”
По умолчанию, при переходе по ссылке документ открывается в
текущем окне или фрейме. При необходимости, это условие может
быть изменено атрибутом target тега <a>
Пример на сайте w3schools.com
Этот атрибут может принимать следующие значения:
_blank — загружает страницу в новое окно браузера;
_self — загружает страницу в текущее окно;
_parent — загружает страницу во фрейм-родитель;
_top — отменяет все фреймы и загружает страницу в полном окне
браузера.
Практика. Применение атрибута target для ссылок
Элемент <table>
Элемент <table> служит контейнером для элементов, определяющих
содержимое таблицы. Любая таблица состоит из строк и ячеек,
которые задаются с помощью тегов <tr> и <td>. Внутри <table>
допустимо использовать следующие элементы: <caption>, <col>,
<colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.
Таблицы
Таблица HTML определяется с <table>тегом.
Каждая строка таблицы определяется с <tr>тегом. Заголовок таблицы
определяется с <th>тегом. По умолчанию таблица заголовки выделены
жирным шрифтом и по центру. Таблица данных / ячейка определяется
с<td>тегом.
Практика. Создайте таблицу с использованием тегов <table>, <tr>,
<th>, <td>
«Мүмкүнчүлүктөрү чектелген адамдарга карата IT окутуу» проекти Европалык Союзу тарыбынан
финансылоо болгон.
Бул документин мазмуну толугу менен IT Академиянын жоопкерчилиги жана эч кандай жолунда
Европалык Комиссиянын көз карашын көргөзбөйт.
Проект «IT тренинг для людей с ограниченными возможностями» финансирован Европейским Союзом.
Содержание этого документа полностью является ответственностью IT Academy и никак не отражает
взгляды Европейской Комиссии.
The project “Promotion of IT training for people with disabilities” is financed by the European Union.
The content of this document is the sole responsibility of IT Academy and can in no way be taken to reflect the views of
the European Commission.
#programmingwithoutbarriers
#cheksizprogramming

More Related Content

Similar to HTML - Гиперссылки

Основы работы с таблицами стилей CSS
Основы работы с таблицами стилей CSSОсновы работы с таблицами стилей CSS
Основы работы с таблицами стилей CSSDenis Latushkin
 
Основы CSS (HTML5 тема 02 - основы CSS)
Основы CSS (HTML5 тема 02 - основы CSS)Основы CSS (HTML5 тема 02 - основы CSS)
Основы CSS (HTML5 тема 02 - основы CSS)Noveo
 
18. синтаксис css
18. синтаксис css18. синтаксис css
18. синтаксис cssSergei Dubrov
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрейVlado Sudin
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрейVlado Sudin
 
Тема 1. Введение в HTML
Тема 1. Введение в HTMLТема 1. Введение в HTML
Тема 1. Введение в HTMLssuser3896e2
 
Внедрение CSS в HTML документ
Внедрение CSS в HTML документВнедрение CSS в HTML документ
Внедрение CSS в HTML документVasya Petrov
 
Как создать сайт
Как создать сайтКак создать сайт
Как создать сайтUnited Design
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1itc73
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1itc73
 
Верстка_Лекция1
Верстка_Лекция1Верстка_Лекция1
Верстка_Лекция1itc73
 

Similar to HTML - Гиперссылки (17)

Основы работы с таблицами стилей CSS
Основы работы с таблицами стилей CSSОсновы работы с таблицами стилей CSS
Основы работы с таблицами стилей CSS
 
Lection1
Lection1Lection1
Lection1
 
Authemployee
AuthemployeeAuthemployee
Authemployee
 
мова Html
мова Htmlмова Html
мова Html
 
Основы CSS (HTML5 тема 02 - основы CSS)
Основы CSS (HTML5 тема 02 - основы CSS)Основы CSS (HTML5 тема 02 - основы CSS)
Основы CSS (HTML5 тема 02 - основы CSS)
 
18. синтаксис css
18. синтаксис css18. синтаксис css
18. синтаксис css
 
Язык HTML
Язык HTMLЯзык HTML
Язык HTML
 
Язык HTML
Язык HTMLЯзык HTML
Язык HTML
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрей
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрей
 
Тема 1. Введение в HTML
Тема 1. Введение в HTMLТема 1. Введение в HTML
Тема 1. Введение в HTML
 
Vvedenie html 4
Vvedenie html 4Vvedenie html 4
Vvedenie html 4
 
Внедрение CSS в HTML документ
Внедрение CSS в HTML документВнедрение CSS в HTML документ
Внедрение CSS в HTML документ
 
Как создать сайт
Как создать сайтКак создать сайт
Как создать сайт
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1
 
Верстка_Лекция1
Верстка_Лекция1Верстка_Лекция1
Верстка_Лекция1
 

More from IT Academy Project EU

JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)IT Academy Project EU
 
Препроцессор LESS. Компилятор Winless
Препроцессор LESS. Компилятор WinlessПрепроцессор LESS. Компилятор Winless
Препроцессор LESS. Компилятор WinlessIT Academy Project EU
 
Использование Google Fonts
Использование Google FontsИспользование Google Fonts
Использование Google FontsIT Academy Project EU
 
Создаем границы для элементов в CSS
Создаем границы для элементов в CSSСоздаем границы для элементов в CSS
Создаем границы для элементов в CSSIT Academy Project EU
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)IT Academy Project EU
 
3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSSIT Academy Project EU
 
3.1.5 Основные селекторы
3.1.5 Основные селекторы3.1.5 Основные селекторы
3.1.5 Основные селекторыIT Academy Project EU
 
3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифтаIT Academy Project EU
 

More from IT Academy Project EU (20)

Переменные PHP.pdf
Переменные PHP.pdfПеременные PHP.pdf
Переменные PHP.pdf
 
Js. alert, prompt, confirm
Js. alert, prompt, confirmJs. alert, prompt, confirm
Js. alert, prompt, confirm
 
Введение в DOM
Введение в DOMВведение в DOM
Введение в DOM
 
JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)
 
Препроцессор SASS
Препроцессор SASSПрепроцессор SASS
Препроцессор SASS
 
Препроцессор LESS. Компилятор Winless
Препроцессор LESS. Компилятор WinlessПрепроцессор LESS. Компилятор Winless
Препроцессор LESS. Компилятор Winless
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Что такое framework?
Что такое framework?Что такое framework?
Что такое framework?
 
1.1.1 Text Alternatives
1.1.1 Text Alternatives1.1.1 Text Alternatives
1.1.1 Text Alternatives
 
Использование Google Fonts
Использование Google FontsИспользование Google Fonts
Использование Google Fonts
 
Создаем границы для элементов в CSS
Создаем границы для элементов в CSSСоздаем границы для элементов в CSS
Создаем границы для элементов в CSS
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)
 
4.5 Веб-дизайн
4.5 Веб-дизайн4.5 Веб-дизайн
4.5 Веб-дизайн
 
3.5.5 Свойства Margin
3.5.5 Свойства Margin3.5.5 Свойства Margin
3.5.5 Свойства Margin
 
3.5.4 Свойства Padding
3.5.4 Свойства Padding3.5.4 Свойства Padding
3.5.4 Свойства Padding
 
3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS
 
3.1 BASICS CSS
3.1 BASICS CSS3.1 BASICS CSS
3.1 BASICS CSS
 
CSS - Цвета
CSS - ЦветаCSS - Цвета
CSS - Цвета
 
3.1.5 Основные селекторы
3.1.5 Основные селекторы3.1.5 Основные селекторы
3.1.5 Основные селекторы
 
3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта
 

HTML - Гиперссылки

  • 2. Содержание: • Атрибут target и их типы значения (blank, self, parent ,top) • Базовые теги для таблицы.
  • 3. Атрибут “target” По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено атрибутом target тега <a>
  • 5. Этот атрибут может принимать следующие значения: _blank — загружает страницу в новое окно браузера; _self — загружает страницу в текущее окно; _parent — загружает страницу во фрейм-родитель; _top — отменяет все фреймы и загружает страницу в полном окне браузера.
  • 7. Элемент <table> Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.
  • 8. Таблицы Таблица HTML определяется с <table>тегом. Каждая строка таблицы определяется с <tr>тегом. Заголовок таблицы определяется с <th>тегом. По умолчанию таблица заголовки выделены жирным шрифтом и по центру. Таблица данных / ячейка определяется с<td>тегом.
  • 9.
  • 10. Практика. Создайте таблицу с использованием тегов <table>, <tr>, <th>, <td>
  • 11. «Мүмкүнчүлүктөрү чектелген адамдарга карата IT окутуу» проекти Европалык Союзу тарыбынан финансылоо болгон. Бул документин мазмуну толугу менен IT Академиянын жоопкерчилиги жана эч кандай жолунда Европалык Комиссиянын көз карашын көргөзбөйт. Проект «IT тренинг для людей с ограниченными возможностями» финансирован Европейским Союзом. Содержание этого документа полностью является ответственностью IT Academy и никак не отражает взгляды Европейской Комиссии. The project “Promotion of IT training for people with disabilities” is financed by the European Union. The content of this document is the sole responsibility of IT Academy and can in no way be taken to reflect the views of the European Commission. #programmingwithoutbarriers #cheksizprogramming