导图社区 Html
本导图汇总了Html的知识内容，包括基本语法、基本结构标签、特殊字符的代码、文档的查询、常用标签等方面。
社区模板帮助中心，点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
Html
常用标签
<h1>-<h6>标题标签
由1到6重要性逐级降低，字号也变小
<p></p>段落标签
分割段落，自动换行
<br/>换行标签，单标签
布局标签
<div></div>一行放一个
<span></span>一行上可以放多个
图像标签
<img>
其中可以添加的属性
src必须属性，图片路径
路径
图片相对于html页面所在的界面
在上层文件用../****
在下层文件用/****
或者用完整全路径
alt图片不能显示时出现的文本
titile鼠标放到图像上显示的文本
width图像的宽度
height图像的高度
border图像边框粗细
文本格式化标签
<strong></strong>或者<b></b>加粗
<em></em>或者<i></i>倾斜
<del></del>删除线
<ins></ins><u></u>下划线
超链接标签
<ahref="转跳目标" target="目标窗口的弹出方式" 文本或图像 > </a>
ahref后面跟的是链接目标的地址，是必须属性
target的默认值为_self在当前窗口打开 ，_blank为在新窗口中打开
外部链接，ahref中要写http://www这样的全地址
内部链接，直接写内部页面名称即可
空连接，没有确定链接目标，<a href="#">首页</a>即可
下载链接，href里面是一个文件或者压缩包
网页元素链接，在网页中的各种网页元素中添加超链接
锚点链接，可以快速定位到页面中的某个位置
在href属性中，设置属性值为#名字
在目标位置标签里添加一个id属性为相同的名字
表格标签
基本格式 <table> <tr><td><td><tr> <table>
<table >是用于定义表格的标签
<tr>是定义表格中的行，必须嵌套在<table>中
<td>是定义表格中的列，必须嵌套在<tr>中
表格的开头可以用<th>内容会加粗居中显示
表格结构标签
<thread>表格的头部标签
内部必须有<tr>一般位于第一行
<tbody>表格的主体区域
表格属性
align
对齐方式，值有left，center，right 等
border
1或""有无边框，默认为""无边框
cellpadding
规定单元边沿与其内容之间的空白
cellspacing
规定单元格之间的空白
width
规定表格的宽度
合并单元格方式
rowspan="合并单元格的个数"
行
colspan="合并单元格的个数"
列
合并方式为向上合并或向左合并
列表标签
无序列表
<ul><li></li></ul>
有序列表
<ol><li></li></ul>
自定义列表
<dl><dt></dt><dd></dd></dl>
<dt>是定义项目/名字，<dd>是描述每一个项目/名字
表单域
<form action=URL method=提交方式 name=表单域名称>内容</form>
属性
action:用于接收并处理表单数据的服务器程序的URL
method:可以填get/post
name:用于指定表单的名称，以区别一个页面中的多个表单域
表单标签
<input>
单标签
用于收集用户信息
tpye
用于指定不同的控件类型
属性值
button
点击按钮
checkbox
复选框
file
输入字段和浏览按钮
hidden
隐藏字段
image
图像形式的提交按钮
password
密码字段，字符被掩盖
radio
单选按钮
reset
重置按钮
submit
提交按钮，把表单提交给服务器
text
单行的输入字段，宽度20个字符
name
定义Input元素名称
单选按钮和复选框要有同样的name值
value
规定Input元素的值
checked
规定此input首次加载被选中
maxlength
规定输入字段字符最大长度
<select>
可以下拉的列表
一项select至少包含一对option
在<option>中定义select = "selected"这个选项就为默认选项
格式:<select><option>选择1</option></select>
<textarea>
用于定义多行文本输入的控件
格式<textarea rows="" cols="">文本内容</textarea>
rows为行数，cols为每行字符数
<Label>标签
绑定表单元素，点击<Label>标签内的文本时，浏览器会自动将焦点转到或者选择对应的表单元素上，来增加用户体验
语法：<label for="自定义名字"></label> <input type="" id="自定义名字">
核心:for中的属性值和id中的属性值相同
文档的查阅
百度
http://www.baidu.com
W3C
http://www.w3school.com.cn/
MDN
http://developers.mozilla.org/zh-CN/
特殊字符的代码
空格符
 
小于号
<
大于号
>
乘号
×
除号
&devide
基本结构标签
<html></html>
页面中最大的标签：跟标签
<head></head>
文档头部
<body></body>
包含元素的所有内容
<title></title>
文档的标题
基本语法
标签多为双标签
<!DOCTYPE>为头部的声明文件
<lang>表达的是语言种类，en是英语，zh-CN是中文
<meta>中的charset属性是文档的编码标准
注解以<!--开头 -->结尾
快捷键ctrl + /
