01.HTML

一、HTML常用标签

1.1结构化标签

text 网站内文字颜色

bgcolor 网站的背景颜色

background 网站的背景图片

1.2排版标签

注释 <!--需要注释的内容--> 快捷键 Ctrl++shift+/

<p></p> 段落标签

<br/> 换行

<hr> 水平线 属性：width color size

1.3字体标签

<font></font>

属性：size color

1.4斜体与加粗

<em></em> <i></i> 斜体

<strong></strong> <b></b> 加粗

1.5字体标签（语义化）

<big></big> 大字体

<small></small> 小字体

 上字体

 下字体

<del></del> 删除字体（字体除划线）

1.6标题标签

<h1></h1>到<h6></h6>字体向下逐渐变小

1.7图像标签

<img/>

属性：src    width    height    title (鼠标移入时提示信息）   alt（图片加载错误时提示信息）

1.8超链接

<a></a>

属性：

href 跳转的地址

target 页面打开的方式  _self 在当前窗口打开页面   _blank 新建一个窗口打开页面

二、常用的标签

2.1列表

2.1.1无序列表

<ul><li></li></ul>

属性：type用于设置无序列表的前缀  disc实心圆圈 square实心方块 circle空心圆圈

2.1.2有序列表

<ol><li></li></ol>

属性：type 用于设置列表的前缀 a A I i

2.1.3定义列表

<dl>定义列表

<dt>定义列表的分类

<dd>定时分类的条目 和 <dt>是同一级

2.2表格

<table>表示是一个表格

        <tr>表示表格中的行

                <th>或者<td>表示表格的表头和表格中的单元

属性：

2.3表单

2.3.1使用场景

大部分网站的登陆以及注册功能，或者是需要提交数据到服务器的时候，都是使用form表单

2.3.2作用

主要用于收集用户信息，将用户的信息保存到服务器

2.3.3组成

1.form 容器 

action 提交的地址

method提交的方式

        get表示明文进行提交 数据不安全，提交的数据有长度限制 不能超过4kb，一般用作下载

        post表示密文进行提交 数据安全 提交数据时没有长度限制，一般用于提交数据

enctype提交的数据类型

        multipart/form-data 表示支持文件进行提交

        application//x-www-form-urlencoded 表示支持的类型是普通的文本

2.输入框

3.提交按钮

 2.3.4input 

text 普通文本

password 密码框

radio 单选按钮（需要加上name属性）

checkedbox 多选框（需要加上name属性）

file 文件

search 搜索

email 邮箱

number 数值块

range 滑块

date 年月日

time 时分

datetime-local 年月日时分

week 周

month 月

reset 重置

submit 提交

button 点击

2.3.5input标签的属性

id 用来前端获取标签

name 用于后台来获取前端的数据

value 默认值

placeholder  输入框中的提示信息

size 输入框的大小

checked 默认选中

disabled 禁用

readonly 只读

2.3.6下拉框

<select> <option> </option> </select>

selected 默认选中 

2.3.7文本域

<textarea></textarea> 

rows 跨行 clos跨列

2.4frameset

用来将多个界面组合成一个界面

frameset动态填充界面

rows cols frameset将页面上下划分

注意：frameset可以嵌套使用

frameset不能与body同时存在