html笔记（蛋蛋的第一个博文）

2019.7.24  html学习笔记

一、Html简介

         1.什么是html？
     html是指超文本标记语言(Hyper Text Markup Language)，它不是一种编程语言，而是一种标记语言（markup language，标记语言是一套标记签（markup tag）,html使用标记标签来描述网页。
          **重点**：***超文本***  ***标记*** ***语言***
          超文本可以实现普通文本不能实现的功能；
          标记就是标签，不同的标签有着不同的功能。
          2.html的书写规范
              （1）html结构
                  
                  
                内容包含：整个页面的属性、知道浏览器解析的标签、引入外部文件的标签（如：link引入css文件 script引入js等等）；
                  
                  
                  
                  
               （2）html标签是以尖括号包裹关键字成对出现的（双标签），有头有尾，支持嵌套。
               （3）还有一部分不是有头有尾的标签（单标签），如：

---

等。

 二、html基本标签

           1.文件标签
                    :根标签
                    
                        :页面的标题
                    
                    :内容
                    属性有：text：文本颜色
                                   bgcolor:背景色
                                   background:背景图片

            2.版式标签
            （1）注释：
            （2）换行：

            （3）段落：

内容

                        属性：align:对齐方式
            （4）水平线：

---

 
                        属性：width:水平线长度
                                    size:粗度
                                    color:颜色
                                    algin:对齐方式
            3.块标签
            

：行级块标签
             ：行内块标签    
            4.文字标签
            
             属性：color：颜色
                         size：大小（最大是7，最小是1，默认是3）
                         face：字体类型，如宋体、黑体等等
            5.列表标签
             无序列表：

                      

列表项
             属性：type：分别为disc、 square和circle
             有序列表

             属性：type：1、A、a、I、i（数字、字母、罗马数字）
                         start:数字，代表首项开始位置（可省略，有要求时再写）
            6.图形标签
            
             属性： src：图片链接地址
                          width：图片宽度
                          height：图片高度
                          border：图片边框
                          align：对齐方式
                          alt：图片文字说明，当浏览器显示不出图片时会显示图片文字
            7.链接标签
             
               属性： href:跳转页面地址
                            name:名称（锚点）
                            target:_self(当前页面跳转) _blank(新增页面跳转)， 默认是_self
            8.表格标签
            
             属性：border:表格边框
                         width:表格的宽度
                         align:表格的对齐方式
                         bgcolor:背景颜色
                  : 代表行
                  ：代表单元格（单元格属性：colspan:列合并，rowspan:行合并）
            9.表单标签
             （1）form标签：

                       属性：name:表单名称
                                  action:提交的路径地址
                                  method:提交方式（get和post）
                   （*） get和post的区别：
                        (1)get提交将数据加在地址栏的后面，post提交将数据封装在请求体中。
                        (2)get提交相对不安全(数据泄露)；post提交相对安全。
                        (3)get提交有大小限制，根据浏览器不同而不同（一般为1-2k）；post不限制大小。
             （2）input标签：
                      属性：type属性:根据type属性实现各种不同功能的表单项；
                                  text：普通的文本输入框
                                  tpassword：密码输入框；特点是显示的是掩码
                                  radio：单选按钮
                                  name：如果想让一组单选按钮互斥，就用指定同意name属性值，需要加value属性值
                                  checked：默认被选中        
                                  checkbox：复选框
                                  name：组的概念，需要加value属性值
                                  checked：默认被选中
                                  file：上传文件的控件
                                  button：普通按钮，没有任何内置的功能
                                  submit：内置功能，点击会按照action地址提交
                                  reset：重置，点击会清空之前填写的内容
                       image：图片按钮，功能类似与submit
                       src：加载图片
                       alt:图片的提示文字
                      hidden:隐藏表单，作用是在提交数据的时候，服务器需要这个数据，但是不需要用户看到
            10.框架标签
            
            
            
             frameset属性：rows；按行划分
                                        cols：按列划分
                                        划分格式： rows="120,*"
             frame属性：name：名称，方便target根据name值进行定位
                                  src:加载的页面地址；
            11.特殊标签
               空格
             >   大于号
             <   小于号
             © 版权符号
             ®  注册符号
            
        在校学生，第一次写博客，主要为了做笔记提高自己，同时养成一个好习惯，名词方面可能有个别错误，只是自己感觉容易理解，如果笔记帮助到客官的话还请点个赞支持一哈，嘻嘻~