HTML基础教程-优快云博客

本文链接：https://blog.youkuaiyun.com/ZmeSky/article/details/82185881

HTML：是超文本标记语言，它的语言是由标签组成的

HTML的数据都封装在标签中，通过对标签中的属性内容改变也就实现了对封装的数据的改变。

HTML标签都在<html></html>中（代码的范围）

该范围中可以定义两部分内容：一个是头，一个是体

<html>
<head></head>
<body></body>
</html>
head：是网页的一些属性信息例如：标题

body：是网页显示的内容数据

标签的特点：对数据进行封装，有开始标签和结束标签

但是有一些标签只体现了单一的功能，所以不需要结束标签，规范中标签必须要结束，所以这些标签在内部结束。

例如：<br/> <hr/> <img /> <input />

标签格式：<标签名属性名="属性值" >数据内容</标签> ， <标签名属性名="属性值" / >

常用的标签：

1 字体：<font>

<font size="5" color="#ffff00">要设置的数据内容</font>

特殊部分：如果要在页面上显示一些特殊字符，需要进行转义

例如： “<”用&lt表示， >:&gt ， &:&amp ，空格：&nbsp

2 列表标签 <dl> </dl>

上层项目：<dt>

下层项目：<dd>

项目符号标签：<ol></ol> , <ul></ul> 这两个标签内的数据都有<li></li>标签封装

例如：

星际

魔兽

2. 游戏内容

攻略

秘籍

<html>

</html>

3.图像标签：<img/>

<img src="" alt="图像说明文字" />

4 .表格标签：<table>

表格标签有行组成，行有单元格组成，表格中默认有一个tbody标签

标题标签：<caption>

表格式最常用的标签，用于对数据进行格式化

5. 超链接  <a>

<a href="http:\\www.sina.com.cn" target="_blank">新浪网站</a>

当被点击后，会自动启动引擎对应的解析程序，去查找指定的主机

        1.先找本机的hosts文件

        2. 如果没有找到该主机的ip地址，就回去DNS服务器上找对应的ip地址

超链接的另一个作用：定位标记

<a name="top" >一个位置</a>
 <a href="#top" >获取那个位置</a>

6. 表单标签：<form>   该标签可以与服务端进行交互。

表单标签中的元素

<input>:该标签因type属性值得不同，得到的组件也不同

type属性： 1.text 文本框，输入的文本可见。

 2. password 密码框 ，输入的文本不可见

 3.radio 单选框，注意:要被选中，必须要给单选框定义一个name属性

  当有多个单选框时，只有一个被选中，那么这些单选框的name属性值必须相同

 4.checkbox 复选框，对多个数据同时选中

 5. file 可以进行文件选择的组件，通常用于附件或上传文件

 6. hidden 隐藏组件，该组件不会在页面上显示，但其定义的name和value值可以提交给服务端

 7.button 按钮组件， 自定义一个组件没有任何效果，可以通过注册事件加入一个自定义效果。

 8. reset 重置按钮。将组件中被操作的效果还原成初始状态

 9. submit 提交按钮，将组件的添加的内容提交到指定的目的地

 10.image 图像组件，为了避免提交按钮的难看，可以通过image的src属性连接一个图片完成提交效果。

下拉菜单：<select>  每一个下拉菜单项都有option进行封装

<select>

 <option></option>

</select>

文本区域：<textarea>

表单组件通过常需要定义name和value属性，因为要将数据发送给服务端，服务端只有知道了name值才可以对提交的数据进行分别获取。

<form>标签中常见的属性：

action：指定数据提交的目的地。method：提交的方式，两种常用的值：get和post，默认是get。

get和post的区别：

get与post提交的不同
get：把信息都显示在地址栏中，地址栏数据信息有限制 ，数据封装在消息头的前边
post：在地址栏中不显示信息，没有地址栏数据信息限制，数据封装在消息头的后面，数据体

对于服务器而言：最好用post提交：避免敏感信息，便于解码数据。tomcat服务端默认的解码是ISO8859-1

对于post提交的中文，在服务端可以直接使用setCharacterEncoding("gbk")就可以解决

对于get提交的中文，在服务端只能通过ISO8859-1将数据编码一次，再通过指定的码表如GBK解码

使用表单的组件不一定使用<form>标签，只有需要将数据提交给服务端是才会用到<form>标签。。

HTML-标签