HTML

HTML

一、概念:

* Hyper Text Markup Language 超文本标记语言(最基础的网页开发语言)
    * 超文本:
        * 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本
    * 标记语言:
        * 由标签构成的语言。<标签名称> 如html,xml
        * 标记语言不是编程语言

二、快速入门:

* 语法:
    1. html文档后缀名 .html 或 .htm
    2. 标签分为:
        1. 围堵标签:有开始和结束的标签。如<html> </html>
        2. 自闭和标签:开始标签和结束标签在一起。如<br/>
    3. 标签可以嵌套:
        需要正确嵌套,不能你中有我,我中有你
    4. 在开始标签中可以定义属性。属性是由键值对构成,值需要用引号(单双都行)引起来
    5. html不区分大小写,但是建议使用小写

三、标签学习:

 1. 文件标签:构成html最基本的标签
     * html:html文档的根标签
     * head:头标签。用于指定html文档的一些属性。引入外部的资源
     * title:标题标签
     * body:体标签
 2. 文本标签:和文本有关的标签
     * 注释:<!-- 注释内容 -->
     * <h1> to <h6>:标题标签
     * <p>:段落标签
     * <br>:换行标签
     * <hr>:展示一条水平线
     * <b>:字体加粗
     * <i>:字体斜体
     * <font>:字体标签(淘汰了,不建议用)
 3. 图片标签
     * img :展示图片
            <img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
         * 属性:
            src:
              <img src="图片位置" />
 4. 列表标签:
     * 有序列表:
         * ol:
         * li:
     * 无序列表:
         * ul:
         * li:
 5. 链接标签:
     * a:定义一个超链接
          * 属性:
              * href:指定访问资源的URL(统一资源定位符)
              * target:指定打开资源的方式
                 * _self:默认值,在当前页面打开
                 * _blank:在空白页面打开
 6. div和span:
     * div:每一个div占满一整行。块级标签
     * span:文本信息在一行展示,行内标签 内联标签
 7. 语义化标签:html5中为了提程序的可读性,提供了一些标签
     * <header>:页眉
     * <footer>:页脚
 8. 表格标签:
     * <tablle>:定义表格
        * 属性:
           * border:定义表格是否有边框
           * width:宽度
           * cellpadding:定义内容和单元格的距离
           * cellspacing:定义单元格之间的距离。如指定为0,则单元格的线会合为一条
           * bgcolor:定义表格背景色
           * align:定义表格对齐方式
     * <tr>:定义行
        * 属性:
           * bgcolor
           * align
     * <td>:定义单元格
        * 属性:
           * bgcolor
           * align
           * colspan:合并列
           * rowspan:合并行
     * <th>:定义表头单元格(默认居中加粗)
     * <caption>:表格标题
     * <thead>:表示表格的头部分(无样式,增强可读性)
     * <tbody>:表示表格的体部分(无样式,增强可读性)
     * <tfoot>:表示表格的脚部分(无样式,增强可读性)
posted @ 2021-01-08 18:23  laozhupeiqi  阅读(73)  评论(0编辑  收藏  举报