Revisión de HTML 1

Revisión de HTML:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 在title标签中可以设置网页标题 -->
		<title>百度一下</title>
	</head>
	<!-- 在body属性中用bgcolor可设置背景颜色,用text可设置整个篇幅的字体颜色 -->
	<body bgcolor="aliceblue" text="purple">
		<!-- 标题标签,一级标题<h1>二级标题<2>以此类推,直到六级标题<h6>,若是<h7>及其以后,都按正文形式对待。
		 -->
		 <!-- 用font color可设置两个font之间的文本颜色;align可以设置文本的对齐格式,默认为左对齐方式等价于align="left" ,也可用align="center"表示居中对齐;用 align="right"表示向右对齐,下方以右对齐方式为例。
         -->
		<font color="crimson"><h1 align="right">床前明月光</h1></font>
		<h2 align="middle">疑是地上霜</h2>
		<!-- 段落标签 <p> ,在同一个<p>标签中的所有文字为一段,两个<p>标签即不同段落之间会有较大的行间距-->
		<!-- 用style="text-indent:2em"可以表示空两格 -->
		<p style="text-indent:2em">这首诗写的是在寂静的月夜思念家乡的感受。诗的前两句“床前明月光,疑是地上霜”,是写诗人在作客他乡的特定环境中一刹那间所产生的错觉。一个独处他乡的人,白天奔波忙碌,倒还能冲淡离愁,然而一到夜深人静的时候,心头就难免泛起阵阵思念故乡的波澜。何况是在月明之夜,更何况是月色如霜的秋夜。“疑是地上霜”中的“疑”字,生动地表达了诗人睡梦初醒,迷离恍惚中将照射在床前的清冷月光误作铺在地面的浓霜。而“霜”字用得更妙,既形容了月光的皎洁,又表达了季节的寒冷,还烘托出诗人飘泊他乡的孤寂凄凉之情。
		</p>
		<p style="text-indent:2em">诗的后两句“举头望明月,低头思故乡”,则是通过动作神态的刻画,深化思乡之情。“望”字照应了前句的“疑”字,表明诗人已从迷朦转为清醒,他翘首凝望着月亮,不禁想起,此刻他的故乡也正
处在这轮明月的照耀下。于是自然引出了“低头思故乡”的结句。“低头”这一动作描画出诗人完全处于沉思之中。而“思”字又给读者留下丰富的想象:那家乡的父老兄弟、亲朋好友,那家乡的一山一水、一草一木,那逝去的年华与往事……无不在思念之中。一个“思”字所包涵的内容实在太丰富了。</p>
		<!-- 用<hr />来表示分割实线 -->
		<hr />
		<!-- 用&nbsp来表示空格,建议5个一下的空格可用此书写 -->
		<p>举头望明月&nbsp;&nbsp;&nbsp;&nbsp;低头思故乡。</p>
		<!-- 用<br />表示换行;用<b>表示加粗;用<i>表示斜体 -->
		<i><b>静夜思</b></i>
		<p>床前明月光,<br />
		   疑是地上霜。<br />
		   举头望明月,<br />
		   低头思故乡。
		</p>
		<!-- 用&reg表示商标;用&lt表示小于号;用&gt表示大于号;用&copy表示版权-->
		<p>
			&reg;&lt;&gt;&copy;
		</p>
		<!-- 列表标签,他可分为有序列表和无序列表有序列表用<ol>中嵌套若干个<il>来实现,无序列表用<ul>中嵌套若干个<il>来实现,但需注意<ol>,<ul>和<il>都为自闭和标签。
		 -->
		<ol>
			<li>
				今天周一
			</li>
				<li>
				今天周二
				</li>
				<li>
				今天周三	
				</li>
				<li>
				今天周四
				</li>	
		</ol>
		<ul>
			<li>
				今天周一
			</li>
				<li>
				今天周二
				</li>
				<li>
				今天周三	
				</li>
				<li>
				今天周四
				</li>	
		</ul>
		<!--有序列表前的标注默认类型是阿拉伯数字,也可使用大小写英文字母或者是大小写罗马数字,如下以大写字母为例。
        -->
		<ol type="A">
			<li>
				今天周一
			</li>
				<li>
				今天周二
				</li>
				<li>
				今天周三	
				</li>
				<li>
				今天周四
				</li>	
		</ol>
		<!--无序列表前的标注默认类型是实心原点,也可使用空心原点或者是方形,如下以空心原点为例。-->
		<ul type="circle">
			<li>
				今天周一
			</li>
				<li>
				今天周二
				</li>
				<li>
				今天周三	
				</li>
				<li>
				今天周四
				</li>	
		</ul>
		<!-- 超链接标签 <a> ,点击超链接后默认是在本网页中打开与target="_self"效果一样,若想点击链接后可以新建网页打开则可使用target="_blank",也可用title属性设置鼠标悬停时产生的内容,若网络不好或者编写中出现错误使得图片加载不出时所显示的内容-->
		<a href="https://baike.baidu.com/item/%E6%9D%8E%E7%99%BD/1043?fr=aladdin" target="_blank">
			李白
			<img src="img/李白.jpg"
			title="点击可观看视频"
			alt="正在努力加载中" >	
		</a>
	</body>
</html>

resultado de ejecución:

Inserte la descripción de la imagen aquí

para resumir:

Esta lección describe el concepto de lenguaje de marcado de hipertexto (lenguaje de marcado de hipertexto) y puede usarlo para crear páginas web. Explica en detalle la sintaxis básica de HTML, a saber, el uso de etiquetas de título, etiquetas de párrafo, etiquetas de secuencia, etiquetas especiales y etiquetas de hipervínculo. Se necesita especial atención para escribir un par de elementos en la etiqueta de secuencia

  • , Para vacío se pueden usar dos operaciones

    style="text-indent:2em"
    

    Darse cuenta.

Supongo que te gusta

Origin blog.csdn.net/crraxx/article/details/109169078
Recomendado
Clasificación