美文网首页
html01 2018-08-31

html01 2018-08-31

作者: 你本來是名為快樂 | 来源:发表于2018-09-03 23:22 被阅读0次

一、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>

转义标签

空格:&nbsp;

注册:&reg;

版权:&copy;

图片标签

<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(在当前页面去访问)

相关文章

网友评论

      本文标题:html01 2018-08-31

      本文链接:https://www.haomeiwen.com/subject/lmhvwftx.html