1.HTML5<!doctype>:
<!doctype>声明必须位于 HTML5 文档中的第一行.
使用：<!DOCTYPE html>
注意:HTML中不支持 空格、回车、制表符，它们都会被解析成一个空白字符。
2.对于中文网页要使用<meta charset="utf-8">声明编码，否则会出现乱码。
有些浏览器会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">
为了严格一点，最好用标准的大写"UTF-8"。
实例解析
1.<!DOCTYPE html>声明HTML5文档
2.<html>元素是HTML页面的根元素
3.<head>元素包含了文档的元（meta）数据
4.<title>元素描述了文档的标题
5.<body>元素包含了可见的页面内容
6.<h1>元素定义一个大标题
7.<p>元素定义一个段落
什么是HTML
image.png
HTML标签
image.png
HTML元素
image.png
HTML网页结构
image.png
<!DOCTYPE>声明
image.png
基础
1.HTML链接：通过标签 <a> 来定义的
<a href="http://www.baidu.com">百度</a>
提示:在 href 属性中指定链接的地址
2.HTML图像：通过标签 <img> 来定义的
<img src="/images/logo.png" width="258" height="39" />
注意： 图像的名称和尺寸是以属性的形式提供的
元素
image.png
image.png
注意：不要忘记结束标签
就是没有关闭标签的空元素（
标签定义换行）。
image.png
使用小写标签
属性
属性是 HTML 元素提供的附加信息。
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。
例：<a href="http://www.baidu.com" > 百度</a>
属性值应该始终被包括在引号内。
双引号是最常用的，不过使用单引号也没有问题。
提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson'
要求：使用小写属性
image.png
网友评论