HTML

1.概念:

  Hyper Text Markup Language 超文本标记语言

  *超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。  

  *标记语言:

    有标签构成的语言。如<html></html>

    标签语言不是编程语言。

2.快速入门:

  *语法:

    1.html文档后缀名.html或.htm

    2.标签分为:围堵标签:有开始标签和结束标签

          自闭合标签:开始标签和结束标签在一起

    3.标签可以嵌套:

    4.在开始标签中可以可以定义属性。属性是由键值对构成的,值需要用引号引起来。

    5.HTML不区分大小写。

3.标签学习:

  1.文件标签:构成html最基本的标签

    *html:html的根标签

    *head:头标签。用于指定html文档的一些属性。引入外部的资源

    <meta   charset = "UTF-8">

    *title:标题标签

    *body:体标签

  2.文本标签:和文本有关的标签

  注释:<!-- 注释-->

  <h1>到<h6>:标题标签

  <p>:段落标签

  <br>:换行

  <hr>:水平线标签

    属性:*color:颜色

       *width:宽度

         *size:高度

       *align:对齐方式     left  right  center

  <b>:加粗

  <i>:斜体

  <font>:字体标签

      *属性:

        color:颜色

        size:大小

        face:字体

  属性定义:

      *color:

        1.英文单词:red

        2.rgb(值1,值2,值3)值的范围:0~255  如rgb(0,0,255)

        3.#值1#值2#值3:值的范围:00~FF之间。如#FF00FF

      *width

  3.图片标签:<img src="指定图片的位置" align="" alt=""/>

  4.列表标签:

    有序列表:

      *ol

      *li

    无序列表:

      *ul

      *li

  5.超链接标签:

    *<a   href="指定访问的路径" target="_blank"></a>:定义一个超链接

  6.表格标签:

        <table>制作表

          *width:表格的宽度

          *border:边框

          *cellpadding:定义内容与单元格的距离

          *bgcolor:背景色

          *align:对齐方式

        <tr>定义行

            *bgcolor:背景色

            *align:对齐方式

        <td>占一个单元格

            *colspan:合并行

            *rowspan:合并列

        <th>定义表头单元格

        <caption>定义表格标题

        <thead>表示表格的头部分

        <tbody>表示表格的体部分

        <tfoot>表示表格的脚部分

  7.div和span标签:配合css使用

    div:每一个div占满一整行。块级标签

    span:文本信息在一行展示,行内标签,内联标签

  8.语义化标签:<header>  <footer>结合css

 

  

posted @ 2022-12-28 00:45  会秃头的小白  阅读(101)  评论(0编辑  收藏  举报