您的位置：首页 > Web前端 > HTML

HTML基础小结

2016-04-09 14:40 507 查看
<!doctype html>

<html>
<head>
<meta charset="utf-8" />
<title>New Document</title>
</head>
<body>
一、元素
<!--块级-->
<p>段落</p>
<ul></ul>
<ol></ol>
<h1>标题</h1>
<!--行内-->
<b>加粗</b>
<strong>加粗</strong>
<i>倾斜</i>
<em>倾斜</em>
<u>下划线</u>
<s>删除线</s>
<sup>上标</sup>
<sub>下标</sub>
<span></span>
<a href="" target=""></a>
<hr width="" height="" color="" size="" align=""/>
二、实体
 
<
>
®
©
'
'
"
<hr/>
三 *路径
<!--绝对路径：-->
file:///D:/xubenjun/day05/summary.html
<!--相对路径：-->
1、同级：<img src="image.jpg"  alt="" title="" width=""
height=""/>
2、父级：<img src="../../image.png"/>
3、子级：<img src="images/image.gif"/>
<hr/>
四、超链接
1.<a href="跳转的url" target="">用来点击</a>
2.邮箱<a href="mailto:xxx@163.com">邮箱</a>
<hr/>
五、列表
*1.无序列表
<ul type="disc|circle|square|none">
<li></li>
<li></li>
</ul>
2.有序列表
<ol type="1|i|I|a|A" start="">
<li></li>
<li></li>
</ol>
3.自定义列表
<dl>
<dt>标题</dt>
<dd>内容</dd>
</dl>
4.表格嵌套---在li里面嵌套
<ul type="circle">
<li>
<li></li>
<li></li>
</li>
<li></li>
<ul>
<Hr/>
六. *表格
<table
  width="300px" height="300px"
border="1px" bordercolor=""
bgcolor="" background=""
cellspacing="" cellpadding=""
align="">
<tr>
<td bgcolor=""
align="" valign=""
colspan="" rowspan=""></td>
<td></td>
</tr>
<tr><!--表格嵌套，注意表格的完整性-->
<td></td>
<td></td>
</tr>
</table>
七. *表单
<form method="get|post" action="">
<input type="text" name="" size="" placeholder="" maxlength=""/><br/>
<input type="password" placeholder="" value="" maxlength=""/><br/>
<input type="radio" name="一致" value="1"/><br/>
<input type="radio" name="一致" value="2"/><br/>
<input type="checkbox" name="same[ ]" value="1"/><br/>
<input type="checkbox" name="same[ ]" value="2"/><br/>
<textarea cols="" rows="" placeholder=""></textarea><br/>
<select>
<option size="" disabled multiple value="1"></option>
<option value="2"></option>
</select>
<br/>
<input type="submit|reset|button" value="按钮上的内容"/>
</form>
八.css层叠样式
</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html 标签 HTML基础标签 css选择器 列表
相关文章推荐
新的分享
章节导航