<!doctype html> <html> <head> <meta charset="utf-8" /> <title></title> <!-- 使用meta标签还可以用来设置网页的关键字 --> <meta name="keywords" content="HTML5,JavaScript,前端,Java" /> <!-- 还可以用来指定网页的描述 搜索引擎在检索页面时，会同时检索页面中的关键词和描述，但是这两个值不会影响页面在搜索引擎中的排名 --> <meta name="description" content="发布h5、js等前端相关的信息" /> <!-- 使用meta可以用来做请求的重定向 <meta http-equiv="refresh" content="秒数;url=目标路径" /> --> <meta http-equiv="refresh" content="5;url=http://www.baidu.com" /> </head> <body> <h1>5秒以后跳转页面</h1> </body> </html>
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>xHtml的语法规范</title> </head> <body> <!-- 1.HTML中不区分大小写,但是一般都使用小写 --> <!-- 2.HTML中的注释不能嵌套 --> <!-- 3.HTML标签必须结构完整，要么成对出现，要么自结束标签 --> <!-- 正确 --> <p>我是一个p标签</p> <!-- 错误 --> <p>我是一个p标签 <!-- 浏览器尽最大的努力正确的解析页面，你所有的不符合语法规范的内容，浏览器都会为你自动修正，但是有些情况会修正错误 --> <!-- 自结束标签 --> abc <br /> bcd <br> efg <!-- 4.HTML标签可以嵌套，但是不能交叉嵌套 --> <p>今天天气<font color="red">真不错</font><p> <p>今天天气<font color="red">真不错<p></font> <hr /> <!-- 5.HTML标签中的属性必须有值，且值必须加引号(双引号单引号都可以) --> <p>今天天气<font color>真不错</font><p> <p>今天天气<font color=‘red‘>真不错</font><p> </body> </html>
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>内联框架</title> </head> <body> <h1>我是demo03</h1> <!-- 使用内联框架可以引入一个外部的页面 使用iframe来创建一个内联框架 属性： src ：指向一个外部页面的路径，可以使用相对路径 width： height： name ：可以为内联框架指定一个name属性 在现实开发中不推荐使用内联框架，因为内联框架中的内容不会被搜索引擎所检索 --> <iframe src="demo02.html" name="tom"></iframe> </body> </html>
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>超链接</title> </head> <body> <h1>我是demo04</h1> <!-- 使用超链接可以从一个页面跳转到另一个页面 使用a标签来创建一个超链接 属性： href:指向链接跳转的目标地址,可以写一个相对路径也可以写一个完整的地址 --> <a href="http://www.baidu.com">我是一个超链接</a> <br /><br /> <!-- a标签中的target属性可以用来指定打开链接的位置 可选值： _self，表示在当前窗口中打开（默认值） _blank，在新的窗口中打开链接 可以设置一个内联框架的name属性值，链接将会在指定的内联框架中打开 --> <a href="demo03.html" target="tom">我是一个超链接</a> <br /> <br /> <iframe src="demo02.html" name="tom"></iframe> <!-- center标签中的内容，会默认在页面中居中显示 可以将要居中的元素，全都放到center中 --> <center> <p>我是一个p标签</p> </center> </body> </html>
原文：https://www.cnblogs.com/xidian2014/p/10745742.html