学习PHP过程记录(2) -- 常用标签1

边看视频边写代码练习,笔记也就写在里面了

<html>
	<head>
		<title>
			HTML常用标签学习
		</title>
	</head>

	<!-- <br />  换行 -->
	<!-- <p>   段落 -->
	<!-- <center> 居中 -->
        <!-- <pre> 保留文字在源代码中的格式 -->
        <!-- <ul><li> 无序的列表 -->
 	<!--  <ol><li> 有序的列表 -->
	<!--  <hr />  水平分割线 -->

	<body>
	<!-- 换行  源代码中敲入多个空格和换行 都只认为是一个空格 -->
	------------------------------------------------------<br />
	testtext                  testtext

	testtext testtext<br />		
	------------------------------------------------------<br />
	<!--   空格的实体  如果要插入多个空格就要插入多个实体 -->
	
	<!-- <p> 段落标签  结束后会自动插入换行-->
	<p style="color:red"> HELLO WORLD! </p>
	<p style="font-size:3cm"> HELLO WORLD! </p>
	
	<!-- <center> 居中 -->
	<center> 我是居中文字哦~! </center>	

	<!-- <pre> 保留和源代码格式一致 -->
	aaa bbb          cccc
	
	ddddddddddddddddddddddd dd

	<pre>
	aaa bbb          cccc
	
	ddddddddddddddddddddddd dd
	</pre>

	<!-- <ul> <li> 无序列表 -->
	<ul>
		<li> 第一行 </li>
		<li> 第二行 </li>
		<li> 第三行 </li>
		<li> 第四行 </li>

	</ul>
	<br>
	<ul>
		<li>第一行
			<ul>
				<li> 第一行 -- 1 </li>
				<li> 第一行 -- 2 </li>
				<li> 第一行 -- 3 </li>
				<li> 第一行 -- 4 </li>
			</ul>
		</li>
			
		<li>第二行
			<ul>
				<li> 第二行 -- 1 </li>
				<li> 第二行 -- 2 </li>
				<li> 第二行 -- 3 </li>
				<li> 第二行 -- 4 </li>
			</ul>
		</li>
	</ul>
	<!-- <ol> <li>  有序列表 -->
	<ol>
		<li> 第一行 </li>
		<li> 第二行 </li>
		<li> 第三行 </li>
		<li> 第四行 </li>

	</ol>
	<br>
	<ol>
		<li>第一行
			<ol>
				<li> 第一行 -- 1 </li>
				<li> 第一行 -- 2 </li>
				<li> 第一行 -- 3 </li>
				<li> 第一行 -- 4 </li>
			</ol>
		</li>
			
		<li>第二行
			<ol>
				<li> 第二行 -- 1 </li>
				<li> 第二行 -- 2 </li>
				<li> 第二行 -- 3 </li>
				<li> 第二行 -- 4 </li>
			</ol>
		</li>
	</ol>
		
	<!-- <hr /> 水平分割线 -->
	<!-- 常见属性的应用 (仅仅作为例子,不推荐使用)  -->
	<hr />
	<hr width="800" size="50" noshade /><!-- noshade 是布尔型的,因此只用写出来不用赋值即可 -->
	<hr width="60%" size="100" color="red" >

	</body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值