jmlweb/ejemplo1.html

## ejemplo1.html
<!DOCTYPE html>
<html lang="es">
	<head>
		<meta charset="utf-8" />
		<title>Nuestro primer ejemplo completo con HTML</title>
	</head>
	<body>
		<h1>Primeros pasos con <abbr lang="en" title="HyperText Markup Language">HTML</abbr></h1>
		<p>Podemos definir seis niveles de encabezados:</p>
		<h1>El encabezado de primer nivel se  escribe como &lt;h1&gt;</h1>
		<h2>El encabezado de segundo nivel se  escribe como &lt;h2&gt;</h2>
		<h3>El encabezado de tercer nivel se  escribe como &lt;h3&gt;</h3>
		<h4>El encabezado de cuarto nivel se  escribe como &lt;h4&gt;</h4>
		<h5>El encabezado de quinto nivel se  escribe como &lt;h5&gt;</h5>
		<h6>El encabezado de sexto nivel se  escribe como &lt;h6&gt;</h6>
		<hr>
		<p>&lt;hr&gt; muestra una regla horizontal que divide la pantalla.</p>
		<hr>
		<p>Si queremos poner un texto en negrita podemos usar <b>la etiqueta &lt;b&gt;</b> o <strong>la etiqueta &lt;strong&gt;</strong>.</p>
		<p>Si queremos poner un texto en cursiva podemos usar <i>la etiqueta &lt;i&gt;</i> o <em>la etiqueta &lt;em&gt;</em>.</p>
		<hr>
		<h3>Abreviaturas</h3>
		<p>Con &lt;abbr&gt; podemos introducir una abreviatura, por ejemplo: <abbr title="Departamento">Dpto.</abbr> de Ciencias Sociales y Humanas de la  <abbr title="Universidad Miguel Hernández">UMH</abbr>.
		<hr>
		<p>Para enlazar a otra página web (de un sitio externo o del mismo sitio) se usa la etiqueta &lt;a&gt;, por ejemplo: <a href="http://www.umh.es/" title="Página web de la Universidad Miguel Hernández de Elche" target="_blank">UMH Elche</a>.</p>
		<p>Si lo que queremos es mostrar una imagen, usamos la etiqueta &lt;img&gt;: <img src="http://www.umh.es/img/cabeceras/logo-umh-hor.png" alt="Logo UMH"></p>
		<hr>
		<h2>Listas en HTML:</h2>
		<h3>Listas desordenadas</h3>
		<ul>
			<li>Primer elemento</li>
			<li>Segundo elemento</li>
			<li>Tercer Elemento</li>
		</ul>
		<h3>Listas ordenadas</h3>
		<ol>
			<li>Primer elemento</li>
			<li>Segundo elemento</li>
			<li>Tercer elemento</li>
		</ol>
		<h3>Listas de definición</h3>
		<dl>
  			<dt>Título del primer elemento</dt>
  			<dd>Primer párrafo del primer elemento</dd>
  			<dt>Título del segundo elemento</dt>
  			<dd>Primer párrafo del segundo elemento</dd>
  			<dd>Segundo párrafo del segundo elemento</dd>
  			<dd>Tercer párrafo del segundo elemento</dd>
  			<dt>Título del tercer elemento</dt>
  			<dd>Primer párrafo del tercer elemento</dd>
  			<dd>Segundo párrafo del tercer elemento</dd>
		</dl>
		<hr>
		<h3>Embeber contenido externo</h3>
		<p>Podemos agregar contenido externo a nuestra página haciendo uso de la etiqueta &lt;iframe&gt;:</p>
		<iframe src="http://umh.es" width="100%" height="300"></iframe>
	</body>
</html>
	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="utf-8" />
	<title>Nuestro primer ejemplo completo con HTML</title>
	</head>
	<body>
	<h1>Primeros pasos con <abbr lang="en" title="HyperText Markup Language">HTML</abbr></h1>
	<p>Podemos definir seis niveles de encabezados:</p>
	<h1>El encabezado de primer nivel se escribe como <h1></h1>
	<h2>El encabezado de segundo nivel se escribe como <h2></h2>
	<h3>El encabezado de tercer nivel se escribe como <h3></h3>
	<h4>El encabezado de cuarto nivel se escribe como <h4></h4>
	<h5>El encabezado de quinto nivel se escribe como <h5></h5>
	<h6>El encabezado de sexto nivel se escribe como <h6></h6>
	<hr>
	<p><hr> muestra una regla horizontal que divide la pantalla.</p>
	<hr>
	<p>Si queremos poner un texto en negrita podemos usar <b>la etiqueta <b></b> o <strong>la etiqueta <strong></strong>.</p>
	<p>Si queremos poner un texto en cursiva podemos usar <i>la etiqueta <i></i> o <em>la etiqueta <em></em>.</p>
	<hr>
	<h3>Abreviaturas</h3>
	<p>Con <abbr> podemos introducir una abreviatura, por ejemplo: <abbr title="Departamento">Dpto.</abbr> de Ciencias Sociales y Humanas de la <abbr title="Universidad Miguel Hernández">UMH</abbr>.
	<hr>
	<p>Para enlazar a otra página web (de un sitio externo o del mismo sitio) se usa la etiqueta <a>, por ejemplo: <a href="http://www.umh.es/" title="Página web de la Universidad Miguel Hernández de Elche" target="_blank">UMH Elche</a>.</p>
	<p>Si lo que queremos es mostrar una imagen, usamos la etiqueta <img>: <img src="http://www.umh.es/img/cabeceras/logo-umh-hor.png" alt="Logo UMH"></p>
	<hr>
	<h2>Listas en HTML:</h2>
	<h3>Listas desordenadas</h3>
	<ul>
	<li>Primer elemento</li>
	<li>Segundo elemento</li>
	<li>Tercer Elemento</li>
	</ul>
	<h3>Listas ordenadas</h3>
	<ol>
	<li>Primer elemento</li>
	<li>Segundo elemento</li>
	<li>Tercer elemento</li>
	</ol>
	<h3>Listas de definición</h3>
	<dl>
	<dt>Título del primer elemento</dt>
	<dd>Primer párrafo del primer elemento</dd>
	<dt>Título del segundo elemento</dt>
	<dd>Primer párrafo del segundo elemento</dd>
	<dd>Segundo párrafo del segundo elemento</dd>
	<dd>Tercer párrafo del segundo elemento</dd>
	<dt>Título del tercer elemento</dt>
	<dd>Primer párrafo del tercer elemento</dd>
	<dd>Segundo párrafo del tercer elemento</dd>
	</dl>
	<hr>
	<h3>Embeber contenido externo</h3>
	<p>Podemos agregar contenido externo a nuestra página haciendo uso de la etiqueta <iframe>:</p>
	<iframe src="http://umh.es" width="100%" height="300"></iframe>
	</body>
	</html>