Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Etiquetas HTML

    Cargado por

    luisrizzo2
    7 vistas5 páginas
    Actividad Inicial Programación de Sitios Web 2016-II

    Título original

    301125_72247884_2016

    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
    Actividad Inicial Programación de Sitios Web 2016-II

    Copyright:

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

    Etiquetas HTML

    Cargado por

    luisrizzo2
    Actividad Inicial Programación de Sitios Web 2016-II

    Copyright:

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

    ETIQUETAS HTML

    El lenguaje HTML (Hypertext Markup Language), se cre para que la informacin


    fluya de manera rpida, segura y confiable por medio de la red, utilizando los
    navegadores web quienes son los encargados de decodificar el lenguaje y
    mostrrselos a usuario en forma de textos e imgenes.
    Para logar esto se necesita que la codificacin este ordenada, separando su
    contenido del formato para esto se utilizan los TAGS o etiquetas, las cuales sirven
    para dar las caractersticas necesarias a la informacin, se utilizan dos corchetes
    angulares (<>) y se definen con dos elementos.
    Los TAGS de inicio quienes le informan al navegador el inicio de un proceso de
    formato y los de cierre que le indican al navegador que detenga el formato que
    vena ejecutando.
    Toda pgina Web debe de tener esta estructura:
    <HTML> Inicio de Pagina
    <HEAD> Informacin de Contenido de Nuestra Pgina
    <TITLE>Indicar Titulo</TITLE> Titulo qu aparecer en la barra de informacin
    del usuario
    </HEAD> Fin de la Etiqueta <HEAD>
    <BODY>Escribir contenido </BODY> Cuerpo o Contenido de la Pagina como
    Texto e imgenes
    </HTML> Cierre de la Codificacin de la Pagina

    1. Manejo de textos:

    Tipo

    Etiquetas de
    Formato

    Etiqueta de
    Alineacin

    Etiqueta

    Descripcin

    <B>xxxxx</B>

    Texto en Negrita

    <I>xxxxx </I>

    Texto en cursiva

    <U>xxxxx</U>

    Texto subrayado

    <PRE>xxxxxxxx</PRE>
    <CENTER>xxxxx</CENTER>

    Preformateado: Texto que


    conserva todos sus espacios
    y tabuladores
    Texto deber ir centrado

    <H1 STYLE=text-align: right>xxx </H1>

    Texto alienado a la derecha.

    <H1 STYLE=text-align: left>xxxx</H1>

    Texto alienado a la izquierda.


    Texto centrado.

    <H1 STYLE=text-align: center>xxx


    </H1>
    Texto justificado.
    <H1 STYLE=text-align: justify
    >xxx</H1>

    Etiquetas Para
    Generar Listas

    Etiquetas para
    Agregar
    Imgenes
    Etiqueta Para
    Generar Tablas

    <OL>
    <LI> Primer prrafo u objeto.
    <LI> Segundo prrafo u objeto.
    Etc...
    </OL>

    Lista Numerada

    <UL>
    <LI> Primer prrafo u objeto.
    <LI> Segundo prrafo u objeto.
    Etc...
    </UL>
    <IMG SRC= "Nombre del archivo" >

    Lista con Vietas

    <TABLE BORDER="Nmero entre 0 y


    7">
    <CAPTION ALIGN=TOP
    BOTTOM>;Aqu va el texto del ttulo
    </CAPTION>
    <TR>
    <TD>Primera fila, primera columna
    </TD>
    <TD>Primera fila, segunda columna
    </TD>
    <TD>Primera fila, tercera columna</TD>
    ..........
    </TR>

    Para Agregar Imgenes (Gif


    o jpeg

    Etiqueta para Crear Tablas

    <TD>Segunda fila, primera columna


    </TD>
    <TD>Segunda fila, primera columna
    </TD>
    <TD>Segunda fila, primera columna
    </TD>
    ..........
    </TR>
    etc...
    </TABLE>

    Etiquetas para
    Crear Vnculos
    Etiquetas para
    Crear
    Formularios

    <CAPTION ALIGN=TOP BOTTOM>


    Aqu va el texto del ttulo</CAPTION>
    <A HREF="URL">Texto del vnculo</A>

    Agregarle un Titulo a la Tabla


    Agrega un Vnculo externo o
    interno en la Pagina
    a. Etiqueta form.
    Esta etiqueta es la que define
    dentro de nuestra estructura HTML
    el inicio de un formulario y est
    compuesta por:
    id: indica un nombre del
    formulario para que pueda ser
    personalizado mediante CSS.
    action: define el destino a donde
    irn los datos del formulario en
    HTML. En nuestro ejemplo el
    destino ser un archivo llamado
    enviado.php.
    method: indica la forma en la que
    ser enviado el formulario en HTML.

    <form id="formulario"
    action="enviado.php" method="post">
    <fieldset>
    <legend>Formulario de
    Ejemplo</legend>
    <label>Nombre</label>
    <input id="campo1"
    name="nombre"
    type="text" />
    <label>Email</label>
    <input id="campo2"
    name="email" type="text" />
    <input id="campo3"
    name="enviar" type="submit"
    value="Enviar" />
    </fieldset>
    </form>

    b. Etiqueta fieldset.
    Esta etiqueta es de uso opcional y
    se utiliza para agrupar elementos en
    comn dentro de un mismo
    formulario en HTML. Se suele
    utilizar junto a la etiqueta legend
    que le da un ttulo al conjuntos de
    elementos definidos en el fieldset.
    c. Etiqueta label.
    Esta etiqueta se utiliza para definir
    el nombre visible de cada uno de
    los campos del formulario en HTML.
    d. Etiqueta input.
    Esta etiqueta corresponde a los
    campos del formulario que
    necesitamos para su
    funcionamiento. Esta est definida
    por:
    id: indica un nombre nico del
    campo para que pueda ser
    personalizado mediante CSS.
    name: indica el nombre nico del
    campo en el formulario en HTML y
    este nombre es el que nos permitir
    realizar el envo de los datos de
    cada campo.
    type: indica el tipo de campo y la
    accin que tendr dentro del
    formulario en HTML. Existen varios

    tipos de campos input en un


    formulario:
    text: para agregar una cadena
    de caracteres ya sean letras o
    nmeros.
    hidden: indica que ser un
    campo oculto para el envo de datos
    que no ser visible para el usuario.
    password: se utiliza para los
    formularios de registro y los
    caracteres escritos sern mostrados
    en forma de asteriscos o puntos.
    checkbox: casillas de
    verificacin.
    radio: botones de opcin.
    submit: este type se le asigna
    a un campo input para realizar el
    envo del formulario en HTML.
    Tambin existe el type reset que es
    para borrar todos los campos del
    formulario si no se desea realizar el
    envo.
    e. Otras etiquetas.
    Adems de las etiquetas
    anteriormente mencionadas para
    nuestro ejemplo existen otras
    etiquetas que se usan
    frecuentemente en los formularios.
    Los ms comunes son:
    select: este campo se configura
    con varias opciones para ser
    seleccionadas de una lista.
    textarea: este campo es utilizado
    para escribir comentarios largos
    como el que utiliza WordPress en
    sus artculos.

    BIBLIOGRAFIA
    Fonseca, C. R. (s.f.). emprendedores-de-negocios. Recuperado el 21 de 08 de
    2015, de http://www.emprendedores-de-negocios.com/guia-html.html
    Oliveira, G. (26 de 05 de 2013). Gian Oliveira 3.0. Recuperado el 20 de 08 de
    2015, de http://www.gianoliveira.com/crear-formulario-con-html.html

    También podría gustarte