一、HTML
超文本标记语言:
超文本:比普通文本功能更加强大。
标记语言:使用一组标签对内容进行描述的一门语言,它不是编程语言。
二、HTML怎么使用
语法和规范:
1、所有的html文件后缀名都算是以.html或者.htm结尾的,一般使用.html
2、整个html文件分别由头部分<head></head>和体部分<body></body>组成
3、html标签都是由开始标签和结束标签组成(特例<br />)
4、html标签忽略大小写,一般使用小写
三、HTML标签
head中的标签
1、名称标签
<title>网站的名称</title>
必须放在head中
2、<meta keywords="关键字">
body中的标签
文字标签
1、标题标签
<hn></hn>,n从1到6逐渐变小,n>6时,和6显示相同。
特点:加粗加黑显示,单独占一行。与其他行有一定的行间距。
2、块标签
<span></span>
特点:没有大小,文字在哪span标签就在哪
3、段落标签
<p></p>
特点:单独占一行。与其他行有一定的行间距。
属性:
文字位置:align="left/center/right"
4、字体标签
<font></font>
必须结合属性才能具备一定的样式效果
设置颜色:color(可以是英文单词,也可以是十六进制)
设置字体:face(必须是本机有的)
设置字号:size(从1-7逐渐变大,超过7的部分按照7来显示)
5、换行标签
<br />
6、水平分割线标签
<hr />
属性:宽度width,高度size,位置align
7、注释标签
<!--这里是注释-->
8、上标
<sup></sup>
9、下标
<sub></sub>
转义标签
空格: ;
注册:®;
版权:©;
图片标签
<img />
src:图片的位置
相对地址:相对于网页文件所在的位置
物理地址:文件在硬盘上的位置
绝对地址:文件在网络上的位置
align:图片位置(left/right)
width:设置图片宽度
height:设置图片高度
alt:当图片无法正常显示的时候给出的提示信息
title:鼠标移入到图片上显示的信息
列表标签
有序列表:
<ol>
<li>内容</li>
......
</ol>
属性:type有5个取值(A,a,1,I,i),start:起始位置
无需列表:
<ul>
<li>内容</li>
</ul>
属性:type有3个取值(square"正方形",disc"圆",circle"圆环")
描述标签
<dl>
<dt>描述的对象</dt>
<dd>描述的内容</dd>
</dl>
超链接标签
<a></a>
href:
href="跳转的地址"
href="#",代表页面不发生跳转
name:锚点
target:_blank(新建一个空白页面访问)
_self(在当前页面去访问)