格式
<html>
<body>
</body>
</html>
标题:<h1> </h1> <h2> </h2>字体一直减小
段落:<p> </p>
粗体:<b> </b> <strong>提醒文本的重要性
斜体:<i> <em> 强调语意的加重,提醒用户该文本的重要性
预格式:<pre> 显示网上的代码
删除效果:<del> <s>不经常使用
下划线:<ins> <u>不建议使用
换行: <br/>
图像: 同级,一个目录 <img src="名字.jpg"/>
图片在上级目录 <img src="../名字.jpg"/>
其他目录图像 <img src="file://C:/名字。jpg"/>加上地址
设置图像大小 <img width="200" heigth="77" src=""/>
图像位置 <div align="left">
<img src=""/>
</div>
<div align="center">
<img src=""/>
</div>
<div align="right">
<img src=""/>
</div>
图片不存在,默认显示缺失图片,加上alt属性,图片存在不显示,
图片不存在alt出现
<ing src="" aly="图片不存在文字会出现的"/>
超链接:<a href="跳转到的页面地址">超链显示文本</a>
在新的页面打开超链 <a href="跳转到的页面地址" target="_blank">超 链显示文本</a>
出现文字 <a href="跳转到的页面地址" title="跳转到地址">地址</a>
图片作为超链 <a href="地址">
<img src=""/>
</a>
表格:<table>标签用于显示一个表格
<tr>表示行(table row)
<td>表示列又叫单元格(table data)
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
带边框的表格:<table border="1">
table宽度:<table border="1" width="100px">(px代表像素)
单元格宽度绝对值:<td width="50px">1</td>
单元格宽度相对值:<td width="80%">1</td>(占所有长度的百分几)
水平合并:<td colspan="2">1,2</td>
垂直合并:<td rowspan="2">1,3</td>
背景颜色:<tr cgcolor=""> (整行颜色发生变化)
<td cgcolor=""> (单个单元格发生变化)
列表:无序列表:<ul>
<li> </li>
<li> </li>
</ul>
有序列表:<ol>
<li> </li>
<li> </li>
</ol>
块:div是块元素,自动换行(其他块元素还有h1,table,p)
span是内联元素,不会换行(其他内联元素有img,a,b,strong)
字体:<font color="green/pink" size="+2/-2"> </font>
内联框架:<iframe src="地址" width=" px" heigth=" px">
</iframe> (相当于浏览器里有一个小浏览器)
文本框:<input type="text"> 不需要后缀
设置长度:<input type="text" size="10">
初始值:<inout tyoe="text" value="文字">
有背景文字:<input type=""text placeholder="文字">
密码框:<input type="password">(输入的数据显示星号)
表单:<from action="http://how2j.cn/study/login.jsp">
账号:<input type="text" name="name"><br/>
密码:<input type="password" name="password"><br/>
<input type="submit" value="登录">
</from>(账号密码登录)
提交数据:默认:<from method="get" action="">(可以在浏览器的地址栏看到提 交的参数,即便是密码也看得到)
method="post"(不会在地址栏显示提交的参数,要提交二进制数据,上 传文件,必须用post方式)
单选框:<input type="radio">
默认选中:<input type="radio" checked="checked">
分组:在里面加上 name=""(里面属性相同即可)
复选:<input type="checkbox">
下拉列表:<select>
<option> </option>
</select>
设置高度:<select size="n">
设置多选:(使用ctrl或shift进行多选)
<select size=" " multiple="multiple">
默认选中:<option selected="selected">
文本框:<textarea> </textarea>
设置宽度和行数:<textarea cols="" rows=""> </texearea>
普通按钮:<input type="button" value="按钮">(不具备提交from的效果)
提交按钮:<input type="submit">
重置按钮:<input type="reset">
图像按钮:<input type="image" src="地址">
按钮文字:<button> </button>
<html>
<body>
</body>
</html>
标题:<h1> </h1> <h2> </h2>字体一直减小
段落:<p> </p>
粗体:<b> </b> <strong>提醒文本的重要性
斜体:<i> <em> 强调语意的加重,提醒用户该文本的重要性
预格式:<pre> 显示网上的代码
删除效果:<del> <s>不经常使用
下划线:<ins> <u>不建议使用
换行: <br/>
图像: 同级,一个目录 <img src="名字.jpg"/>
图片在上级目录 <img src="../名字.jpg"/>
其他目录图像 <img src="file://C:/名字。jpg"/>加上地址
设置图像大小 <img width="200" heigth="77" src=""/>
图像位置 <div align="left">
<img src=""/>
</div>
<div align="center">
<img src=""/>
</div>
<div align="right">
<img src=""/>
</div>
图片不存在,默认显示缺失图片,加上alt属性,图片存在不显示,
图片不存在alt出现
<ing src="" aly="图片不存在文字会出现的"/>
超链接:<a href="跳转到的页面地址">超链显示文本</a>
在新的页面打开超链 <a href="跳转到的页面地址" target="_blank">超 链显示文本</a>
出现文字 <a href="跳转到的页面地址" title="跳转到地址">地址</a>
图片作为超链 <a href="地址">
<img src=""/>
</a>
表格:<table>标签用于显示一个表格
<tr>表示行(table row)
<td>表示列又叫单元格(table data)
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
带边框的表格:<table border="1">
table宽度:<table border="1" width="100px">(px代表像素)
单元格宽度绝对值:<td width="50px">1</td>
单元格宽度相对值:<td width="80%">1</td>(占所有长度的百分几)
水平合并:<td colspan="2">1,2</td>
垂直合并:<td rowspan="2">1,3</td>
背景颜色:<tr cgcolor=""> (整行颜色发生变化)
<td cgcolor=""> (单个单元格发生变化)
列表:无序列表:<ul>
<li> </li>
<li> </li>
</ul>
有序列表:<ol>
<li> </li>
<li> </li>
</ol>
块:div是块元素,自动换行(其他块元素还有h1,table,p)
span是内联元素,不会换行(其他内联元素有img,a,b,strong)
字体:<font color="green/pink" size="+2/-2"> </font>
内联框架:<iframe src="地址" width=" px" heigth=" px">
</iframe> (相当于浏览器里有一个小浏览器)
文本框:<input type="text"> 不需要后缀
设置长度:<input type="text" size="10">
初始值:<inout tyoe="text" value="文字">
有背景文字:<input type=""text placeholder="文字">
密码框:<input type="password">(输入的数据显示星号)
表单:<from action="http://how2j.cn/study/login.jsp">
账号:<input type="text" name="name"><br/>
密码:<input type="password" name="password"><br/>
<input type="submit" value="登录">
</from>(账号密码登录)
提交数据:默认:<from method="get" action="">(可以在浏览器的地址栏看到提 交的参数,即便是密码也看得到)
method="post"(不会在地址栏显示提交的参数,要提交二进制数据,上 传文件,必须用post方式)
单选框:<input type="radio">
默认选中:<input type="radio" checked="checked">
分组:在里面加上 name=""(里面属性相同即可)
复选:<input type="checkbox">
下拉列表:<select>
<option> </option>
</select>
设置高度:<select size="n">
设置多选:(使用ctrl或shift进行多选)
<select size=" " multiple="multiple">
默认选中:<option selected="selected">
文本框:<textarea> </textarea>
设置宽度和行数:<textarea cols="" rows=""> </texearea>
普通按钮:<input type="button" value="按钮">(不具备提交from的效果)
提交按钮:<input type="submit">
重置按钮:<input type="reset">
图像按钮:<input type="image" src="地址">
按钮文字:<button> </button>