HTML

标签

:头标签,用于定义页面说明型或者功能型信息。如字符集、引入css样式、引入javascript功能等

 :身体标签,用于定义页面的展示型信息

:相当于java类      类的大括号,把html的所有代码包裹起来

注解标签

格式:

特点:浏览器不显示,查看源码可见;不能嵌套。

标题标签

用于修饰标题

包含:

,h1最大,h6最小

特点:独占一行

水平线标签


用于在页面创建一条水平分割线,也会自动换行

属性:

HTML_第1张图片

字体标签

用于设置字体大小和颜色

属性:size、color

字体格式化标签

粗体:

斜体:

段落格式化标签

属性:align(对齐方式)

换行标签


空格标签

 

图片标签

属性:路径中的“../”代表向上一级,“./”代表当前目录

HTML_第2张图片

列表标签

    :有序列表标签      type可取值:A、a、I、i、1等

      :无序列表标签     type取值:disc实心圆、square方块、circle空心圆

    • :列表项

      超链接标签

      超链接需要能够点击的前提:

      标签必须有内容体、必须有href属性

      属性:

      HTML_第3张图片

      表格标签

      作用:1、用来展示数据    2、用来进行页面布局(一般用div标签布局)

      表格的结构标签:

      HTML_第4张图片

      常用表格属性:

      HTML_第5张图片

      例子:设置一个三行三列的表格,其中第一行跨三列

      HTML_第6张图片

      显示结果:

      HTML_第7张图片

      框架标签

      :是框架设置布局标签,专门用于页面的布局和划分。和可以相互代替,不能共存。

      frameset属性:

      HTML_第8张图片

      标签:是的子标签,用于页面的引入

      frame属性:

      HTML_第9张图片

      块标签

      :行级的块标签,用于在效果中 一行上定义一个块,进行内容显示。

      1、span有多少内容,就占多大空间    2、不会自动换行

      :块级块标签,用于在效果中 定义一块,默认占满一行,进行内容的显示

      1、默认占满一行,自动换行

      这两个标签的应用场景:

      div:HTML_第10张图片        span:HTML_第11张图片

      表单标签

      作用:用于将客户端浏览器的数据提交给服务器,一切需要提交数据的场景都会使用到表单

       写法:

      : 注意和写法上的区别        表单是个容器,在页面不显示 

      表单输入项标签,标签用于获得用户输入信息,type属性值不同,会成为不同的组件。最常用的标签

      input属性:

      HTML_第12张图片

      input-type的属性值说明:

      HTML_第13张图片

      表单输入标签之下拉列表标签

      1. :文本域标签,可支持用户输入并提交大量纯文字数据

        属性:name,组件名,如果需要下拉选择框数据提交到服务器,必须提供name属性

        扩展:

        Textarea和input框的区别:

        1. textarea  可以输入大量数据,而input仅可输入少量数据
        2. Textarea 提交参数的值是内容体之间的数据,input提交的value属性的值

        表单标签常用属性:

        HTML_第16张图片

        扩展

        Get和Post的区别:

        1. get提交的数据是在地址栏上显示(默认是get方式); Post: 提交的数据在请求体中
        2. 安全性方面     get因为在地址栏暴露了数据,所以不安全;Post 相对安全
        3. 提交数据量方面   使用get提交的数据有上限(提交数据量小的); post提交数据无上限     文件上传:po  

         

         

         

         

         

         

         

         

         

         

         

         

         

         

         

你可能感兴趣的:(html复习)