HTML

时间：2019-12-09 20:15:29 阅读：78 评论：0 收藏：0 [点我收藏+]

HTML是超文本标记语言

超文本:在文本的基础上额外扩充了很多功能--展示图片\视频\音频...超链接
标记:html由标签组成
文档后缀名 .html 或者 .htm

标签按照格式分为:

围堵标签：有开始标签和结束标签。如

自闭合标签：开始标签和结束标签在一起。如
如果一个标签没有标签体, 那么我们就可以把它简写为自闭合标签
标签需要正确嵌套,标签的嵌套要表示明确的父子关系,在开始标签中可以定义属性. 属性是由键值对构成，值需要用引号(单双都可)引起来,html的标签不区分大小写
标签按照功能分为：

1. 文件标签:：组成文档的最基本的结构的一些标签.

2. 文本

 注释  <!-- 注释内容 -->
 标题标签: <h1> to <h6>
 <p>：段落标签
 <br>：换行
 <hr>：展示一条水平线

3. 图片

 <img>
     属性:
         src 用于指定图片的路径.
             可以指定网络中的图片  例如: <img src="https://www.baidu.com/img/bd_logo1.png"/>
             可以指定本地资源
                 相对路径:
                     从当前的页面出发, 查找目标图片和当前文件的相对位置关系
                         ./  当前目录, 可以省略不写
                         ../ 上一级目录
         title:  用于指定鼠标悬停在图片时的说明文字
         alt: 图片加载失败时的说明文字

4. 列表

 有序列表
     ol
 无序列表
     ul
 列表项
     li

5. 超链接

 a:定义一个超链接
     属性：
         href：指定访问资源的URL(统一资源定位符)
         target：指定打开资源的方式
             _self:默认值，在当前页面打开
             _blank：在空白页面打开

6. 表格

 <table>
     <tr>
         <th></th>
         <th></th>
         <th></th>
     </tr>
     <tr>
         <td></td>
         <td></td>
         <td></td>
     </tr>
     <tr>
         <td></td>
         <td></td>
         <td></td>
     </tr>
 </table>

tbody: 一般用于把表格的内容统一包裹起来进行管理.
td的属性
rowspan: 行合并
colspan: 列合并

div和span

主要用于划分一块区域, 便于统一管理.
div 占满整行, 会换行
span 只占据内容显示的那一块区域, 并不会换行

属性的表示方式

颜色:
    #RGB
长度:
    数值px  像素
    数值%   比例

html中的特殊字符

空格:  &nbsp;
<   :  &lt;
>   :  &gt;

表单

标签:form
技术分享图片
概念:表单代表页面中的一块区域, 本身没有任何样式, 可以在其中定义表单项, 用于接收用户的输入,以便和服务器进行交互.
属性:
action: 用于指定表单数据提交的url
method: 用于指定提交方式.本身有很多种, 但是目前用到的只有两种.
post:
参数不会显示在地址栏
参数的大小没有限制
get:(默认值)
参数会显示在地址栏
参数的大小有限制