HTML中的文本段落实现

最新推荐文章于 2024-05-20 11:15:38 发布

冯浩月

最新推荐文章于 2024-05-20 11:15:38 发布

阅读量9.6k

点赞数 2

分类专栏： B/S学习

本文链接：https://blog.csdn.net/m18633778874/article/details/78830623

版权

B/S学习专栏收录该内容

34 篇文章 1 订阅

订阅专栏

前言

孙鑫讲的HTML内容，虽然只有短短的2个小时，但是也有很多值得出入门的自己需要学习的地方，小编在视频的讲解下将里面的7个小例子实现了出来，动手之后确实感觉很好，下面是进行总结。

HTML基本框架

1.框架的特点：开始标记和结束标记，每一个元素都是用<> 括起来的；

2.HTML文件都必须要有的<html></html>;

3.下面的例子，是简单实现HTML网页内容的，添加了三个元素：head、title、body

<html>
<head>
  <title>
     第一个网页  
  </title>
</head>

<body>
        你认识我吗，对不起，不认识！
</body>

</html>

实现效果

实现文本段落内容的小例子

1.基本实现代码如下图，其中用到了上面例子之外几个样式的元素；

2.center元素中的内容，实现居中效果；

b元素实现字体加粗，i元素实现斜体效果；

h2 实现二级标题效果，其他的还有h1,h3,h4等标题样式；

hr 分割线，其中可以使用<hr>的属性 color；

其中<p> 和<br>没有结束标记，两个元素可以实现同样的效果，换行，区别是：<p>是段落元素、<br>是换行元素；

<html>
 <head>
   <title>静夜思</title>
 </head>
   <body>
     <center>
    
	<h2><b><font color="red" >静夜思</font></b></h2> 
	
    
                             &nbsp<b>作者:李白</b>
	<hr color="green" >
	 
	 <p >
	 <b><i><font color="green" size="3">床前明月光，疑是地上霜；<br>
	 举头望明月，低头思故乡。</font></i></b>
	 </center>
   </body>

</html>

实现效果图：