como hacer una pagina web sencilla con html

¡Hola a todos! Soy Xiao Zhang. Al navegar por la web, ¿alguna vez te has preguntado cómo se hace esta página web?, de hecho, es muy sencillo hacer una página web sencilla. Hoy te enseñaré a hacer una página web sencilla con HTML.

entender html

1. Antes de aprender html, debes saber qué es html

El nombre completo de HTML es Hypertext Markup Language , que es un lenguaje de marcado . Incluye una serie de etiquetas . A través de estas etiquetas, el formato del documento en la red se puede unificar y los recursos de Internet dispersos se pueden conectar en un todo lógico. El texto HTML es un texto descriptivo compuesto por comandos HTML , que pueden explicar texto , gráficos , animaciones , sonidos , tablas , enlaces , etc.

El hipertexto es una forma de organizar la información , asocia texto, gráficos y otros medios de información en el texto a través de hipervínculos . Estos medios de información interrelacionados pueden estar en el mismo texto, o pueden ser otros archivos, o archivos en una computadora que está geográficamente distante . Esta forma de organizar la información conecta los recursos de información distribuidos en diferentes lugares de manera aleatoria, brindando comodidad a las personas para buscar y recuperar información.

2. Una página web básica en html

La etiqueta <html>: indica que el archivo se describe en lenguaje de marcado de hipertexto, que es el comienzo del archivo, y </html> indica el final del archivo, que son las etiquetas de inicio y fin del archivo de lenguaje de marcado de hipertexto .

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>一个简单的网页</title>
	</head>
	<body>
		<h1>这是一个标题</h1>
		<h2>这是一个标题</h2>
		<h3>这是一个标题</h3>
		<h4>这是一个标题</h4>
		<h5>这是一个标题</h5>
		<h6>这是一个标题</h6>
		<p>这是一个段落</p>
	</body>
</html>

<head></head> es la parte de su cabeza

El contenido de <title></title> es el nombre de la página

<body></body> es su parte del cuerpo, que es el contenido de las páginas web que vemos a menudo

<h1></h1>—<h6></h6> define encabezados desde el nivel uno hasta el nivel seis

<p></p> define un párrafo

3.html etiquetas básicas

<html>
	<head>
		<title>李清照-清平乐</title>
	</head>
	<body>
		<h1>清平乐</h1>
		<hr>
		<!--span:不换行的行内标签-->
		<!--加粗b或strong；网页版没有差别
		b:纯粹加粗 strong：主旨在强调-->
		<!--倾斜<i>或<em>
		i;纯粹强调，em;主旨在强调-->
		<span>年年雪里，常插<b>梅花</b>醉，挼尽<strong>梅花</strong>无好意，赢得满衣<br>清泪！</span><br>
		<span>今年<i>海角</i>天涯，萧萧<em>两鬓</em>生华。</span><br>
		<span>看取晚来风势，故应<i><b>难看</b></i>梅花。</span><br>
		<!--加粗和倾斜可以同时使用-->
		
		
	</body>
<html>

4. enlace

普通的链接：<a href="http://www.example.com/">链接文本</a>
图像链接： <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
邮件链接： <a href="mailto:[email protected]">发送e-mail</a>
书签：
<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a>

5. Fotos

<img src="./img/核桃.png" title="核桃" alt="核桃" width="100" height="100"/>

6. Símbolos especiales

<html>
	<head>
		<title>特殊符号</title>
	</head>
	<body>
		<h1>空格符号</h1>
		符  号<br>
		符&nbsp;&nbsp;&nbsp;号<br>
		<!--半角空格-->
		符&ensp;&ensp;&ensp;号<br>
		<!--全角空格-->
		符&emsp;&emsp;&emsp;号<br>
		<hr>
		<h1>大于小于号</h1>
		&lt;span&gt;符号&lt;/span&gt;<br>
		<hr/>
		<h1>双引号</h1>
		&quot;符号&quot;
		<hr>
		<h1>版权符号</h1>
		&copy;&ensp;符号版权
	</body>
<html>

Bueno, después de entender los puntos anteriores, podemos hacer una página web simple

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>
			<h1>明年起 电动车禁止上电梯 电梯停用不公示原因最高罚2万<h1>
		</p>
		<p>
			<h6>发布时间：2016-11-22&nbsp;06：58：22&emsp;来源：郑州晚报</h6>
		</p>
		<hr>
		<p><img src="pic.jpg"></p>
		<p>&emsp;&emsp;报社讯 电梯里要安装监控设备，电动车不能上电梯。近日，《郑州市电梯使用安全管理办法》通过并对外公
			<br>布，电梯需要安装监控设备并保护有效运行，违者最高可被罚3万元。同时明确乘坐电梯的7种禁止行为，包括电
			<br>动车禁止上电梯等。该《办法》字2017年1月1日起施行。郑报融媒记者 董艳竹 李雪</p>

		<p>&emsp;&emsp;这7种行为《办法》</p>

		<p>
			<ol>
				<li>乘坐明示处于非正常状态的电梯；</li>
				<li>在超过额定载重量时乘坐电梯；</li>
				<li>携带自行车（含电动自行车，已折叠的自行车除外）乘坐电梯；</li>
				<li>违反电梯安全警示标志操作电梯；</li>
				<li>采用扒撬等非正常手段开启电梯层门、轿门；</li>
				<li>拆除、破坏电梯的安全注意事项、使用标志、应急救援电话、电梯安全责任投保信息、报警装置、安全
					<br>部件及其他附属设施；</li>
				<li>其他危机电梯安全运行和他人乘坐安全的行为。</li>
			</ol>
		</p>
		<p>
			<h3>使用：电梯需安装监控并有效运行</h3>
		</p>

		<p>&emsp;&emsp;办法》所称的电梯，包括载人（货）电梯、自动扶梯和自动人行道等。</p>

		<p>&emsp;&emsp;对于电梯要不要安装监控一事，《办法》明确，不仅要安装还要保持有效运行。电梯使用单位应当安装电
			<br>梯安全运行监控设备，并与市特种设备安全监督管理部门的质量安全监管平台链接，保持起有效运行。
		</p>
		<p>&emsp;&emsp;住宅小区电梯需要改造、修理、更新的，电梯使用单位和业主委员会应当及时组织落实，业主应当履行资金
			<br>筹集义务。
		</p>
		<p>&emsp;&emsp;其中，已建立住宅专项维修资金的，按照规定在住宅专项维修资金中列支。未建立住宅专项维修资金或者
			<br>住宅专项维修资金余额不足的，业主对费用承担有约定的，按照约定承担；没有约定或者约定不明确的，乡镇人
			<br>民政府、街道办事处应当协助组织业主筹集落实资金。
		</p>
	</body>
</html>

Esta vez se acabó el compartir, espero que te pueda ayudar.