Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 23 vistas

    Etiquetas HTML

    Cargado por

    Lilia Isabel Giraldo Contreras
    Este documento describe las etiquetas HTML más usadas, incluyendo <h1> para títulos, <b> para negrita, y cómo cambiar el color, tamaño y agregar imágenes usando el atributo style.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd

    Etiquetas HTML

    Cargado por

    Lilia Isabel Giraldo Contreras
    23 vistas4 páginas
    Este documento describe las etiquetas HTML más usadas, incluyendo <h1> para títulos, <b> para negrita, y cómo cambiar el color, tamaño y agregar imágenes usando el atributo style.

    Título original

    ETIQUETAS HTML

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento describe las etiquetas HTML más usadas, incluyendo <h1> para títulos, <b> para negrita, y cómo cambiar el color, tamaño y agregar imágenes usando el atributo style.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    23 vistas4 páginas

    Etiquetas HTML

    Cargado por

    Lilia Isabel Giraldo Contreras
    Este documento describe las etiquetas HTML más usadas, incluyendo <h1> para títulos, <b> para negrita, y cómo cambiar el color, tamaño y agregar imágenes usando el atributo style.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 4

    ETIQUETAS HTML MAS USADAS

    HTML es un lenguaje de basad en etiquetas (tag) que usan de forma anidada bsicamente, es decir son palabras que se usan para estableces propiedades o mostrar algo en una pgina web de la siguiente forma. <etiqueta> Algo escrito ac adentro </etiqueta> Hay muchas etiquetas para escribir texto en una pgina web dependiendo de lo que queremos plasmar ya sea un prrafo una lnea o un titulo etc La etiqueta para escribir un titulo es <h1> y la usamos de la siguiente forma: <h1> MI PRIMER TITULO </h1> Si queremos el texto en negrilla le agregamos la etiqueta <b> el cdigo completo seria

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> MI PRIMERA PAGINA WEB</title> </head> <body> <h1><b> MI PRIMER TITULO </b></h1> </body> </html>

    Podemos digitar este cdigo en un archivo plano o un bloc de notas y lo guardamos con extensin .html ejemplo: mi primerapagina.html ejecutamos en un navegador de la siguiente manera.

    Como pudimos observar se mostro en la pagina nuestro primer ttulo con negrilla pero tambin podemos cambiar el color el tamao de la letra y mucho mas. Para cambiar las propiedades del texto tenemos que tener en cuenta lo siguiente, primero la propiedad style es la que va a dar la caracterstica al texto ya sea tamao color etc la forma correcta de usarla es la siguiente font-size: 18px el numero nos indica el tamao en pixeles del texto. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento sin ttulo</title> </head> <body> <h1 style="font-size:18px"><b> MI PRIMER TITULO </b></h1> </body> </html>

    Guardamos ejecutamos el archivo y vemos los cambios

    Bueno ya aprendimos como cambiar el tamao de un texto, cmo cambio el color del texto? Antes de entrar a mostrar el cdigo para cambiar el color de un texto debemos tener en cuenta que el navegador web puede tener muchos colores los cuales se identifican por un cdigo, claro est que los colores primarios los podemos llamar por su nombre en Ingles. El ejemplo aplicativo lo mostraremos en el siguiente ejemplo.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> MI PRIMERA PAGINA WEB</title> </head> <body> <h1 style="color:#906"><b> MI PRIMER TITULO </b></h1> <h1 style="color:blue"><b> MI SEGUNDO TITULO </b></h1> </body> </html>

    Usando style=color: (ac digitamos el cdigo o nombre del color) en el ejemplo muestra como cambio el color en los textos. Para insertar una imagen es sumamente sencillo usamos la etiqueta <img src="escribimos la ruta de donde est la imagen/> un ejemplo es el siguiente: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> MI PRIMERA PAGINA WEB</title> </head> <body> <h1 style="color:#906"><b> MI PRIMER TITULO </b></h1> <h1 style="color:blue"><b> MI SEGUNDO TITULO </b></h1> <img src="Para seleccionar/f/BannerAdmin.jpg" width="900" height="217" /> </body> </html>

    El hipervnculo se coloca con la etiqueta <a href="#">hola</a> donde est el smbolo # colocamos la direccin de la pagina web.

    También podría gustarte