Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Ejemplos HTML5

    Cargado por

    Walter Carvajal
    8 vistas18 páginas

    Título original

    EJEMPLOS HTML5.docx

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    8 vistas18 páginas

    Ejemplos HTML5

    Cargado por

    Walter Carvajal

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 18

    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>

    ventas@editorialmegabyte.com

    </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>
    ventas@editorialmegabyte.com

    </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>

    También podría gustarte