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

时间:2022-03-20 14:23:43

<!--

亲~最好的办法就是把整篇代码复制到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>
    &nbsp;这里显示了一个空格,看到了没?    <!-- &nbsp   就是表示一个空格 -->
    <br>&nbsp;&nbsp;这里显示了两个总看到了吧!!!
    <br>&nbsp;&nbsp;&nbsp;这里有三个空格,你再木有看到就去检查下眼睛吧亲~
    <hr>
    <p><string><font size = "6" color="#FF0000">亲~今天的内容就讲到这里,明天见哦~</font></string></p>
</body>
</html>