HMTL的基本标签
1.代码示例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>么么哒</title> //标题名称
</head>
<body>
<div>Hello World</div>
<div>你好呀！</div>
</body> //内容
</html>
<!doctype html>：声明HMTL的版本，当前使用的是html5；
<html></html>：告知浏览器这是一个html文本；
<head></head>：网页的头部，这个位置用于存放<title>头部内容，和CSS样式，以及需要提前加载的JavaScript脚本等；
<body></body>：网页的内容，这个位置用于存放网页上所有要显示的内容，图片，以及流媒体，当然也可以存放客户端脚本，表格，布局图层DIV等；
2.标签
<br />：换行
<hr />：水平分割线
<h1></h1>…<h6></h6>：HTML提供了6个等级的标题
<strong></strong>：文字以粗体方式显示
<em></em>：文字以斜体方式显示
<del></del>： 文字以加删除线方式显示
<ins></ins>：文字以加下划线方式显示
<img src="图像URL” alt=“图像不能显示时的替换文本” titil=“鼠标悬停时显示的内容” height=“设置图像的高度” width=“设置图像的宽度">
⚠️使用图片时，如果只设置宽度或者高度则会按原图比例修改。
<a href="跳转目标" target="目标窗口的弹出方式” title=“鼠标悬停时显示的内容”>文本或图像</a>
超链接，target = “_self"为默认值，_blank为在新窗口中打开方式。
<base /> 可以设置整体链接的打开状态，eg：<base target=“_blank”>,在全局设置打开方式是新建窗口，在<head>里写。
⚠️图片作为链接:
<a href="http://www.4399.com"><img src="img/img1.jpg” height="40"></a>
暂时没有确定链接目标时，通常将<a>标记的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
3. 特殊字符 描述 字符代码
空格
< 小于符 <
> 大于符 >
& 和号 &
￥ 人民币 ¥
© 版权 ©
® 注册商标 ®
° 摄氏度 °
± 正负号 ±
× 乘号 ×
÷ 除号 ÷
² 平方2(上标2) ²
³ 立方3(上标3) ³
4.<ul type=“disc”></ul>标记用于定义无序列表，<li></li>标记嵌套在<ul></ul>标记中，用于描述具体的列表项，每对<ul></ul>中至少应包含一对<li></li>,其中默认值:disc，方块:square，空心圆:circle。
<ol type=“1” start=“3"></ol>标记用于定义有序列表，<li></li>为具体的列表项，和无序列表类似，每对<ol></ol>中也至少应包含一对<li></li>，type为1则以阿拉伯数字1开始，可以设置为A，a，I。start=“3”表示从3开始,注意start只能是数字。
自定义列表
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
…
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
…
</dl>
各列表之间可以相互嵌套。
5.<div></div>无实际意义的容器，用做网页排版，用id属性来为<div>提供唯一的名称，id必须唯一。
6.<marquee direction=“滚动方向" behavior="滚动方式" scrollamount="滚动速度" bgcolor="背景颜色” width="宽度" height=“高度" loop="滚动次数” onmouseover="this.stop()" onmouseout="this.start()"></marquee>
onmouseover:鼠标事件，放下静止，离开移动。
7.<head></head>里的标签：
meta 的属性有两种:name和http-equiv.
<meta name="generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
<meta name="keywords" contect="">向搜索引擎说明你的网页的 关键词;
<meta name="description" contect="">告诉搜索引擎你的站点的 主要内容;
<meta name="author" contect="你的姓名">告诉搜索引擎你的 站点的制作的作者;
<meta name="" contect= "all|none|index|noindex|follow| nofollow”>:设定为all:文件将被检索，且页面上的链接可以被查询; 设定为none:文件将不被检索，且页面上的链接不可以被查询; 设定为index:文件将被检索; 设定为follow:页面上的链接可以被查询; 设定为noindex:文件将不被检索，但页面上的链接可以被查询; 设定为nofollow:文件将不被检索，页面上的链接可以被查询。
link:引用外部css,引用title图片 (icon) 例如: <link rel="icon" href="1.icon”>
8.表格
<table>
<caption>标题</capton>
<tr>
<td> 单元格内容 </td>
</tr>
</table>
创建表格:有多少tr标签多少行，th是列名加粗居中显示，td是列(没有边框)。
属性：border：可用于定义表格的单元格和结构，边框的厚度。
cellpacing:设置单元格与单元格之间的距离；
cellpassing：设置文字与单元格之间的距离；
width：宽度；
height：高度；
align：设置水平对齐方式；
valign:设置垂直对齐方式；
bgcolor：设置背景颜色。
属性可以设置在table,tr,td,th中.
caption 标签必须紧随table 标签之后：表格的标题；
td的属性：
colspan：合并列；
rowspan：合并行。
9.HTML表单:交互，包括表单控件、提示信息和表单域，
表单控件包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等
提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作
表单域：他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。
表单标签的使用:<form name=“表单名称" action="表单处理程序的位置 " method="表单结果从浏览器传送到服务器的方式get|post">...</form>
⚠️所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间。
input控件：<input type=“控件类型”>
单选框，多选框：<input type="radio/checkbox" value="值" name="名称" checked="checked”/>
radio:单选框，name值必须相同，checked表示默认勾选。
checkbox;多选框，checked表示默认勾选。
文件上传
<input type="file" value="" />
上传时form里应该有method="get" action="https://www.baidu.com”两个值
提交
<input type="submit" value="提交" />
重置
<input type="reset" value="重置" />
普通按钮
<input type="button" value="按钮" />
图片按钮
<input type="image" src="图片地址" />
文本框
<textarea rows="10" cols="10">
输入文字
</textarea>
10.下拉菜单:
<select>
<option>选项1</option>
<option>选项1</option>
<option>选项1</option>
<select>
11.form表单中的label标签：为鼠标用户改进了可用性。
<label for="控件id名称">
eg：
<input type="radio" name="gender" id="male" />
ps：第一次写博客，可读性不太好请多多见谅，有不对的地方请联系博主！
3298
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
