Ejemplo 1.
<html>
<head>
<title>Esta es mi primera página WEB</title>
</head>
</html>
Ejemplo 2.
<html>
<head>
<title>Esta es mi primera página WEB</title>
</head>
<body>
Bienvenidos a leer este Libro de HTML, el cual contiene todas las caracteristicas
necesarias para desarrollar una buena página Web.
</body>
</html>
Ejemplo 3.
<h1>Encabezado 1</h1>
<h2>Encabezado 2</h2>
<h3>Encabezado 3</h3>
<h4>Encabezado 4</h4>
<h5>Encabezado 5</h5>
<h6>Encabezado 6</h6>
Ejemplo 4.
<html>
<head>
<title>Esta es mi primera página WEB</title>
</head>
<body>
<h1>Mi primera página WEB</h1>
<h2>Bienvenida</h2>
Bienvenidos a leer este Libro de HTML, el cual contiene
todas las caracteristicas
necesarias para desarrollar una buena página Web.
<h2>Proposito</h2>
Introducción al lenguaje HTML
</body>
</html>
Ejemplo 5.
<HTML>
<HEAD>
<TITLE>
Usar imagen de fondo en la web
</TITLE>
</HEAD>
<BODY background="E:\LIBROS\HTML\fondo.bmp"
</BODY>
</HTML>
Ejemplo 6.
<HTML>
<HEAD>
<TITLE>
Usar color de fondo en la web
</TITLE>
</HEAD>
<BODY bgcolor="Red">
</BODY>
</HTML>
Ejemplo 7.
<HTML>
<HEAD>
<TITLE>
Usar color de letra en la web
</TITLE>
</HEAD>
<BODY bgcolor="Red" text="silver">
"Fondo con diferente color de letra"
</BODY>
</HTML>
Ejemplo 8.
<HTML>
<HEAD>
<TITLE>
Usar color de letra en la web
</TITLE>
</HEAD>
<BODY bgcolor="#FF0000" text="#C0C0C0">
"Fondo con diferente color de letra"
</BODY>
</HTML>
Ejemplo 9.
<h1>Ejemplos con párrafos
</h1>
<h1>
Ejemplos con párrafos
</h1>
<h1>
Ejemplos con párrafos</h1>
Ejemplo 10.
Las palabras subrayadas indican que <br>
no hay coherencia en las frases y párrafos.<br>
Las palabras encerradas en círculos se pueden suprimir
Ejemplo 11.
<p>
Las palabras subrayadas indican que
no hay coherencia en las frases y párrafos.
</p>
<p>
Las palabras encerradas en círculos se pueden suprimir
</p>
Ejemplo 12.
<p>
Las palabras subrayadas indican que
no hay coherencia en las frases y párrafos.
<br>
Las palabras encerradas en círculos se pueden suprimir
</p>
Ejemplo 13.
Las recomendaciones son las siguientes:
<blockquote>
Las palabras subrayadas indican que <br>
no hay coherencia en las <br>
frases y párrafos.<br>
</blockquote>
Ejemplo 14.
<center>
Las recomendaciones son las siguientes:
<blockquote>
Las palabras subrayadas indican que <br>
no hay coherencia en las <br>
frases y párrafos.<br>
</blockquote>
</center>
Ejemplo 15.
<HTML>
<HEAD>
<TITLE>Ejemplo de Listas </TITLE>
</HEAD>
<BODY>
<UL type="disk" ó "circle" ó "square">
Carreras disponibles
<LI> Ingeniería
<LI> Administración
<LI> Contabilidad
</UL>
</BODY>
</HTML>
Ejemplo 16.
<HTML>
<HEAD>
<TITLE>Ejemplo de Listas </TITLE>
</HEAD>
<BODY>
<UL type=circle>
Carreras disponibles:
<LI> Ingeniería
<LI> Administración
<LI> Contabilidad
<LI> Turismo
<LI> Agronomía
</UL>
</BODY>
</HTML>
Ejemplo 17.
<HTML>
<HEAD>
<TITLE>Ejemplo de Listas Numeradas</TITLE>
</HEAD>
<BODY>
<OL start="n" type="Tipo de Lista">
Carreras disponibles:
<LI> Ingeniería
<LI> Administración
<LI> Contabilidad
<LI> Turismo
<LI> Agronomía
</OL>
</BODY>
</HTML>
Ejemplo 18.
<HTML>
<HEAD>
<TITLE>Ejemplo de Listas Numeradas</TITLE>
</HEAD>
<BODY>
<OL type=A>
Carreras disponibles:
<LI> Ingeniería
<LI> Administración
<LI> Contabilidad
<LI> Turismo
<LI> Agronomía
</OL>
</BODY>
</HTML>
Ejemplo 19.
<HTML>
<HEAD>
<TITLE>Ejemplo de Listas Numeradas</TITLE>
</HEAD>
<BODY>
<OL type=I>
Carreras disponibles:
<LI> Ingeniería
<OL type=i>
<LI> Sistemas
<LI> Civil
<LI> Ambiental
<LI> Sanitaria
</OL>
<LI> Administración
<LI> Contabilidad
<LI> Turismo
<LI> Agronomía
</OL>
</BODY>
</HTML>
Ejemplo 20.
<HTML>
<HEAD>
<TITLE>Ejemplo de Listas Numeradas</TITLE>
</HEAD>
<BODY>
<DL>
<LH> Carreras disponibles: </LH>
<DT> Windows Server 2008
<DD> Sistema Operativo para servidores
<DT> SQL Server 2008
<DD> Motor de Base de Datos
<DT> Visual Studio 2010
<DD> Lenguaje de programación
</DL>
</BODY>
</HTML>
Ejemplo 21.
<HTML>
<HEAD>
<TITLE>Ejemplo de Listas Numeradas</TITLE> <!--titulo de la página-->
</HEAD>
<BODY>
<OL type=A><!--inicio de la lista numerada-->
Carreras disponibles:
<LI> Ingeniería
<LI> Administración
<LI> Contabilidad
<LI> Turismo
<LI> Agronomía
</OL>
</BODY>
</HTML>
Ejemplo 22.
<HTML>
<HEAD>
<TITLE>Ejemplo de vinculos</TITLE>
</HEAD>
<BODY>
<H1> REGISTRO DE DATOS </h1>
Desde esta página puede realizar el <a
href="registro.html">Registro de datos</a>
</BODY>
</HTML>
Ejemplo 23.
<html>
<head>
<title>
Editorial MegaByte
</title>
</head>
<body>
<center>
<h1>
<img src="Imagenes/logo.jpg">
GRUPO EDITORIAL MEGABYTE
</h1>
</center>
<h2>
¿Quienes somos?
</h2>
<p>Grupo Editorial Megabyte, nace de la idea de un grupo de estudiantes al no encontrar
materiales de calidad y de bajo costo.
En sus inicios investigan y elaboran proyectos con asesoramiento de docentes de larga trayectoria
universitaria, llegando así, a crear nuestras primeras publicaciones.
Una vez consolidado en el mercado educativo dan oportunidad a prestigiosos docentes
universitarios de presentar sus diversos tipos de investigación.
</p>
<p>Si usted o su empresa necesita adquirir nuestros
ejemplares,contáctese con nosotros y
escríbanos. Nuestra dirección es:</p>
<center>
[email protected]
</center>
<h2>
Nuestras Publicaciones </h2>
<a href="Diseño Grafico">¡Diseño Grafico!
</a>: Publicaciones especializadas de Diseño gráfico que comprenden: Corel Draw,
PhotoShop,ilustrator, etc.
<p>
<a
href="Ingeniería de Sistemas">¡Ingeniería de Sistemas!
</a>
Publicaciones de UML, CMR, entre otros. </p>
<p>
<a
href="Base de Datos">¡Base de Datos!
</a>
Publicaciones de SQL Server y Oracle en sus últimas versiones
</p>
<hr size="5">
<address>
Página creada por el equipo de programación Web de Megabyte
<br> Ultima actualización: 29-06-2012
</address>
</body>
</html>
Ejemplo 24.
<html>
<head>
<title>
Editorial MegaByte
</title>
</head>
<body>
<center>
<h1>
<img src="Imagenes/logo.jpg">
GRUPO EDITORIAL MEGABYTE
</h1>
</center>
<h2>
¿Quienes somos?
</h2>
<p>Grupo Editorial Megabyte, nace de la idea de un grupo de estudiantes al no encontrar
materiales de calidad y de bajo costo.
En sus inicios investigan y elaboran proyectos con asesoramiento de docentes de larga trayectoria
universitaria, llegando así, a crear nuestras primeras publicaciones.
Una vez consolidado en el mercado educativo dan oportunidad a prestigiosos docentes
universitarios de presentar sus diversos tipos de investigación.
</p>
<p>Si usted o su empresa necesita adquirir nuestros
ejemplares,contáctese con nosotros y
escríbanos. Nuestra dirección es:</p>
<center>
[email protected]
</center>
<h2>
Nuestras Publicaciones </h2>
<a href="Diseño Grafico">¡Diseño Grafico!
</a>: Publicaciones especializadas de Diseño gráfico que comprenden: Corel Draw,
PhotoShop,ilustrator, etc.
<p> <a
href="Ingeniería de Sistemas"
title="Link para los libros de Ingeniería de Sistemas>"
</a>
Publicaciones de UML, CMR, entre otros. </p>
<p>
<a
href="Base de Datos">¡Base de Datos!
</a>
Publicaciones de SQL Server y Oracle en sus últimas versiones
</p>
<hr size="5">
<address>
Página creada por el equipo de programación Web de Megabyte
<br> Ultima actualización: 29-06-2012
</address>
</body>
</html>
Ejemplo 25.
<HTML>
<HEAD>
<TITLE>Ejemplo de Listas Numeradas</TITLE>
</HEAD>
<BODY>
<OL type=I>
Carreras disponibles:
<B>
<LI> Ingeniería
</B>
<OL type=i>
<LI> Sistemas
<LI> Civil
<LI> Ambiental
<LI> Sanitaria
</OL>
<B>
<LI> Administración
<LI> Contabilidad
<LI> Turismo
<LI> Agronomía
</B>
</OL>
</BODY>
</HTML>
Ejemplo 26.
<HTML>
<HEAD>
<TITLE>Ejemplo tamaño de Letra</TITLE>
</HEAD>
<BODY>
este tamaño de letra es normal
<BIG>
<br>
este es grande
</br>
<BIG>
y este es mayor
</BIG>
</BIG>
</BODY>
</HTML>
Ejemplo 27.
<HTML>
<HEAD>
<TITLE>Ejemplo tamaño de texto</TITLE>
</HEAD>
<BODY>
<SMALL>
Ingeniería de Sistemas
<SMALL>
<br>
Ingeniería de Sistemas
</br>
</SMALL>
</BODY>
</HTML>
Ejemplo 28.
<HTML>
<HEAD>
<TITLE>Ejemplo de indices y superindices</TITLE>
</HEAD>
<BODY>
El 1
<SUP>
er
</SUP>
componente químico que estudiamos fue el agua o H
<SUB>
</SUB>0.
</BODY>
</HTML>
Ejemplo 29.
<HTML>
<HEAD>
<TITLE>Ejemplo de texto subrayado</TITLE>
</HEAD>
<BODY>
La
<U>
verdad
</U>
siempre debe primar en nuestras vidas...
</BODY>
</HTML>
