HTML(进阶核心标签)

一、超链接a标签和路径

        a标签的用法

                跳转：<a href="https:xxx.net">链接文本</a>

                锚点：<a href="#xxx"></a>  选择跳转到某一个位置

        target属性

                brank：打开新的浏览器标签

        路径

                根据资源的类型判断，一般站外资源用绝对路径，站内资源用相对路径

                绝对路径

                        https：//xxx.net

                相对路径

                         ./ 代表当前目录

                        ../代表的上一级目录

二、图像img标签

介绍img标签

        常用属性

                src：图片路径

                alt：图片加载失败或加载时显示的文字

                title：悬浮在图片上面的文字

        图片的来源

                本地图片：稳定

                线上图片：图片容易丢失

                Base64图片

                        优点：小图片占用内存小，不请求服务器，降低服务器资源与访问

                        缺点：大图片增大了数据库服务器的压力

        点击图片跳转

                通过嵌套a标签 将a标签中的文本更换成img标签实现跳转。

三、表格table标签

        介绍table标签

                表格的基本结构：由一行或多行的单元格数据组成

                在HTML中怎么表示

                        table：HTML表格

                        tr：元素定义表格行

                        th：数据中的表头单元格

                        td：表示单元格

                table元素里常用的属性

                        border（边框）

                        cellspacing（规定单元格之间的空白）

                        cellpadding（规定单元边沿与其内容之间的空白）

                        colspan（用于合并列）

                        rowspan（用于合并行）

5、列表ul、ol标签

有序列表：有序号

        <ol>

           <li></li>

        <ol>

无序列表：没有序号

        <ul>

           <li></li>

        <ul>

定义列表：解释、定义

        <dl>

                <dt>人</dt>

                <dd>一种哺乳动物<dd>

        <dl>

5、表单form标签

使用场景需要提交一些信息到服务端的时候（前后端联调过程中）

        核心元素input（核心元素）

        label（提高交互体验的）

        select（下拉框）

        textarea（文本域）

        button（按钮）

        form（表单元素，提交每个表单项内容）

6、区块标签和行内标签

div元素

        div元素使块级元素，它可用于组合其他HTML元素的容器

        div元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行

        如果同CSS一起使用，div元素可用于对大的内容块设置样式属性

        div元素的另一个常见的用途使文档布局

span元素

        span元素是行内元素，可用作文本的容器

        span元素也没有特定的含义

        当与CSS一同使用时，span元素可用于为文本设置样式属性

块级元素

        块级元素再浏览器显示时，通常会以新行来开始（和结束）

        <h1>,<p>,<ul>,<table>,<div>

行内元素

        行内元素在显示时通常不会以新行开始

        <b><td><a><img><span>