Day1_HTML_排版标签

最新推荐文章于 2024-06-28 14:57:58 发布

weixin_33978044

最新推荐文章于 2024-06-28 14:57:58 发布

阅读量65

点赞数

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/rickyigoogle/1682414

本文详细介绍了HTML中的排版标签及其使用方法，包括段落标签<p>、换行标签<br>、水平线标签<hr>、预格式化标签<pre>、块级标签<div>等，并通过实例展示了这些标签的具体应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.排版标签

       
    <！--忽略了声明和头部分-->    
        <body>
	  <p align = "center">排版标签</p>
	  <p align = "center"> 主标题<br>副标题</p> 
	  <hr width = "50%" size = "10" color = "red" noshade>
	  <center>

		<p align = "center">正文内容</p>

	  我喜欢<br>芙蓉姐姐
	  </center>
	   
	  <pre>
						清平乐
     年年雪里，常插梅花醉，挼尽梅花无好意，赢得满衣清泪！
     今年海角天涯，萧萧两鬓生华。
     看取晚来风势，故应难看梅花。

	  </pre>
	 
	  <!-- div是一个块级标签
			块级标签：把标签中的内容作为一个块来对待
	  -->
	  <div id = "d" align = "center">
		     林志玲

		  <p onclick = "fun()">刘德华</p>
	  </div>
	  	  <div>
		  林志玲
	  </div>

	  <span>阿娇</span><span>阿娇</span>

 </body>
</html>

1.排版标签

所有的浏览器默认情况下都会忽略空格和空行

P：p代表一个段落

属性： align:对齐方式. 取值：left,right,center

<br>代表是换行。

hr:

color: 线的颜色

size : 线的粗细

width: 线的长短

两种写法： 1) 绝对值 eg: 500

2) 相对值： 50%

noshade: 不要阴影