- HTML, CSS. Гиперссылки. Принципы навигации web-сайта
Содержание
- 2. ЧТО ТАКОЕ ГИПЕРССЫЛКИ? Какие составные части должны быть у ссылки?
- 3. A Ссылка target _blank Загружает страницу в новое окно браузера. _self Загружает страницу в текущее окно.
- 4. ССЫЛКА ВНУТРЬ ДОКУМЕНТА Ссылка …. … (HTML5, в версиях ниже используется атрибут name)
- 5. СМЕШАННЫЕ ССЫЛКИ Ссылка Переход на элемент с id=“anchor” на странице page2.html
- 6. ОФОРМЛЕНИЕ ССЫЛОК color – цвет text-decoration – подчеркивание display – сделать ссылки блочными
- 7. CURSOR Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы
- 9. СОЗДАНИЕ МЕНЮ С ПОМОЩЬЮ ТЕГА СПИСКОВ Отдельные пункты меню должны быть внутри списка оформление с помощью
- 10. ПСЕВДОКЛАССЫ Псевдоклассы определяют динамическое состояние элементов, которое изменяется с помощью действий пользователя, а также положение в
- 11. ПСЕВДОКЛАССЫ a:link { ... } – все ссылки a:visited { ... } – посещённые ссылки a:hover
- 12. селектор: first-child { ... } селектор: last-child { ... } селектор: first-of-type { ... } селектор:
- 13. ПСЕВДОЭЛЕМЕНТЫ Псевдоэлементы позволяют задать стиль элементов не определённых в дереве элементов документа, а также генерировать содержимое,
- 14. ::AFTER, ::BEFORE Псевдоэлементы, который используется для вывода желаемого текста после содержимого элемента, к которому он добавляется.
- 15. ТАБЛИЦЫ
- 16. ...
- 17. Устанавливает толщину рамки в пикселах. css td { border: } border-top, border-bottom, border-left, border-right
- 18. CELLSPACING, CELLPADDING cellspacing Задает расстояние между внешними границами ячеек css: border-spacing: 7px 11px; cellpadding Определяет расстояние
- 19. WIDTH HEIGHT Любое целое значение в пикселах или процентах от доступного пространства. css table { width:
- 20. ALIGN VALIGN ... ... css vertical-align: baseline|bottom|middle|sub|super|text-bottom|text-top|top|inherit | значение | проценты text-align: center | justify |
- 21. ... ... ... css border, background-image, background-color
- 22. COLSPAN, ROWSPAN Устанавливает число ячеек, которые должны быть объединены ... ...
- 24. Скачать презентацию
ЧТО ТАКОЕ ГИПЕРССЫЛКИ?
Какие составные части должны быть у ссылки?
ЧТО ТАКОЕ ГИПЕРССЫЛКИ?
Какие составные части должны быть у ссылки?
A
Ссылка
target
_blank
Загружает страницу в новое окно браузера.
_self
Загружает страницу в текущее окно.
_parent
Загружает
A
target
_blank
Загружает страницу в новое окно браузера.
_self
Загружает страницу в текущее окно.
_parent
Загружает
ССЫЛКА ВНУТРЬ ДОКУМЕНТА
Ссылка
….
…
(HTML5, в версиях ниже используется атрибут name)
ССЫЛКА ВНУТРЬ ДОКУМЕНТА
….
(HTML5, в версиях ниже используется атрибут name)
СМЕШАННЫЕ ССЫЛКИ
Ссылка
Переход на элемент с id=“anchor” на странице page2.html
СМЕШАННЫЕ ССЫЛКИ
Переход на элемент с id=“anchor” на странице page2.html
ОФОРМЛЕНИЕ ССЫЛОК
color – цвет
text-decoration – подчеркивание
display – сделать ссылки блочными
ОФОРМЛЕНИЕ ССЫЛОК
color – цвет
text-decoration – подчеркивание
display – сделать ссылки блочными
CURSOR
Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора
CURSOR
Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора
СОЗДАНИЕ МЕНЮ С ПОМОЩЬЮ ТЕГА СПИСКОВ
Отдельные пункты меню должны быть внутри
СОЗДАНИЕ МЕНЮ С ПОМОЩЬЮ ТЕГА СПИСКОВ
Отдельные пункты меню должны быть внутри
ПСЕВДОКЛАССЫ
Псевдоклассы определяют динамическое состояние элементов, которое изменяется с помощью действий пользователя,
ПСЕВДОКЛАССЫ
Псевдоклассы определяют динамическое состояние элементов, которое изменяется с помощью действий пользователя,
ПСЕВДОКЛАССЫ
a:link { ... } – все ссылки
a:visited { ... } –
ПСЕВДОКЛАССЫ
a:link { ... } – все ссылки
a:visited { ... } –
селектор: first-child { ... }
селектор: last-child { ... }
селектор: first-of-type {
селектор: first-child { ... }
селектор: last-child { ... }
селектор: first-of-type {
ПСЕВДОЭЛЕМЕНТЫ
Псевдоэлементы позволяют задать стиль элементов не определённых в дереве элементов документа,
ПСЕВДОЭЛЕМЕНТЫ
Псевдоэлементы позволяют задать стиль элементов не определённых в дереве элементов документа,
::AFTER, ::BEFORE
Псевдоэлементы, который используется для вывода желаемого текста после содержимого элемента,
::AFTER, ::BEFORE
Псевдоэлементы, который используется для вывода желаемого текста после содержимого элемента,
ТАБЛИЦЫ
ТАБЛИЦЫ
...
Устанавливает толщину рамки в пикселах.
css
td {
border:
}
border-top, border-bottom, border-left, border-right
CELLSPACING, CELLPADDING
cellspacing
Задает расстояние между внешними границами ячеек
css: border-spacing: 7px
css: padding
WIDTH HEIGHT
Любое целое значение в пикселах или процентах от доступного пространства.
css
table
ALIGN VALIGN
...
| middle | bottom | baseline">...
css
vertical-align: baseline|bottom|middle|sub|super|text-bottom|text-top|top|inherit | значение | проценты
text-align: center | justify | left | right | start | end
...
...
...
css
border, background-image, background-color
COLSPAN, ROWSPAN
Устанавливает число ячеек, которые должны быть объединены
...
...
Похожие презентации
|
css: padding
WIDTH HEIGHT
Любое целое значение в пикселах или процентах от доступного пространства.
css
table
WIDTH HEIGHT
Любое целое значение в пикселах или процентах от доступного пространства.
css
table
ALIGN VALIGN
...
| middle | bottom | baseline">...
css
vertical-align: baseline|bottom|middle|sub|super|text-bottom|text-top|top|inherit | значение | проценты
text-align: center | justify | left | right | start | end
ALIGN VALIGN
css
vertical-align: baseline|bottom|middle|sub|super|text-bottom|text-top|top|inherit | значение | проценты
text-align: center | justify | left | right | start | end
...
...
...
css
border, background-image, background-color
css
border, background-image, background-color
COLSPAN, ROWSPAN
Устанавливает число ячеек, которые должны быть объединены
...
...
COLSPAN, ROWSPAN
Устанавливает число ячеек, которые должны быть объединены
Регистрация и авторизация на Яндекс.Маркет
Intent'ы, IntentFilter'ы и BackStack Activity
10 вопросов к викторине
«1С:Мясопереработка MES. Модуль для 1С:ERP». Группа компаний «Аверсон»
Способы записи алгоритмов
Разработка макета WEB сайта на заданную тему
Профессиональная переподготовка Библиотечно-информационная деятельность. Библиотековедение
Личностно-деятельностный подход в обучении информатике
Автоматизация процессов разработки веб-приложения
Единое сообщество в социальных сетях «Движение Творца» (на примере соцсети Вконтакте) Основная цель: — создать «узел энергообм
ИНФОРМАЦИЯ Виды информации
Семантический архив 4.0
Принципы построения операционных систем (ОС)
Презентация "Виртуальные музеи" - скачать презентации по Информатике
Методы программирования. Алгоритмы сортировки. Пирамидальная сортировка. (Лекция 2)
Разработка учителя информатики и ИКТ МОУ «Майская гимназия Белгородского района» Токарь Татьяны Васильевны
Клиент-серверное взаимодействие мобильных приложений. Тема 14
Специализация Full Stack Web Development with Angular (Онлайн, Coursera, ENG, ОК)
Развитие информационной компетенции учащихся средствами метода учебных проектов на уроках английского языка
Ақпараттық қауіпсіздік негіздері
Табличная форма представления информации
Автоматизированная система управления (АСУ)
Video games
Презентация "Типовая корпоративная сеть, понятие уязвимости и атаки - 3" - скачать презентации по Информатике
Модели коммуникации
Засоби масової інформації
Купи продай. Искусство постосложения
Пригласительные Карина и Ефим 17.07.17