基础,元素及其属性
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.pngHTML标签
image.pngHTML元素
image.pngHTML网页结构
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.pngimage.png
注意:不要忘记结束标签
就是没有关闭标签的空元素(
标签定义换行)。
image.png
使用小写标签
属性
属性是 HTML 元素提供的附加信息。
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:name="value"。
例:<a href="http://www.baidu.com" > 百度</a>
属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。
提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson'
要求:使用小写属性