HTML Links

Июль 29, 2022

Содержание

2. HTML Links In HTML, links are defines with the tag: link text The target Attributes __blank
3. HTML Links-Image as Link
4. Changing Link Colors and Underlining When you move the mouse over a link, two things will
5. Example a:link {color:green; background-color:transparent; text-decoration:none} It applies for links that have not yet been visited by
6. a:hover {color:red; background-color:transparent; text-decoration:underline} determines the status of links when it focused on a mouse cursor
7. Create a Bookmark HTML bookmarks are used to allow readers to jump to specific parts of
8. First, create a bookmark with the id attribute: Useful Tips Section Then, add a link to
9. Example
10. HTML Tabindex Determines the sequence of the transition between the links by clicking on the Tab
11. Div element block element and is designed to isolate a fragment of a document in order
12. Attributes of div
13. The class Attribute The HTML class attribute makes it possible to define equal styles for elements
14. Example
15. Result
16. Nav tag defines the site's navigation. If some link units page in the is usually placed
18. Скачать презентацию

Слайд 2

HTML Links
In HTML, links are defines with the tag:
< a

href = “url”> link text
The target Attributes
__blank - Opens the linked document in a new window or tab
_self - Opens the linked document in the same window/tab as it was clicked (this is default)
_parent - Opens the linked document in the parent frame
_top - Opens the linked document in the full body of the window
framename - Opens the linked document in a named frame

Слайд 3

HTML Links-Image as Link

Слайд 4

Changing Link Colors and Underlining
When you move the mouse over a

link, two things will normally happen:
The mouse arrow will turn into a little hand
The color of the link element will change
By default, a link will appear like this (in all browsers):
An unvisited link is underlined and blue
A visited link is underlined and purple
An active link is underlined and red

Слайд 5

Example

Слайд 7

Create a Bookmark
HTML bookmarks are used to allow readers to jump

to specific parts of a Web page.
Bookmarks can be useful if your webpage is very long.
To make a bookmark, you must first create the bookmark, and then add a link to it.
When the link is clicked, the page will scroll to the location with the bookmark.

Слайд 8

First, create a bookmark with the id attribute:
Useful Tips Section

Then, add

a link to the bookmark ("Useful Tips Section"), from within the same page:
Visit the Useful Tips Section Or, add a link to the bookmark ("Useful Tips Section"), from another page:
Visit the Useful Tips Section

Слайд 9

Example

Слайд 10

HTML Tabindex
Determines the sequence of the transition between the links by

clicking on the Tab button.

Слайд 11

Div element
block element and is designed to isolate a fragment of

a document in order to change the content of the form. Typically, the form block is controlled via styles. To describe each time the style within the tag, you can select the style in an external style sheet, and add an attribute to the tag class or id to the selector name.
The

tag defines a division or a section in an HTML document.
The

tag is used to group block-elements to format them with CSS.

Слайд 12