html的基本语法
------------效果------------
列表
ol有序列表
- type aA1罗马大小写
- start 从多少号开始标号
ul无序列表
- type 列表标号样式
- 属性：disc：实心圆、circle：空心圆、square：实心方块
图像&超链接
空连接
滚动
表格
| title | title | title |
|---|---|---|
| the | testinglongstring | Row |
| Second | - | Row |
| the | third | Row |
表单
------------结束------------
## 列表
ol有序列表
<ol type = '1' start = '50'>
<li>type aA1罗马大小写</li>
<li>start 从多少号开始标号</li>
</ol>
ul无序列表
<ul type = 'circle'>
<li>type 列表标号样式</li>
<li>属性：disc：实体圆、circle：空心圆、square：实体方块</li>
</ul>
图像
<img src = "url" width ="" height = "" alt = "" title = "">
<!--
src 图片地址
width 图片宽度
height 图片高度
alt 图片未加载是显示的代替文字
title 鼠标放置在图片上显示的文字
-->
超链接
<a href = "链接地址" target = "目标窗口弹出方式">超链接</a>
<!--
超链接
文本
图像
文件下载（压缩文件）
发邮件（mailto:邮箱地址）
锚点(name,href)
target blank 在新标签中打开
self 在源标签中打开
-->
锚点链接
<a name="mn">锚点标记</a>
<a href="#idmn">锚点的内容</a>
邮箱链接
<a href="mailto:A邮箱？B邮箱"></a>
<!--发送邮件给A邮箱 使用B邮箱 参数可以省略-->
图片热区链接
<img src="图片地址" useMap = "#link-map">
<map name = 'link-map'>
<!--矩形-->
<area shape="rect" coords="47,307,351,413" href="http://www.baidu.com">
<!--圆形-->
<area shape="circle" coords="600,600,200" href ="http://www.jd.com" alt="Mercury" />
<!--多边形-->
<area shape="poly" coords="0,0,200,0,200,200,100,300,0,200" href="http://www.taobao.com">
</map>
<!--
热区：
1、分类有矩形rect，圆形circle，多边形poly
2、矩形只用两个对角的坐标
3、圆形只要圆心坐标和半径
4、多边形要按照连接顺序来排坐标
-->
空连接
<a href = "#">空连接</a>
滚动
<marquee>滚动对象</marquee>
<!--
重要属性：
1.滚动方向direction（包括4个值：up、 down、 left和 right）
语法：<marquee direction="滚动方向">...</marquee>
2.滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）
语法：<marquee behavior="滚动方式">...</marquee>
3.滚动速度scrollamount（滚动速度是设置每次滚动时移动的长度，以像素为单位）
语法：<marquee scrollamount="5">...</marquee>
4.滚动延迟scrolldelay（设置滚动的时间间隔，单位是毫秒）
语法：<marquee scrolldelay="100">...</marquee>
5.滚动循环loop（默认值是-1，滚动会不断的循环下去）
语法：<marquee loop="2">...</marquee>
6.滚动范围width、height
7.滚动背景颜色bgcolor
8.空白空间hspace、vspace
-->
表格
https://www.cnblogs.com/JuFoFu/p/4597416.html
<table>
<thead>
<tr>
<th>title</th>
<th>title</th>
<th>title</th>
</tr>
</thead>
<tbody>
<tr>
<td>the</td>
<td>testinglongstring</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>-</td>
<td>Row</td>
</tr>
<tr>
<td>the</td>
<td>third</td>
<td>Row</td>
</tr>
</tbody>
</table>
<!--
一、标签
<table> 定义 HTML 表格
<thead> 标签定义表格的表头
<tbody> 标签表格主体（正文）
<tfoot> 标签定义表格的页脚（脚注或表注）
<tr> 元素定义表格行
<th> 元素定义表头
<td> 元素定义表格单元
<caption> 元素定义表格标题，必须紧随 table 标签之后。只能对每个表格定义一个标题，默认居中与表格之上
<col> 标签为表格中一个或多个列定义属性值。
<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。
二、表格标签及标签属性
（1）<table>
<table>
align：相当于浮动，用 css 的 float 代替
bgcolor：用 css 的background-color 代替
border：table 的 border 属性是继承到内部的 td 标签的，相当于同时对 (selector)：table 和 (selector) table td 设置 css 的 border 属性，但是当你设置大于1的 border 数值时，又只有 table 的 border 宽度会改变。默认的浏览器属性包括：border-collapse: separate;border-spacing: 2px; 故默认添加后是双边border
cellpadding：规定单元边沿与其内容之间的空白，其实是设置表哥内部 td 标签的 padding 属性，用 (selector) table td 设置 css 的 padding 属性代替。
cellspacing：规定单元格之间的空间，用 (selector)：table 设置 css 的 padding 属性代替。
frame：规定外侧边框的哪个部分是可见的，即设置表格 border，基本不会用这个属性。
rules：规定内侧边框的哪个部分是可见的，同 frame，几乎不会用到。
summary：规定表格内容的摘要，屏幕阅读器可以利用该属性，不会有其他视觉效果。
width：用 css 的 width 代替。
css 属性
table-layout：automatic（default） | fixed | inherit（列宽度由单元格内容设定 | 列宽由表格宽度和列宽度设定 | 继承父属性）
需要注意的是，表格以及列设置的 width 属性在 table-layout 为 automatic 时都是表现为 min-width，当 table-layout 的值为 fixed 时则表现为固定的 width 值。
当需要表格内容的宽度在控制范围内，不会超出自己设置的范围，则可以用 fixed 属性值来设置这个属性。
-->
表单
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
性别：<input type="radio">男<input type="radio" >女<p/>
下拉列表：<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<input type="submit" value="Submit" />
</form>
<!--
<input type="text"> 定义用于文本输入的单行输入字段
<input type="radio"> 定义单选按钮。
当 type="checkbox" 时，控件为复选框。
<input type="submit"> 定义用于向表单处理程序（form-handler）提交表单的按钮。
action 属性定义在提交表单时执行的动作。
-->
音频：
<audio src="音频全名" autoplay="autoplay" controls="controls" loop="loop"></audio>
视频：
<audio src="视频全名" width="宽度" height="高度" autoplay="autoplay" controls="controls" loop="loop"></audio>
文本框提示:
pleaseholder
<fieldset>
</fieldset>
浙公网安备 33010602011771号