本帖最后由 童瑞凯老师 于 2017-6-14 17:35 编辑
目录
1.1 HTML文件的后缀HTML文档的后缀名: .html .htm 在早期的dos 8位机的时代,电脑只识别 3个字母的后缀名文件。所以 HTML文件的后缀为:.htm 现在所有的电脑都支持 多字符的文件后缀名,所以现在大家都在使用.html后缀名了,当然用 .htm == .html进行命名html文档的后缀名都是一样的效果。 1.2 快速生成HTML页面结构Html:5 + tab键快速 生成html5 的文档结构。
1.3 Doctype标签<!DOCTYPEhtml><!-- 文档的声明:当前文件是一个html文档,遵循的标准是html5的标准 -->
Html:4s + tab <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> </body> </html>
Html:4t + tab
Html:xt + tab :xhml过渡期的标准 目前所有的新的网站都是用html5的标准走。
文档声明标签一定要有,不能省略,后面学了css之后,文档声明标签会严重影响页面的展示效果。
1.4 HTML标签HTML标签代表整个文档结构。 HTML标签只嵌套 head标签和body标签。
1.5 Head标签Head标签中设置都是用于给浏览器使用的一些配置和设置。比如meta标签告诉浏览器当前文档的编码格式。 <!-- 当浏览器解析当前文档的编码 和 文档实际的编码不一致的时候那么会出现乱码的问题。 --> <meta charset="UTF-8">
<!-- 设置当前浏览器页面标签的 标题内容的--> <title>前端与移动开发学院首页--传智播客</title>
1.6 Link标签的常见用法l 引入DNS预先解析 dns预解析(了解) <linkrel="dns-prefetch" href="http://mimg.127.net">
l 引入网站icon图标: <linkrel="shortcut icon" href="http://www.126.com/favicon.ico" />
l 引入css样式,【后面讲】 <linkrel="stylesheet" href="css/bg.css">
|