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

web开发之简单常用的HTML标签使用介绍

2012-07-25 21:15 736 查看

<!--

亲~最好的办法就是把整篇代码复制到dw8中然后运行一下，一条条的代码对照着看效果哦！ 加油吧~

-->

<html> <!-- 所有的东东都要写在<html>...</html>里哦 亲~ 注释除外！ -->

<head> <!-- 网页头部 用于设置网页标题和其他不在网页上显示的信息 -->

<!-- 网页标题 -->

<title>

david教你学JAVA~

</title>

</head>

<body> <!-- 网页主体 用于设置网页的可见部分 -->

这里是可以不加标记，随便写一些文本的，只是不能识别

回车键(换行作用) 空格键（空格作用） 所以我们要将文本加上一些标记，

这样便于网页内容的显示，下面我们来学下常用的比较简单的html标签吧！

<b>设置字体是黑体</b>

<i>设置字体是斜体</i>

<strong>加重文本（一般是粗体加斜体）</strong>

<u>给文本加下划线</u>

<del>删除效果！</del>

<font size = "6" color = "red">设置字体为6号字，颜色为红色</font>

<font size = "3" color = "blue">设置字体为3号字，颜色为蓝色</font>

<font size = "5" face = "楷体" color = "green">设置字体为5号楷体，颜色为绿色</font>

<b><i><u><font size = "6" color="#00FFCC">亲~标签是可以叠加在一起用的哦</font></u></i></b>

<h1>设置文本为一级标题格式<h1> <!-- 一共六种标题格式，全都在这里了 -->

<h2>设置文本为二级标题格式<h2>

<h3>设置文本为三级标题格式<h3>

<h4>设置文本为四级标题格式<h4>

<h5>设置文本为五级标题格式<h5>

<h6>设置文本为六级标题格式<h6>

<h3>为了后面的文本好看，这里设为h3<h3>

<hr> <!-- 加一条水平线 -->

<pre> <!--创建预格式化文本 即你的文本是什么格式在网页中显示就是什么格式-->

100.00

* 2.00

----------

200.00

</pre>

<hr>

<a href = "http://www.baidu.com">这个是设置超链接！</a> <!--href 后面的是你要链接到的地址 -->

<hr>

<p>创建一个新的段落……</p>

<p>再创建一个新的段落……</p>

<p>看出段落设置的效果没？</p>

<p>没看见！？那你out了！</p> <!--效果就是把文本间的间隔加大了...-->

<br>换行

<br>换了没？

<hr>

<ul>

创建无序列表

<li>剑圣</li>

<li>圣骑士</li>

<li>全能骑士</li>

</ul>

<ol>

创建有序列表

<li>圣剑</li>

<li>蝴蝶</li>

<li>金箍棒</li>

</ol>

<dl>

<!-- 创建自定义列表 -->

<dt>剑圣</dt><dd>能开无敌斩的男人！</dd>

<dt>圣骑士</dt><dd>能招宝宝的男人~</dd>

<dt>全能骑士</dt><dd>奶爸一个...</dd>

</dl>

<hr>

 这里显示了一个空格，看到了没？ <!--   就是表示一个空格 -->

<br>  这里显示了两个总看到了吧！！！

<br>   这里有三个空格，你再木有看到就去检查下眼睛吧亲~

<hr>

<p><string><font size = "6" color="#FF0000">亲~今天的内容就讲到这里，明天见哦~</font></string></p>

</body>

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