A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 童瑞凯老师 于 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">


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马