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

最新推荐文章于 2020-11-30 11:32:41 发布

4194304

最新推荐文章于 2020-11-30 11:32:41 发布

阅读量146

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_42227978/article/details/97056662

版权

笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

2019.7.24 html学习笔记

一、Html简介

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

二、html基本标签

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

2.版式标签
           （1）注释：
           （2）换行：<br/>
           （3）段落：<p>内容</p>
                       属性：align:对齐方式
           （4）水平线：<hr/>
                       属性：width:水平线长度
                          size:粗度
                          color:颜色
                                  algin:对齐方式
           3.块标签
           <div></div>：行级块标签
           <span></span>：行内块标签
           4.文字标签
           <font></font>
           属性：color：颜色
                     size：大小（最大是7，最小是1，默认是3）
                     face：字体类型，如宋体、黑体等等
           5.列表标签
           无序列表：<ul></ul>
                     <li></li>列表项
           属性：type：分别为disc、 square和circle
           有序列表<ol><ol>
           属性：type：1、A、a、I、i（数字、字母、罗马数字）
                         start:数字，代表首项开始位置（可省略，有要求时再写）
           6.图形标签
           <img/>
           属性： src：图片链接地址
                          width：图片宽度
                          height：图片高度
                          border：图片边框
                          align：对齐方式
                          alt：图片文字说明，当浏览器显示不出图片时会显示图片文字
           7.链接标签
              <a></a>
               属性： href:跳转页面地址
                            name:名称（锚点）
                        target:_self(当前页面跳转) _blank(新增页面跳转)，默认是_self
           8.表格标签
           <table></table>
           属性：border:表格边框
                       width:表格的宽度
                       align:表格的对齐方式
                         bgcolor:背景颜色
                  <tr></tr>: 代表行
                  <td></td>：代表单元格（单元格属性：colspan:列合并，rowspan:行合并）
           9.表单标签
           （1）form标签：<form></form>
                       属性：name:表单名称
                                action:提交的路径地址
                                  method:提交方式（get和post）
                   （*） get和post的区别：
                       (1)get提交将数据加在地址栏的后面，post提交将数据封装在请求体中。
                       (2)get提交相对不安全(数据泄露)；post提交相对安全。
                       (3)get提交有大小限制，根据浏览器不同而不同（一般为1-2k）；post不限制大小。
           （2）input标签：<input type=" "/>
                    属性：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>
           <frame>
           </frameset>
           frameset属性：rows；按行划分
                                cols：按列划分
                                划分格式： rows="120,*"
           frame属性：name：名称，方便target根据name值进行定位
                          src:加载的页面地址；
           11.特殊标签
             空格
           >   大于号
           <   小于号
           © 版权符号
           ® 注册符号

在校学生，第一次写博客，主要为了做笔记提高自己，同时养成一个好习惯，名词方面可能有个别错误，只是自己感觉容易理解，如果笔记帮助到客官的话还请点个赞支持一哈，嘻嘻~