美文网首页
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