Before learning HTML tags, let's review the browser's process of requesting a server:
1. Enter the URL in the browser's address bar
2. The browser sends a request to the server, the server receives the request and processes
3. The server passes the data back to the browser
4. The browser parses the data and displays it on the page
The following begins the learning of HTML tags
1.P Tags:
The P tag is a double-label that holds the paragraph content so that it remains in a certain gap with other content.
<p> paragraph content </p>
2.h series label, from H1 to H6 font size gradually reduced, used to hold the title, so that its content font bold and large, one line.
<H1>Title 1</H1><H2>Title 2</H2><H3>Title 3</H3><h4>Title 4</h4><h5>Title 5</h5><h6>Title 6</h6>
3.img picture label, used to display the picture.
<src= "Picture path" title= " alt=" "/>
The path is divided into absolute path and relative path, where absolute path refers to the physical path where a file resides on the computer, i.e. a path with a drive letter. A relative path is the path to the current file. When you write a relative path, you encounter the problem of finding the top-level path, at which point we use the ".. /return to the previous level directory to find the previous level path. (path problems are often encountered, I hope you practice more)
4.a Super Connection.
<href= "path to jump"> hyperlink </a>
5. There are some other labels.
< HR /> Horizontal Label < BR /> Line Wrapping Labels < Font > Text labels </font>
S del: delete tag
I em: Tilt label
U ins: underline
Depth resolution A tag:
1. Use a tag to achieve page jump
<HTML> <Head> <title></title> <BaseTarget= "_blank"/> </Head> <Body> <ahref= "Http://www.baidu.com">Baidu</a> </Body></HTML>
Property |
Role |
Target |
_self open directly on the current page (default value) _blank opens on a new page |
Base tag (placed below the title tag) |
Role |
Target |
Used to set the jump mode for all hyperlinks on the current page |
2. Navigate to the target location on the current page
<ahref= "#mubiao">Target Location</a><P>This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P><PID= "Mubiao">This is a piece of text</P><P>This is a piece of text</P><P>This is a piece of text</P>
3. Move across to another page's target location
The code for the first page
<href= "#mubiao"> cross-page positioning </a>
The code for the second page
<P>This is the first paragraph</P><P>This is the first paragraph</P><P>This is the first paragraph</P><P>This is the first paragraph</P><P>This is the first paragraph</P><P>This is the first paragraph</P><P>This is the first paragraph</P><P>This is the first paragraph</P><P>This is the first paragraph</P>************************<P>This is the second paragraph.</P><P>This is the second paragraph.</P><P>This is the second paragraph.</P><P>This is the second paragraph.</P><P>This is the second paragraph.</P><P>This is the second paragraph.</P><P>This is the second paragraph.</P><P>This is the second paragraph.</P><P>This is the second paragraph.</P><PID= "Mubiao">This is the second paragraph.</P><P>This is the second paragraph.</P><P>This is the second paragraph.</P>
After these two days of learning a lot of people find out, in the HTML more space, and then more lines, and then more tab, in the browser when displayed, will become a space. Because in HTML, something that is specifically to represent spaces . Next, we'll learn about other special characters that are represented by HTML.
Special characters |
description |
character code |
|
spaces |
|
< |
less than sign |
< |
; |
greater than sign |
> |
& |
and # |
& |
¥ |
RMB |
¥ |
© |
copyright |
© |
® |
registered trademarks |
® |
° |
Celsius |
° |
± |
positive sign |
&PLUSMN; |
x |
multiplication sign |
× |
÷ |
Division sign |
÷ |
² |
Square 2 (superscript 2) |
² |
³ |
Cubic 3 (superscript 3) |
³ |
How to set the background picture this property? , the so-called background picture property, in fact, it is a property of the tag, can be placed in any tag. Background-imgage:url (Path of the picture);. You can learn from the above to do a background image with the title, paragraphs and other pages.
Web front-end and mobile development---html tag learning and special symbols