Home > Article > Web Front-end > Html learning basic markup of html files (1)_html/css_WEB-ITnose
Html learning basic markup of html files (1)_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:41:03948browse
Having learned the basic structure of html, now I’m going to learn the basic markup of html files!
html header tags
Commonly used tags are:
(1) dde6fb694e6711ae5e6f381704c04ae4: current base address
(2) e6400a15eca67b463d2b949a05df0347: Set the base text font, font size and color
(3) 0827c68857efd35c48bc8f6e9a3a183c: Indicates that the document is a gateway script that can be used for retrieval, automatically created by the server
( 4) e8e496c15ba93d81f6ea4fe5f55a2244: Meta information about the document itself
(5) c9ccee2e6ea535a969eb3f532ad9fe89: Set the content of the css cascading style sheet
(6) 2cdf5bf648cf2f33323966d7f58a7f3f Settings Links to external files
(7) 3f1c4e4b6b16bbbd69b2ee476dc4f83a The content of the program script in the setting page
The following will introduce these commonly used tags one by one
1. Meta information The tag
meta is a single element! There is no need to set the closing tag. It has two attributes: name and http-equiv. Name is used to describe the web page to facilitate search engine search and classification
1.1 Set page keywords
ex:09cadda9253ab0e47cffd55bd1588561
The above code means that the keyword attribute name of the web page is keyname, and content is the content of the keyword
1.2 Set page description
ex:e4b27fbac814fe09ecce3a5a7e78df43
1.4 Set Customize author information
ex:bb1ab04804e552e4d15825002617ef44
1.5 Limit search method
ex:2b26d95db3ea6d62ff4d908d3035a20d
1.6 Set webpage text and language
ex1:b8de0c9b645c248cd89f56a42c79c256
ex2:de77d1c8baf0fb53d8339e62d1ec0c2e
1.7 Set the timed jump of the web page
ex: a9ddfb145fcaab175e6a315eb421a0fd
ps: Time is in seconds
1.8 Set expiry date
ex: 4ffcaa760a18f01522fca52777516139
1.9 Disable calling from cache
ex: 9176adcf7fd21ee70b76b75374dee2d4
d2049207dcb5e8bcd3e17e13367be586
2.0 Delete expired cookies
ex: 4b47505e928f2bfda0ae306cfed974fc
2.1 Force opening of a new window
ex: 1c7483b0409dedab7937c15fc18bcd86
2.2 Set the transition effect of the web page
ex: 71cdb3cd2db23d57ea1bf79ae7153137
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 5 <meta name="description" content="关于html使用" /> 6 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 7 <meta name="generator" content="Adobe Dw"/> 8 <meta name="keywords" content="http"/> 9 <meta name="author" content="Mr li"/>10 <!-- 表示能搜索当前网页-->11 <meta name="robots" content="index"/>12 <title>我的meta</title>13 <meta http-equiv="content-type"content="text/html";charset="utf-8"/>14 <!--定时跳转-->15 <meta http-equiv="refresh" content="2;url=http://www.baidu.com">16 </head>17 18 <body>19 <div id="first">20 将要跳转21 </div>22 </body>23 </html>
This is a small example written by the editor myself! You guys can check it out!