Shulou(Shulou.com)05/31 Report--

Today, I would like to share with you about HTML text tags, pictures, paths, hyperlinks and anchors how to define the relevant knowledge points, detailed content, clear logic, I believe that most people still know too much about this knowledge, so share this article for your reference, I hope you can get something after reading this article, let's take a look at it.

1 text label

Text tags are often nested in formatted typesetting tags that no longer wrap other tags, but are used to wrap a word rather than a large piece of text.

Signature semantic and functional attributes single tag or double tag em emphasis, the default is italic

Double-tagged strong emphasizes that the default is bold.

Double label del indicates that it has been deleted, and there is a delete line on the default text.

Double label ins indicates that it has been inserted, and the default text is underlined

Double label sup superscript

Double label sub subscript

Double label

Note:

The emphasis in the HTML specification is stronger, there is no distinction in actual development, and both can be used; the emphasis is to let the search engine know the keyword.

And tags are often used to indicate previous and current prices.

And upper and lower footers that can be used to represent a small number of formulas, such as H2O, 1003

2 Picture 2.1 img tag signature semantic and functional properties single tag or double tag img page display picture src: specify the path of the picture

Alt: alternative text for pictures

Width: set picture width

Height: sets the height of the picture

Single label

Note:

The function of the alt attribute: 1, the search engine can judge the content of the picture through the alt attribute, which is convenient for the browser to search; 2, when the picture cannot be displayed normally, the alternative text can be displayed, you can know what kind of picture it is, so it is recommended that

Set the alt property.

If only one is set for width and height, the other will be calculated automatically according to the scale of the original image. Therefore, only one is usually set, if both are set at the same time, it is necessary to ensure that the proportion is correct, otherwise the side picture will be deformed.

2.2 Common picture formats

Jpg / jpeg compression

Png lossless

Gif dynamic picture, the loss is the highest

3 absolute path and relative path

If the target file is not on the same computer as the current file, you must use an absolute path to access the target file

If the target file is on the same computer as the current file, it is more convenient to use the relative path.

3.1 absolute path

The foreground refers to the absolute address of a file in the network. Such as:

Https://upload.jianshu.io/users/upload_avatars/xxxxx.jpg3.2 relative path

. / indicates the directory where the current file is located. When the target file is at the same or lower level of the current file, the path starts with. /. . / can be omitted.

.. / represents the directory one level above the current file. When the target file is at or above the parent of the current file, the path starts with.. /. .. / cannot be omitted. .. / indicates upper level,.. /.. / indicates upper two levels,.. / indicates upper three levels, and so on.

4 hyperlinks and anchors 4.1 a tag signature semantic and functional attributes single tag or double tag a set hyperlink href: set the target file address

Target: sets whether the target file is opened in the current window (value: _ self) or in a new window (value: _ blank)

Name: setting anchor point name

Double label

Note:

Only tags with the href attribute are hyperlinks.

If the value of href is empty, the target file is the current file itself, and clicking the hyperlink will jump to the page itself, thus achieving the effect of refreshing the page.

Refresh the current page

A tag in addition to the package text, you can also wrap the picture, that is, the picture can also be used as a hyperlink.

4.2 hyperlink ① jumps to new page the first page of a HTML file ② jumps to other types of files

Most browsers open files of type html. Browsers can also open other types of files, basically text-type files can be opened, such as: pictures, pdf, video; but a small number of files that are not text types, such as .docx, .7z and other compressed files, browsers can not directly open, can only download.

Dogdogdogdogdogdog ③ hyperlink remaining features

It can be used not only on web pages, but also on mobile phones, such as making phone calls and sending text messages.

Hyperlinks can also be used to open APP, such as clicking on the Taobao link shared by Wechat, and some phones can automatically jump to the Taobao app.

Send email, call, send SMS 4.3 anchor

Function: Mark a location on this page or other pages to which you can jump with a hyperlink.

When you click a hyperlink that jumps to an anchor, the name of the anchor is displayed at the end of the web address.

How to set Anchor Point by ①

Method 1: set the anchor point through the name attribute of the tag

Method 2: set the anchor point by setting the id attribute to the tag (any label is fine)

How ② jumps to Anchor

Use the hyperlink to jump to the specified anchor point

These are all the contents of the article "how to define HTML text labels, pictures, paths, hyperlinks and anchors". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.