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

简单的html

2016-05-16 23:27 337 查看
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/u012964315/article/details/51429660

本人初识html，觉得很有意思，就记录了下来。下面是要实现的效果和代码。




实现代码如下：

<!DOCTYPE HTML>
<html>
<body>

<h1><strong>网站一级标题</strong></h1>
<ul>
<li><b><a href="#">导航链接一</a></b></li>
<li><b><a href="#">导航链接二</a></b></li>
<li><b><a href="#">导航链接三</a></b></li>
<li><b><a href="#">导航链接四</a></b></li>
</ul>
<b><h2>文章一级标题</h2></b>
<h2>文章二级标题</h2>

<p>文章作者  文章发表时间</p>
这是一个很长的段落，这是一个很长的段落，这是一个很长的段落这是一个很长的段落，这是一个很长的段落这是一个很长的段落，这是一个很长的段落，这是一个很长的段落
<br />该换行了<br />
这是一个很长的段落，这是一个很长的段落，<a href="http://www.baidu.com.cn">百度链接http://www.baidu.com.cn</a>这是一个很长的段落，<br />
<br /><img src="1.jpg" width="150" height="105"/><br /><br />
这是一个很长的段落，这是一个很长的段落，这是一个很长的段落这是一个很长的段落，这是一个很长的段落这是一个很长的段落，这是一个很长的段落，这是一个很长的段落
<br />该换行了<br />
这是一个很长的段落，这是一个很长的段落，<a href="http://www.baidu.com.cn">百度链接http://www.baidu.com.cn</a>这是一个很长的段落，<br />
<b><h2>文章一级标题</h2></b>
<h2>文章二级标题</h2>

<p>文章作者  文章发表时间</p>
这是一个很长的段落，这是一个很长的段落，这是一个很长的段落这是一个很长的段落，这是一个很长的段落这是一个很长的段落，这是一个很长的段落，这是一个很长的段落
<br />该换行了<br />
这是一个很长的段落，这是一个很长的段落，<a href="http://www.baidu.com.cn">百度链接http://www.baidu.com.cn</a>这是一个很长的段落，<br />
<br /><img src="1.jpg" width="150" height="105"/><br />
<ul>
<li>列表项目一</li>
<li>列表项目二</li>
<li>列表项目三</li>
</ul><br />
<h2>图片</h2>
   好看的图片
<br />   <img src="1.jpg" width="150" height="105"/>

   <ol>
<li>排名1</li>
<li>排名2</li>
<li>排名3</li>
</ol>
<table border="1">
<tr>
<th>Heading</th>
<th>Heading</th>
<th>Heading</th>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
</tr>
<tr>
<td>row 3, cell 1</td>
<td>row 3, cell 2</td>
<td>row 3, cell 3</td>
</tr>
<tr>
<td>row 4, cell 1</td>
<td>row 4, cell 2</td>
<td>row 4, cell 3</td>
</tr>
<tr>
<td>row 5, cell 1</td>
<td colspan="2">1000</td>
</tr>
</table>
<b><h2>这里以后是一个侧栏，这是侧栏的标题</h2></b>
<h2>侧栏注册窗口标题</h2>
请输入邮箱地址: <input type="text" name="Emiladdress" placeholder="这是一个文本输入框"/><br /><br />
邮箱地址请按要求格式输入<br /><br />
请输入密码:<input type="text" name="password" placeholder="这是一个文本输入框"/>请重复输入密码:<input type="text" name="password" placeholder="这是一个文本输入框" /><br /><br />
密码请为6-16位英文数字<br /><br />
性别：<input type="radio" name="sex" value="male" /> 男
<input type="radio" name="sex" value="female" /> 女
城市：<select name="cars"><option value="volvo">北京</option><option value="saab">上海</option><option value="fiat">广州</option><option value="audi">南京</option></select>
爱好：	<input type="checkbox" name="sport" />运动<input type="checkbox" name="art" />艺术<input type="checkbox" name="science" />科学
个人描述：<textarea rows="2" cols="35" placeholder="这是一个多行输入框，输入您的个人描述"></textarea>
<input type="submit" value="确认提交" />
</body>
</html>


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