html初学（一）

时间：2024-12-17 19:06:01

学习了一些html的基本用法，代码和效果如下：

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8">

     <title>这里是网页的名称</title>

 </head>

 <body style="background-color:#d0d0d0;">

     <!--标题、链接、插入图片-->

     <h1 style="background-color:red;">这里是h1</h1>

     <h2 style="color:#02DF82;">这里是h2</h2>

     <h3>这里是h3</h3>

     <h4>这里是h4</h4>

     <h5>这里是h5</h5>

     <h6>这里是h6</h6>

     <p>下面是插入链接</p>

     <hr>

     <p>中间加入了一个水平线<p>

     <br/>

     <p>这里测试换行符<p>

     <a href = "http://www.cnblogs.com/TTyb/" target="_blank">TTyb-博客园</a>

     <p >下面是插入图片链接

     <a href = "http://www.cnblogs.com/TTyb/" target="_blank">

     <br/>

     <img border="0" src = "面向对象编程.jpg" alt="Pulpit rock" width = "303" height = "199.5"></a></p>

     <br/>

     <b>这里是加粗文本</b>

     <br/>

     <strong>这个文本是加粗的</strong>

     <br/>

     <big>这里是字体放大</big>

     <br/>

     <small>这里是字体缩小</small>

     <br/>

     <em>这里是斜体的</em>

     <br/>

     <i>这个文本是斜体的</i>

     <br/>

     这个文本包含

         <sub>下标</sub>

     <br/>

     这个文本包含

         <sup>上标</sup>

     <pre>

         这里是使用pre标签

         随便换行

         随    便    空    格

         这里怎么写输出的文本格式就怎么写

         例如这里缩进了，最后输出也是缩进了

         <big>字体有点小，加大一行</big>

     <pre/>

     <p><del>删除标签</del><ins>下划线</ins>

     <hr>

     <p style="font-family:DFKai-SB;color:#F9F900;font-size:50px;text-align:center;">没事来设置字体样式<p>

 </body>

 </html>

这里是网页的名称

这里是h1

这里是h2

这里是h3

这里是h4

这里是h5
这里是h6

下面是插入链接

中间加入了一个水平线

这里测试换行符

TTyb-博客园

下面是插入图片链接 html初学（一）

这里是加粗文本

这个文本是加粗的

这里是字体放大

这里是字体缩小

这里是斜体的

这个文本是斜体的

这个文本包含
下标

这个文本包含
上标

这里是使用pre标签

		随便换行

		随    便    空    格

		这里怎么写输出的文本格式就怎么写

		例如这里缩进了，最后输出也是缩进了

字体有点小，加大一行



删除标签




没事来设置字体样式
相关文章