您的位置:首页 > Web前端 > HTML

web基础回顾_01(html)

2017-08-15 21:44 260 查看
1.什么是HTML?(Hyper Text Markup Language:超文本标记语言)

    超文本:功能比普通文本更加强大

    标记语言:使用一组标签对内容进行描述的一门语言(它不是编程语言)    

2.语法和规范?

    HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。

    HTML文件分为头部分(<head></head>)和体部分(<body></body>)

    HTML标签都是由开始标签和结束标签组成。(<hr />)

    HTML标签不区分大小写,建议使用小写。

3.HTML相关标签学习

    标题标签从<h1>到<h6>逐渐变小(加粗加黑显示,单独占用一行)

    水平线标签 <hr />

    段落标签<p></p>

    字体标签<font></font>

        属性:size:指定内容的大小(从1到7逐渐变大)

              color:指定内容的颜色

              face:指定内容的字体

    加粗:<b></b>

    斜体:<i></i>

    下划线:<u></u>

    <img />

    属性:

        src:指的是图片显示的路径(位置)

            绝对路径:E:\Users\Desktop\WEB01_HTML\资料\WEB01\image

            相对路径:

                ①同一级:直接写文件名称或者./文件名称

                ②上一级:../文件名称

                ③下一级:写上目录名称/文件名称

        width:指定图片的宽度,取值可以是像素值,也可以是百分比

        height:指定图片的高度,取值可以是像素值,也可以是百分比

        alt:当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)

            

    有序列表:

        <ol type="I" start="" reversed="reversed">

            <li></li>

        </ol>

    无序列表:

        <ul type="">

            <li></li>

        </ul>

    

    超链接标签

        <a href="" target=""></a>

        href:指定跳转的位置

        target:指定跳转页面显示的位置(取值:_self 、_blank)

    表格标签

            <table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">

                <tr>

                    <td></td>

                    <td></td>

                    <td></td>

                </tr>

                <tr>

                    <td></td>

                </tr>

                <tr>

                    <td></td>

                </tr>

            </table>

    跨行跨列操作

        跨行:rowspan

        跨列:colspan

        

    框架集标签:(不能放在body中,有frameset时一般不使用body直接使用frameset)

        <frameset rows="" cols="30%,*">

            <frame src=""/>

            <frame name=""/>

        </frameset>

    属性:

    cols:进行垂直切割划分,可以切割为任一块。(参数的值相加=100%,其中有一块可以

    使用*表示)

    rows: 进行水平切割划分,可以切割为任一块。(参数的值相加=100%,其中有一块可

    以使用*表示)

    一 旦 划 分 区 域 之 后 , 我 们 需 要 对 具 体 的 区 域 进 行 内 容 的 填 充 , 此 时 需 要 使 用

    <frame></frame>标签
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: