Skip to content

Update basicohtml5.html #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
amanbhandari2002 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update basicohtml5.html #2

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 20 additions & 19 deletions 2_HTML5/basicohtml5.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,41 @@
<!DOCTYPE html> <!-- L�NEA OBLIGATORIA en los documentos de HTML5 para que los navegadores desplieguen la p�gina en modo est�ndar de acuerdo con las especificaciones de html y css -->
<!DOCTYPE html> <!-- LÍNEA OBLIGATORIA en los documentos de HTML5 para que los navegadores desplieguen la página en modo estándar de acuerdo con las especificaciones de html y css -->
<!-- Esto es un comentario "you don't say?" -->
<!-- newforminputtypes.html -->
<!-- Ejemplo HTML5 -->
<!-- New HTML5 form input types and attributes. -->
<!-- HTML CODE -->
<html>
<head>
<meta charset="ISO-8859-1"><!-- Codificaci�n de caract�res, UTF-8 es el m�s utilizado y ISO-8859-1 se utiliza para caract�res latinos -->
<meta charset="ISO-8859-1"><!-- Codificación de caractéres, UTF-8 es el más utilizado y ISO-8859-1 se utiliza para caract´res latinos -->
<!-- Pueden incluirse instrucciones especiales de formato de documento CSS -->
<title>New HTML5 Input Types</title><!-- Elemento anidado que describe las p�ginas web, identificador cuando se agrega a marcadores o favoritos -->
<title>New HTML5 Input Types</title><!-- Elemento anidado que describe las páginas web, identificador cuando se agrega a marcadores o favoritos -->
</head>

<body>

<h1 id = "encabezado">Encabezado h1 m�s significativo</h1>
<h1 id = "encabezado">Encabezado h1 más significativo</h1>
<h2>Encabezado h2 </h2>
<h3>Encabezado h3</h3>
<h4>Encabezado h4</h4>
<h5>Encabezado h5</h5>
<h6>Encabezado h6</h6>

<p>Esto es un p�rrafo "p", cuando se despliega el p�rrafo , coloca espacio adicional encima y debajo del texto</p>
<p>Esto es un párrafo "p", cuando se despliega el párrafo , coloca espacio adicional encima y debajo del texto</p>

<!-- <Hiperv�nculos>
<!-- <Hipervínculos>
*********************************************************************************************************************************
-->
<p id = "hiper"><strong>Elemento "strong" para resaltar la importancia del texto.</strong></p>
<p><a href ="hhttp://www.cursos.danjrosales.com.mx/">"a" de ancla y "href" como referencia de hipertexto para los hiperv�nculos</a></p>
<p><a href ="hhttp://www.cursos.danjrosales.com.mx/">"a" de ancla y "href" como referencia de hipertexto para los hipervínculos</a></p>
<p><a href ="http://www.cursos.danjrosales.com.mx/" target="_blank"><strong>Target _blank:</strong> nueva ventana o tab </a></p>
<p><a href ="http://www.cursos.danjrosales.com.mx/" target="_self"><strong>Target _self:</strong> por default, mismo frame </a></p>
<p><a href ="http://www.cursos.danjrosales.com.mx/" target="_parent"><strong>Target _parent:</strong> frame padre </a></p>
<p><a href ="http://www.cursos.danjrosales.com.mx/" target="_top"><strong>Target _top:</strong> cuerpo completo ventana</a></p>
<p><a href ="mailto:ejemplo@domain.com" target="_top"><strong>URL mailto:</strong> V�nculo a direcciones de correo electr�nico </a></p>
<p><a href ="mailto:ejemplo@domain.com" target="_top"><strong>URL mailto:</strong> Vínculo a direcciones de correo electrónico </a></p>
<p><a href = "#encabezado">Ir a <em>encabezado</em></a></p>
<p><a href = "#">Ir a <em>encabezado</em></a></p>
<p><a href = "#tablas">Ir a <em>tablas</em></a></p>
<!-- </Hiperv�nculos>
<!-- </Hipervínculos>
*********************************************************************************************************************************
-->

Expand All @@ -60,27 +61,27 @@ <h6>Encabezado h6</h6>
</th>
</tr>
<tr>
<th>T�tulo Columna 1</th>
<th>T�tulo Columna 2</th>
<th>T�tulo Columna 3</th>
<th>Título Columna 1</th>
<th>Título Columna 2</th>
<th>Título Columna 3</th>
</tr>
</thead>
<tbody>
<tr>
<th>�Qu� es Lorem Ipsum?</th>
<td colspan = "3">Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno est�ndar de las industrias desde el a�o 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido us� una galer�a de textos y los mezcl� de tal manera que logr� hacer un libro de textos especimen. No s�lo sobrevivi� 500 a�os, sino que tambien ingres� como texto de relleno en documentos electr�nicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creaci�n de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y m�s recientemente con software de autoedici�n, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.</td>
<th>¿Qué es Lorem Ipsum?</th>
<td colspan = "3">Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.</td>
</tr>
<tr>
<th>�Por que lo usamos?</th>
<td colspan = "3">Es un hecho establecido hace demasiado tiempo que un lector se distraer� con el contenido del texto de un sitio mientras que mira su dise�o. El punto de usar Lorem Ipsum es que tiene una distribuci�n m�s o menos normal de las letras, al contrario de usar textos como por ejemplo "Contenido aqu�, contenido aqu�".</td>
<th>¿Por que lo usamos?</th>
<td colspan = "3">Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño. El punto de usar Lorem Ipsum es que tiene una distribución más o menos normal de las letras, al contrario de usar textos como por ejemplo "Contenido aquí, contenido aquí".</td>
</tr>
<tr>
<th>�De d�nde viene?</th>
<td colspan = "3">Al contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raices en una pieza cl�sica de la literatura del Latin, que data del a�o 45 antes de Cristo, haciendo que este adquiera mas de 2000 a�os de antiguedad. Richard McClintock, un profesor de Latin de la Universidad de Hampden-Sydney en Virginia, encontr� una de las palabras m�s oscuras de la lengua del lat�n, "consecteur", en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del lat�n, descubri� la fuente indudable. Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum" (Los Extremos del Bien y El Mal) por Cicero, escrito en el a�o 45 antes de Cristo. Este libro es un tratado de teor�a de �ticas, muy popular durante el Renacimiento. La primera linea del Lorem Ipsum, "Lorem ipsum dolor sit amet..", viene de una linea en la secci�n 1.10.32</td>
<th>¿De dónde viene?</th>
<td colspan = "3">Al contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raices en una pieza cl´sica de la literatura del Latin, que data del año 45 antes de Cristo, haciendo que este adquiera mas de 2000 años de antiguedad. Richard McClintock, un profesor de Latin de la Universidad de Hampden-Sydney en Virginia, encontró una de las palabras más oscuras de la lengua del latín, "consecteur", en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del latín, descubrió la fuente indudable. Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum" (Los Extremos del Bien y El Mal) por Cicero, escrito en el año 45 antes de Cristo. Este libro es un tratado de teoría de éticas, muy popular durante el Renacimiento. La primera linea del Lorem Ipsum, "Lorem ipsum dolor sit amet..", viene de una linea en la sección 1.10.32</td>
</tr>
</tbody>
</table>
<p><a href = "#hiper">Ir a <em>hiperv�nculos</em></a></p>
<p><a href = "#hiper">Ir a <em>hipervínculos</em></a></p>

<!-- </Tablas>
*********************************************************************************************************************************
Expand Down