1.1html基础介绍
HTML(Hypertext Markup Language)即超文本标记语言
特点:
不需要编译,直接由浏览器执行
HTML文件是一个文本文件
必须用html或htm为文件后缀名
大小写不敏感
1.2HTML基础语法
HTMl基本结构
HTML标签
HTML元素
HTML属性
注释
<!DOCTYPE HTML>声明html
网页编码设置
<meta http=equiv="Content-Type" content="text/html;charset=utf-8"/>
文字和段落标签
标题标签:<h1></h1>~<h6></h6>
段落标签:<p></p>
aligh对齐属性值:left right center justify(对行进行伸展,每行都有相等的长度)
换行标签:<br/>
水平线:<hr/>
文字斜体:<i></i>,<em></em>
加粗:<b></b>,<strong></strong>
下标:<sub>
上标:<sup>
下划线:<ins>
删除线:<del>
列表标签:
无序列表
type属性值:disc square circle
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
....
</ul>
有序列表
type属性值:1 a A i I
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
....
</ol>
定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dd></dd>
....
</dl>
图像标签
<img src="" alt"" .../>
还有 width height
alt属性用于图片显示不出来时,所代替的文字
超链接标签
<a href="">内容</a>
还有 target title(提示内容) name
target:_self _blank _top _parent
锚链接
<a href="#锚名"></a>
<a name="锚名">
不同页面
<a href="页面#锚名"></a>
<a name="锚名">
邮件链接
电子邮件链接:
<a href="mailto:邮件地址">...</a>
文件下载
<a href="img.gif" download="filename"></a>
目前只支持chrome firefox