“This is the fourth day of my participation in the Gwen Challenge in November. Check out the details: The Last Gwen Challenge in 2021.”
preface
HTML language is hypertext markup language.
The elements are made up of tags.
Common tags are common elements.
A, labels,
Tags mark HTML functionality. Each tag is marked by Angle brackets, such as a title tag, a paragraph tag, and an image tag…..
It is important to note that labels usually come in pairs and have slightly different labels. Of course, you can not write them, which will not cause mistakes. Of course, in order to work in the future, these bad habits should not have.
1. Title tags
Headings have six levels of headings and the definition of headings is made up of numbers between H +1 and 6
The first level heading is
the first level heading
<h1>Primary title</h1>
<h2>The secondary title</h2>
Copy the code
2. Paragraph labels
A paragraph is a tag that displays a paragraph of text, which, as the name suggests, is used to display paragraphs on a web page.
Paragraph tags are defined by
<p>I have a little donkey that I never ride. One day I was riding to the market on a whim, I had a little whip in my hand, I was proud of myself, and suddenly I fell all over the mud.</p>
Copy the code
3. Hyperlink labels
A hyperlink is something you normally see on a web page that you can click to jump to, defined by the tag
<a href="www.baidu.com">baidu</a>
Copy the code
The effect is to click to jump to baidu home page
4. Image labels
The picture label is used to display the picture label, you usually see the picture in the browser, generally stored in this picture label. Is defined by
<img src="Https://tse1-mm.cn.bing.net/th?id=OIP-C.auUImos-WXjAv6rgfchP6wHaNK&w=123&h=160&c=8&rs=1&qlt=90&o=6&dpr=1.25&pid=3.1&rm= 2. "">
Copy the code
Here I found a picture of a beautiful woman, put in HTML can be directly beautiful picture display.
Two, practice
Today you learned four HTML tags, one for headings, one for paragraphs, one for images, one for hyperlinks.
Use these to make a small web page to consolidate what you have learned.
1. The little exercise
Find an image from the Internet
Prepare a paragraph about the picture
And set the title: HTML tag small exercise and identify the original site link