HTML的相关标记和属性

 

1 .换行标记“br"

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>br换行标记</title>

    </head>

    <body>

        <h1>br换行标记</h1>

        <h2>在html文件中普通的回车是无法做到换行,只能通过br标记来实现换行</h2>

        <p>测试换行标记,<br>

        使用br来换行</p>

    </body>

</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>br换行标记</title>
	</head>
	<body>
		<h1>br换行标记</h1>
		<h2>在html文件中普通的回车是无法做到换行,只能通过br标记来实现换行</h2>
		<!--<p>测试换行标记,<br>
		使用br来换行</p>-->
	</body>
</html>

2.HTML中的注释 <!--  -->

解释说明自己编写的html代码是什么含义

  1. 为了让被人能看懂
  2. 为了让以后的自己还能看懂

<!-- 需要被注释的内容  -->

特征:不会被执行

可以利用注释不会被执行的特点来调试页面。

例如:

<!--<p>测试换行标记,<br>

        使用br来换行</p>-->

用法:一般写在html代码的上面,表示说明下面的代码还含义。

     在调试页面的时候可以用来注释掉html代码。

      注释是不能包含注释的。

例如<!--<font color="red">-->不会被执行

3.align属性

默认的标题标记<h1>~<h6>/段落标记<p>都是在左对齐,

如果我们需要设置标题标记<h1>~<h6>/段落标记<p>水平对齐方式,需要使用align属性来设置水平对齐方式,这个属性的常用取值【left左\center中\right右

<!DOCTYPE html>

<html>

         <head>

                  <meta charset="utf-8">

                  <title>align</title>

         </head>

         <body>

                  <h1 align="center">测试H1</h1>

                  <p align="right">测试段落的align</p>

         </body>

</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>align</title>
	</head>
	<body>
		<h1 align="center">测试H1</h1>
		<p align="center">测试段落的align</p>
		<p align="right">测试段落的align</p>
		<p>测试段落的align</p>
	</body>
</html>

4.水平线<hr>

  属性color设置水平线的颜色【颜色单词/颜色码】

  属性width设置水平线的长短【数字px】

  属性align设置水平线的水平对齐方式

  属性size设置水平线的粗细【整数1--7】

例如:

         <hr color="#FF0000" width="500px" align="left" size="7">


<!DOCTYPE html>
<html>
	<hea
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值