html 超文本标记语言 超文本：包含图片链接，音乐，视频等非文字
如何学习html
1，标签的作用
2，标签在浏览器上的默认样式
html的发展史
html 1.0 1993年4月
…
html4.0 1997 12月18
xhtml 1.0 （xml;可扩展标记语言） 规范更加严格
html5 （兼容性问题）浏览器版本要求高
移动浏览器 基本都是html5
3，html后缀名
.htm
.html
.shtml 包含ssi技术
4，html术语
元素：元素标签开始，到标签结束，一个整体的组成
属性：为元素提供的各种附加信息。属性名=‘属性名’
标签：标签名 成对出现
5，语法规则
a，标签与属性必须全部小写
b，标签必须闭合
c，属性=‘值’不能简写
d，标签的顺序要一致
e，讲究结构样式分离
6，html原则
a，语义化；见名知意（搜索引擎）
b，seo；搜索引擎优化
7，html结构
DTD 文档类型定义
xhtml 1.0有三种dtd声明可以选择
<！DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
</head>
<body>
</body>
</html>
html标签分类；双标签与单标签
标题标签；<h1>一级标签</h1>
...
<h6>6级标签</h6> 默认加粗，行间距变大且换行
段落标签；<p></p>间距变大 换行
注释；<!-- 内容--> ctrl+/
换行；<br/> 换行
水平线；<hr/> 换行并且显示水平线
<strong></strong> 加粗，表示强调
<em></em> 倾斜，表示强调 这两个不是样式标签可在HTML内使用
样式标签
加粗；<b></b>（没有特殊意义，不符合见名知意）建议使用<strong></strong>代替
倾斜；<i></i>
短引用；<q></q>默认加双引号，不换行
长引用；<blockquote></blockquote> 换行，缩进，行间距变大
地址标签;<address> </address> 换行，会变成斜体，上行间距变大
预文本；<pre></pre>显示什么格式
图片标签；<img/>
<img src='路径' height=高度 width=宽度 title=标题 alt=替换文本/>
…/返回上一级
相对位置
./;当前目录
…/返回上级目录
xxx/;xxx文件下
/xxx;根目录 网站最大的文件夹，在最上层
绝对位置；file；\一般不用
10，超链接
<a href= target=></a>
href；超链接地址
target；目标
_self;当前页面打开
_blank；打开一个新页面，保留当前页面
lorem
分类；三种
页面链接；<a href=‘’ target=‘’/></a>
锚点链接；
1，定义锚点
<a name= "锚点名称" ><a>
2，连接到锚点
<a href=‘#锚点名称’ target=‘’/></a>
功能性链接
<a href=‘javascript’ target=‘’/></a>
列表标签
无序列表
<ul type="">type定义前面的符号
<li></li>
</ul>
有序列表
<ol>
<li></li>
</ol>
定义列表 (define list)
<dl>
<dt><dt> 开头
<dd><dd>内容 描述
</dl>
table表单
<table>
<th></th>列标签
<tr>
<td></td>
</tr>
</table>
thead；表头
tbody；表体
tfoot;表尾
border
cellspacing 单元格间隙
cellpadding 单元格内边距
rowsoan 跨行 rowspan=3 竖为行
colspan 跨列 横为列
align 对齐方式 left center right
valign;垂直对齐方式 top middle bottom
特殊实体符号
<；表示<
>；表示>
 ；空格
"双引号
©版权 圈中带C
iframe 内联框架
在网页中内嵌另一个网页
<iframe src frameborder=1 name>
div 块，没有任何意义
span; 范围，没有任何意义
h5 结构性标签
header 网页头部
footer 网页尾部
section 内容 多个章节
nav 导航
aside 侧边栏
hgroup；标题组
figure 一组媒体对象及文字
figcaption；figure的标题
139
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
