HTML小结（空余时间整理的的之前自学时的记的笔记）

本文链接：https://blog.youkuaiyun.com/weixin_58116565/article/details/121913208

1.Html技术
   1.1 Html简介
       它是一门描述网页的语言，Hyper Test Markup Language，超文本标记语言。
       *超文本：超出文本的范畴，指的是网页上面可以描述文本、图片视频等内容
       *标记：简单来说就是标签里面书写内容
       *语言：HTML就是用户和浏览器交互的工具，简单讲就是浏览器会解析HTML的标记，以特定的效果给展示出来

       html的主要组成部分：
       *文档的声明<!DOCTYPE>：声明html的类型和版本号
       *HTML的跟标记<html> </html>：在页面展示内容

*HTML的主体标志<body> </body>：在页面展示内容。

*HTML的标题标签<title> </title>：随着文字而改变高度，一般用来做容器做页面布局。

html的书写规范：
       1.html的文件后缀名可以是“.html"或者是”.htm“
       2.html文件的格式：必须是有组成部分中的所有。
       3.html文件必须以<html>开始以</html>

html的作用：用来编写网页，在网页通过html标记来描述文本、图片、视频等内容

   1.2 标记（单标记和双标记）
       1.单标记：空标记，就是没有结束标记的称之为单标记
           语法：<hr />是水平线标记 <br />是换行标记——————这两个会自结束。
       2.双标记：体标记，就是这个标记有开始和结束。
           语法：<font>……内容……</font>

1.3 文本控制和文本样式标记
       1.段落标记<P></p>和换行标记<br />
           段落标记：段落与段落之间会自动换行。
           <div></div>标签：可修改段中文字背景
       2.文本样式标记：语法：<font>内容</font>
           常用的属性：
               face；用来描述字体的样式
               zise：用来描述字体的大小，最大取值为7，超过7的默认还是7
               color：用来描述字体的颜色，有一下三种情况
                   *用英文单词来表示 red,green,blue
                   *用十六进制的数据表示：#ff0000
                   *用rgb三原色表示：如rgb(255,255,0)
       3.空格标签： 
       4.修饰符标签：span
       *.其他标记：
           标题标记：从大到小分别为：<h1></h1>,<h2></h2>,…………，<h6></h6>
           字体样式标记：加粗：<b></b>,字体倾斜：<i></i>，……等等和word文本一样
           特殊字符：大于>……<
               小于<……div>
           注释标记：例如：

为什么有时候结束的地方不用“/”也可以：因为html是一门描述网页的语言，并不是很严谨的语言，html标记通过被浏览器解析，展示特定的效果

       4.图像标记：就是在网页上引入图片
           *语法：<img src="图像的yrl的地址" />
           *常用的属性：
               src：用来引入图片（路径）
               width：描述图片的宽度
               heght：描述图片的高度
               border：描述图片边框
           注意：图片的路径和绝对路径和相对路径（就是图片和文件在同级目录下时可直接用图片名加后缀）

5.表格标记：
           1.表格的作用：将数据更加有条理的显示出来，用来规划网页
           2.语法：<table>
                   <tr>
                       <td>单元格的内容</td>
                   </tr>
               </table>
           3.语法解析
               tr：表示行
               td：表示单元格
               th：将单元格<td></td>改为<th></td>时字体加粗剧中
               rowspan：合并行
               colspan：合并单元格（列）
           4.常用属性：
               border：给表格加边框，当参数为0时没用，大于等于1 时有
               width：表示表格的宽度
               align：描述表格的位置
               cellspacing：描述边框的厚度
               cellpadding：描述文字与边框的距离
               align：让某行剧中、剧左或者剧右
               bgcolor：用来设置单元格背景颜色
               等等……

6.*表单标记：
           表单介绍：把用户输入的数据提交到服务器端，简单来说，表单用来让用户输入数据，表单把数据封装起来，提交到指定位置。
           1.表单组成部分：
               1.表单控件：用户输入数据，比如说输入用户名、输入密码。
               2.提示信息：告诉用户输入框要输入什么值
               3.表单域：标识表单的开始和结束
                   语法：<form> 提示信息：表单控件</form>
               4.常用属性：
                  action：表示表单提交的位置
                   method：表示表单提交的方式，常用的get提交和post提交，默认提交方式是get
                   **get提交和post提交的区别：
                       get：数据会显示在浏览器的地址栏上，不安全，提交的数据的大小会有限制。
               5.合并操作：
                   1.要确定表格有多少行和多少列
                   2.要确定合并的是行还是列       post：数据不会显示在地址栏，是安全的，提交的数据大小没有限制。

           2，常用的表单控件：<input />
               输入框控件的属性：type
               文本框：text
               下拉框：select
               密码框：password
               单选按钮：radio
               复选框按钮：checkboox
               上传按钮：file
               提交按钮：submit
               重置按钮：reset

               注意：表单想要把数据提交到指定位置，输入框必须要有name属性。

           3.文本域标记：语法：<textarea rows=“文本域的行数" cols="文本域每行输入的字符数 " > </textarea>
               例如：htmlDemo1里的代码

       7.列表标记和超链接标记：★
           1.列表标记：有序列表标记、无序列表标记、自定义列表标记
               1 无序列表：语法：<ul>
                       <li>列表内容1</li>
                       <li>列表内容2</li>
                       <li>列表内容3</li>
                       ……
                       </ul>
                   有序：<ol>
                       <li>列表内容1</li>
                       <li>列表内容2</li>
                       <li>列表内容3</li>
                       ……
                       </ol>
               2.属性type：默认值有 disc、square、circle

           2.超链接标记：可以实现跳转的效果
               语法：<a href="跳转的地址" target="目标窗口的弹出方式”></a>
               当target对应的值是_self 时在原有的的窗口上打开网页
               当target对应的值是_blank 时会打开一个新的窗口来显示网页
               href属性：跳转的url 1.站内跳转 2.站外跳转
               网页链接：前面加 http://

       8.<div>标记：通常用来实现网页布局