Scribd Logo
Unggah

Selamat datang di Scribd!

  • Clases HTML

    Diunggah oleh

    Max Unico Maxi
    6 tayangan4 halaman
    clases de html

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    TXT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    clases de html

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai TXT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    6 tayangan4 halaman

    Clases HTML

    Diunggah oleh

    Max Unico Maxi
    clases de html

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai TXT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 4

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>T�tulo de la p�gina</title>
    </head>
    <body>
    <p>
    P�rrafo

    SQL, Structure Query Language (Lenguaje de Consulta Estructurado) es un lenguaje


    de programacion para trabajar con base de datos relacionales como MySQL, Oracle,
    etc.<br>
    MySQL es un interpretador de SQL, es un servidor de base de datos.<br>
    MySQL permite crear base de datos y tablas, insertar datos, modificarlos,
    eliminarlos, ordenarlos,
    hacer consultas y realizar muchas operaciones, etc., resumiendo: administrar bases
    de datos.
    </p>
    <p>
    Este tutorial tiene por objetivo acercar los conceptos iniciales para introducirse
    en el mundo de las bases de datos.
    </p>
    </body>
    </html>
    _________________________________________________________
    Ejercicio:
    Crear una p�gina que muestre en un p�rrafo datos referentes a sus estudios y en
    otro p�rrafo su nombre y mail.
    ___________________________________________________

    Hiperv�nculo a otra p�gina del mismo sitio.

    <!DOCTYPE html>
    <html>
    <head>
    <title>T�tulo de la p�gina 1</title>
    </head>
    <body>
    <h1>P�gina principal.</h1>
    <a href="pagina2.html">Noticias</a>
    <ol>
    <li>Rodriguez Pablo</li>
    <li>Gonzalez Raul</li>
    <li>Lopez Hector</li><br>
    <h2>Lenguajes de programaci�n.</h2>
    <ul>
    <li>C</li>
    <li>C++</li>
    <li>Java</li>
    <li>C#</li>
    </ul>

    </ol>
    </body>
    </html>
    __________________________
    Crear una p�gina principal con dos hiperv�nculos a las p�ginas pagina2.html y
    pagina3.html
    Luego en las dos p�ginas secundarias disponer hiperv�nculos a la p�gina principal.

    _____________________________________________________________

    Hiperv�nculo a otro sitio de internet.

    <!DOCTYPE html>
    <html>
    <head>
    <title>T�tulo de la p�gina</title>
    </head>
    <body>
    <a href="http://www.google.com" target="_blank">Buscador Google</a>
    </body>
    </html>
    ___________________________
    Ejercicio
    Crear una p�gina que contenga un hiperv�nculo a un peri�dico (indicar s�lo el
    nombre de dominio del peri�dico). Disponer adem�s un segundo hiperv�nculo a una
    p�gina determinada de ese peri�dico.

    ___________________________________________________________

    Im�genes dentro de una p�gina.

    <!DOCTYPE html>
    <html>
    <head>
    <title>T�tulo de la p�gina</title>
    </head>
    <body>
    <img src="foto1.jpg" alt="Pintura geometrica">
    </body>
    </html>
    _______________
    Ejercicio:
    Desarrollar una p�gina que muestre dos imagenes llamadas foto2.jpg y foto3.jpg, las
    mismas se encuetran almacenadas en el servidor en la misma carpeta donde se
    almacenar� la p�gina que usted desarrollar�.
    Disponer un t�tulo a cada imagen.
    ____________________________________________________________

    Hiperv�nculo mediante una imagen

    <html>
    <head>
    <title>T�tulo de la p�gina</title>
    </head>
    <body>
    <h2>Presione alguna de las imagenes para conocer m�s sobre esa obra.</h2>
    <a href="pagina2.html"><img src="../foto1.jpg" alt="Pintura Geom�trica"> </a>
    <br>
    <a href="pagina3.html"><img src="../foto2.jpg" alt="Pintura Geom�trica"> </a>
    </body>
    </html>
    _____________________________

    Ejercicio:
    Crear tres p�ginas con una foto cada una (foto1.jpg, foto2.jpg y foto3.jpg) luego
    al ser presionada avanzar a la siguiente p�gina, es decir de la pagina1.html llamar
    a la pagina2.html, de la pagina2.html pasar a la pagina3.html y de �sta a la
    primera.
    Las im�genes se encuentran en el directorio padre.
    ____________________________________________________________

    Listas anidadas.

    <!DOCTYPE html>
    <html>
    <head>
    <title>T�tulo de la p�gina</title>
    <meta charset="UTF-8">
    </head>
    <body>
    <ol>
    <li>Argentina
    <ul>
    <li><a href="http://www.lanacion.com.ar">La Naci�n</a></li>
    <li><a href="http://www.clarin.com.ar">Clar�n</a></li>
    <li><a href="http://www.pagina12.com.ar">P�gina 12</a></li>
    </ul>
    </li>
    <li>Espa�a
    <ul>
    <li><a href="http://www.elpais.es">El Pa�s Digital</a></li>
    <li><a href="http://www.abc.es">ABC</a></li>
    <li><a href="http://www.elmundo.es">El Mundo</a></li>
    </ul>
    </li>
    <li>Per�
    <ul>
    <li><a href="http://www.elcomercio.pe">El Comercio</a></li>
    <li><a href="http://www.larepublica.pe">La Rep�blica</a></li>
    </ul>
    </li>
    </ol>
    </body>
    </html>
    __________________________________

    Ejercicio:
    Confeccionar una lista no ordenada de lenguajes de programaci�n. Luego disponer una
    lista ordenada con hiperv�nculos a sitios que tratan dichos lenguajes.

    Anda mungkin juga menyukai