HTML知识点梳理(详细整理版)

一.HTML文档基本结构

   
     
        
          
          
       
       
      
   

二.常用HTML标签(元素)

  1. 文本标签:(

    )标题大小、标签、本段落、文本容器、
    换行符、
  2. 链接标签:https://www.baidu.com
  3. 图像标签:_替代文本(属性)_
  4. 表格标签:boder为表格边框属性,一个表格可以thead、thbody甚至tfoot构成
表格标题
row 0, cell 1 row 0, cell 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2
row 3, cell 1 row 3, cell 2
row 4, cell 1 row 4, cell 2
表格标签.png
  1. 列表标签:(列表可以层层嵌套,列表子标签可以嵌套其他的标签元素)、
  • 有序列表
    1. Coffee
    2. Milk
  • 无序列表
    • Coffee
    • Milk
  • 自定义列表
    Coffee
    Black hot drink
    Milk
    White cold drink
  1. 格式化标签:


    HTML文本格式化标签.png
  2. 计算机输出标签:


    HTML计算机输出标签.png
  3. 引用标签:


    HTML引用标签.png
  4. 头部标签:


    HTML头部标签.png

三.常用HTML属性

  1. 背景颜色(Bgcolor):颜色不同书写方式;六进制数、RGB 值或颜色名
    
    
     
    
  2. 背景(Background)
    
    
  3. 边框(border):多用于表格
  4. 样式(style):设置width、height、color、background-color等属性值
    
      
        

    A paragraph.

四.HTML中块级元素和内联元素

  1. 块级元素(block element):
    ,

    ,

    ,

      , 等
    • 内联(行类)元素(inline element):, ,
    • , ,

      五.HTML的类和id以及css样式以及javaScript脚本引入方式

      
        
         //引入css样式的两种方式:     
         
        
          

      六. HTML 表单(此部分内容较多且时刻运用在网页设计中,如下拉列表、输入框、导航栏等,所以单独剃出来详解一下)

      1. 元素:定义 HTML 表单,其属性包含如下:

        form属性.png

        method获取方式.png
      2. 元素:最重要的表单属性,根据 type 属性可以定义多种表单类型 text (文本输入框)、password (密码输入框)、radio (单选框)、checkbox (复选框)、submit (提交按钮)、button (按钮)等。

      • 文本输入框


        输入类型:text.png
      • 密码输入框


        输入类型:password.png
      • 单选框


        输入类型:radio.png
      • 复选框


        输入类型:checkbox.png
      • 提交按钮


        输入类型:submit.png
      • 一般按钮


        输入类型:button.png
      • HTML5 新增 type 输入类型:


        html5输入类型.png
      1. select:下拉列表.png
      2. textarea文本域.png
      3. 元素:组合表单数据,其中 元素为
        元素定义标题。
        
           
        Personal information: First name:

        Last name:


      4. 元素:为 元素规定预定义选项列表。 元素的 list 属性必须引用 元素的 id 属性。
        datalist预定义选项列表.png

      你可能感兴趣的:(HTML知识点梳理(详细整理版))