HTML知识点总结
HTML知识点总结
1.介绍
介绍：超文本标记语言
2.标签与属性
标签可以有0到多个属性
3.标签允许嵌套
4.注释
5.简单的HTML文档结构
<html>
<head>head>
<body>body>
html>
6.标签的分类
1.行级标签：可以和文本，行级标签一行展示，宽和高为内容的宽和高，没有内容没有宽和高，不可以设置宽和高。
2.块级标签：独占一行，宽度为父标签的宽度，高度为内容的高度，没有内容没有高度，可以设置宽和高。
7.标题标签
h1~h6 数字越大字体越小
8.段落标签
<p>p>
9.换行
<br/>
10.水平线
<hr/>
11.图片标签
<img src="图片的路径" title="鼠标悬浮时提示的信息" alt="图片加载失败提示的信息"/>
12.超链接
<a href="跳转的路径" target="打开的方式">a>
13.列表
1.有序列表
<ol><li>li>ol>
2.无序列表
<ul><li>li>ul>
14.表格
<table>
<thead>
<tr>
<th>th>
tr>
thead>
<tbody>
<tr>
<td>td>
tr>
tbody>
table>
15.实体
空格：
16.表单（form）
1.介绍：
标示着一个整体，提交时可以将表单元素中的值提交到后端
2.form标签的属性：
1.action：提交的后端路径
2.method：提交方式
get：地址栏拼接参数，有大小的限制，只能进行url编码，不安全
post：请求体中传递参数，没有大小的限制，可以使用其他方式编码，安全
3.enctype：参数格式的处理，只有post请求时才有效
1.application/x-www-form-urlencoded：普通的参数（post请求默认）
2.multipart/form-data：普通参数和文件（有文件上传时必须指定）
3.表单元素：
1.文本框：
<input type="text" name="xxx"/>
2.密码框：
<input type="password" name="xxx"/>
3.日期框：
<input type="date" name="xxx"/>
4.文件域：
<input type="file" name="xxx"/>
5.单选按钮：
<input type="radio" name="sex" value="xxx"/>
<input type="radio" name="sex" value="xxx"/>
6.复选框：
<input type="checkbox" name="hobby" value="xxx"/>
<input type="checkbox" name="hobby" value="xxx"/>
7.下拉列表：
<select name="xxx">
<option value="xxx">option>
select>
8.文本域:
<textarea name="xxx">textarea>
9.按钮：
<input type="submit" value="按钮中提示的文字"/>
<button type="submit">按钮中提示的文字buuton>
<input type="reset" value="按钮中提示的文字"/>
<button type="reset">按钮中提示的文字buuton>
<input type="button" value="按钮中提示的文字"/>
<button type="button">按钮中提示的文字buuton>
4.表单元素的属性
17.内联框架
<iframe src="默认内联的路径" frameborder="边框" width="" height="" name="xxx">iframe>
<a href="..." target="iframe标签的name属性值">a>
18.常用布局标签
div：块级元素（标签）
span：行级元素（标签）