客户端-----元素md

元素归类

对编码语言的约束

meta charset="utf-8"

h标签:不同的h标签大小也不一样1-5

<h3 style>这是h标签</h3>

input标签，x为不同的值，代表的也不一样，

<input type="x">

1、文本框（readonly:只读，disables:不能读写，placeholder:显示提醒词,maxlength="6"：只能输入6位）

<input type="text">

2、按钮

<input type="button">

3、重置按钮

<input type="reset">

4、提交按钮

<input type="submit">

(另一种按钮表达方式)

<button>提交</button>

5、单选框(单选框name设置一致时，表示只能选其一)

<input type="radio">

6、复选框

<input type="checkbox">

下拉框

<select>    <option>一</option>    <option>二</option>    <option>三</option></select>

外边框

<fieldset>    <legend>登录界面</legend></fieldset>

文本域(后面加上cols和rows来控制大小)

<textarea></textarea>

from表单(表示与用户进行操作的区域，action：要提交的服务器地址，method:提交方式)

<form action="" method=""></form>

图片(title：鼠标放在上面的提醒语)

<img src="" title="">

无序列表（list-style-type:将序号改为罗马字符,image也可以改成图片）

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

有序列表（列表前加上顺序数字）

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

定义预编排文本（不会破坏我们编排的格式）

<pre>      100    +   1    -----      101    </pre>

标记颜色

<mark>自动有背景色</mark>

标记斜体

<em>自动斜体/em>

dir="rtl"倒叙排字 <bdo dir="rtl">这里面的字会自动倒叙显示出来</bdo> 删除线标记

<del>自动添加删除线</del>

加下划线

<u>自动加下划线</u>

粗体

<strong>自动粗体</strong>

链接文本(加上targer:把链接后的内容显示在哪里)

<a hraf="链接地址" target="name"></a>

区域块(本身没有宽和高)

<div></div>

span(也可以作为区域块，如果不加属性，就跟普通文本一样显示)

<span></span>

表格(tr：行，td：列) （将表格分为三层：thead\tbody\tfoot,它们被称为语义化标签，有利于搜索引擎快速查询表格内容）

<table>    <thead>    <tr>        <td>第一列</td>        <td>第二列</td>        <td>第三列</td>    </tr>    </thead></table>

合并两行和两列的表示

行<td colspan="2"></td>列<td rowspan="2"></td>

加入视频

<video src="视频地址" style="设置长宽"></video>

加入背景音乐

<embed src="音乐地址"></embed>

加入音乐

<audio src="音乐地址"></audio>