Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Que Es HTML

    Cargado por

    Jeisson Camacho
    39 vistas5 páginas

    Título original

    QUE ES HTML

    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
    39 vistas5 páginas

    Que Es HTML

    Cargado por

    Jeisson Camacho

    Copyright:

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

    QUE ES HTML,

    siglas de HyperText Markup Language (lenguaje de marcado de


    hipertexto), hace referencia al lenguaje de marcado predominante para la
    elaboracin de pginas web que se utiliza para describir y traducir la estructura
    y la informacin en forma de texto, as como para complementar el texto con
    objetos tales como imgenes. El HTML se escribe en forma de etiquetas,
    rodeadas por corchetes angulares (<,>). HTML tambin puede describir, hasta
    un cierto punto, la apariencia de un documento, y puede incluir un script (por
    ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores
    web y otros procesadores de HTML.
    1

    HTML tambin sirve para referirse al contenido del tipo de MIME text/html o
    todava ms ampliamente como un trmino genrico para el HTML, ya sea en
    forma descendida del XML (como XHTML 1.0 y posteriores) o en forma
    descendida directamente de SGML (como HTML 4.01 y anteriores).
    Elementos
    Los elementos son la estructura bsica de HTML. Los elementos tienen dos
    propiedades bsicas: atributos y contenido. Cada atributo y contenido tiene
    ciertas restricciones para que se considere vlido al documento HTML. Un
    elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-
    elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los
    atributos del elemento estn contenidos en la etiqueta de inicio y el contenido
    est ubicado entre las dos etiquetas (por ejemplo,<nombre-de-
    elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos
    elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de
    cierre. Debajo se listan varios tipos de elementos de marcado usados en
    HTML.


    Estructura general de una lnea de cdigo en el lenguaje de etiquetas HTML.
    El marcado estructural describe el propsito del texto. Por
    ejemplo,<h2>Golf</h2>establece Golf como un encabezamiento de segundo
    nivel, el cual se mostrara en un navegador de una manera similar al ttulo
    Marcado HTML al principio de esta seccin. El marcado estructural no define
    cmo se ver el elemento, pero la mayora de los navegadores web han
    estandarizado el formato de los elementos. Puede aplicarse un formato
    especfico al texto por medio de hojas de estilo en cascada.
    El marcado presentacional describe la apariencia del texto, sin importar su
    funcin. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales
    deben mostrar el texto en negrita, pero no indica qu deben hacer los
    navegadores web que muestran el contenido de otra manera (por ejemplo, los
    que leen el texto en voz alta). En el caso de<b>negrita</b> e <i>itlica</i>,
    existen elementos que se ven de la misma manera pero tienen una naturaleza
    ms semntica: <strong>enfsis fuerte</strong> y <em>nfasis</em>. Es fcil
    ver cmo un pantalla debera interpretar estos dos elementos. Sin embargo,
    son equivalentes a sus correspondientes elementos presentacionales: un lector
    de pantalla no debera decir ms fuerte el nombre de un libro, aunque ste est
    en itlicas en una pantalla. La mayora del marcado presentacional ha sido
    desechada con HTML 4.0, en favor de hojas de estilo en cascada.
    El marcado hipertextual se utiliza para enlazar partes del documento con otros
    documentos o con otras partes del mismo documento. Para crear un enlace es
    necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que
    establecer la direccin URL a la que apunta el enlace. Por ejemplo, un enlace
    a la Wikipedia sera de la forma<a href=es.wikipedia.org>Wikipedia</a>.
    Tambin se pueden crear enlaces sobre otros objetos, tales como imgenes <a
    href=enlace><img src=imagen /></a>.
    CDIGOS HTML BSICOS
    <html>: define el inicio del documento HTML, le indica
    al navegador que lo que viene a continuacin debe ser interpretado
    como cdigo HTML. Esto es as de facto, ya que en teora lo que
    define el tipo de documento es el DOCTYPE, que significa la palabra
    justo tras DOCTYPE el tag de raz, por ejemplo:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <script>: incrusta un script en una web, o llama a uno
    mediante src="url del script". Se recomienda incluir el tipo MIME en
    el atributo type, en el caso deJavaScript text/javascript.
    <head>: define la cabecera del documento HTML; esta cabecera
    suele contener informacin sobre el documento que no se muestra
    directamente al usuario como, por ejemplo, el ttulo de la ventana del
    navegador. Dentro de la cabecera <head>es posible encontrar:


    Un ejemplo de cdigo HTML con coloreado de sintaxis.
    <title>: define el ttulo de la pgina. Por lo general, el ttulo aparece
    en la barra de ttulo encima de la ventana.
    <link>: para vincular el sitio a hojas de estilo o iconos. Por
    ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.
    <style>: para colocar el estilo interno de la pgina; ya sea
    usando CSS u otros lenguajes similares. No es necesario colocarlo si
    se va a vincular a un archivo externo usando la etiqueta<link>.
    <meta>: para metadatos como la autora o la licencia, incluso para
    indicar parmetros http (mediante http-equiv="") cuando no se
    pueden modificar por no estar disponible la configuracin o por
    dificultades con server-side scripting.
    <body>: define el contenido principal o cuerpo del documento. Esta
    es la parte del documento html que se muestra en el navegador;
    dentro de esta etiqueta pueden definirse propiedades comunes a
    toda la pgina, como color de fondo y mrgenes. Dentro del
    cuerpo <body> es posible encontrar numerosas etiquetas. A
    continuacin se indican algunas a modo de ejemplo:
    <h1> a <h6>: encabezados o ttulos del documento con diferente
    relevancia.
    <table>: define una tabla.
    <tr>: fila de una tabla.
    <td>: celda de una tabla (debe estar dentro de una fila).
    <a>: hipervnculo o enlace, dentro o fuera del sitio web. Debe
    definirse el parmetro de pasada por medio del atributo href. Por
    ejemplo: <a href="http://www.wikipedia.org" title="Wikipedia"
    target="_blank" tabindex="1">Wikipedia</a> se representa
    comoWikipedia).
    <div>: divisin de la pgina. Se recomienda, junto con css, en vez
    de<table> cuando se desea alinear contenido.
    <img>: imagen. Requiere del atributo src, que indica la ruta en la
    que se encuentra la imagen. Por ejemplo: <img
    src="./imgenes/mifoto.jpg" />. Es conveniente, por accesibilidad,
    poner un atributo alt="texto alternativo".
    <li><ol><ul>: etiquetas para listas.
    <b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la
    etiqueta<strong>).
    <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la
    etiqueta<em>).
    <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la
    etiqueta<del>).
    <u>: texto subrayado.
    La mayora de etiquetas deben cerrarse como se abren, pero con una barra
    (/) tal como se muestra en los siguientes ejemplos:
    <table><tr><td>Contenido de una celda</td></tr></table>.
    <script>Cdigo de un [[script]] integrado en la pgina</script>.
    Creacin de pginas web con lenguaje HTML
    Para crear una pgina web se pueden utilizar
    varios programas especializados en esto, como por ejemplo, el Microsoft
    Front Page o el MacromediaDreamweaver 3. Otra forma de disear
    un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que
    este sencillo programa cumple con un requisito mnimo que es la
    posibilidad de trabajar con las etiquetas con las que trabaja este
    lenguaje.
    A continuacin les mostraremos las etiquetas mas comunes que deben
    aprenderse para hacer una pagina Web.
    Estructura de los documentos de HTML
    Si se tiene en cuenta el contenido del documento, todos los documentos
    de HTML bien escritos comparten una estructura en comn. Un
    documento de HTML empieza con la etiqueta <HTML>, que es la que
    encerrar el documento actual. Contiene dos secciones primordiales: la
    cabecera y el cuerpo encerradas respectivamente por los elementos
    <HEAD> cabeza y <BODY> cuerpo.
    La cabecera puede contener informacin y siempre contiene el titulo del
    documento encerrado por el elemento <TITLE>.
    En el cuerpo se encuentra todo el contenido del documento, ya sea,
    texto, imgenes, sonidos, hipervnculos, etc.
    Un documento escrito en HTML contiene las siguientes etiquetas en el
    siguiente orden:
    Ejemplo:
    <HTML>
    <HEAD>
    <TITLE> Ttulo de mi pgina de Internet </TITLE>
    </HEAD>
    <BODY>
    <H1> <CENTER> Primera pagina </CENTER> </H1>
    <HR>
    Esta es mi primera pagina, aunque todava es muy sencilla. Como el
    lenguaje HTML no es difcil, pronto estaremos en condiciones de hacer
    cosas mas interesantes.
    <P> Aqu va un segundo prrafo.
    </BODY>
    </HTML>
    Para escribir ttulos se usa la etiqueta <Hx></Hx> en donde x es un
    nmero.
    Ejemplo:
    <h1>Titulo principal</h1>
    <h2>Titulo secundario</h2>
    <h3>Titulo terciario</h3>
    <h4>Titulo cuarto nivel</h4>
    <h5>Titulo quinto</h5>
    <h6>Titulo sexto</h6>
    Quedara ms o menos as:
    Titulo principal
    Titulo secundario
    Titulo terciario
    Titulo cuarto nivel
    Titulo quinto
    Titulo sexto
    Pasos para hacer un encabezado:
    Paso 1: Crear un archivo como head.php y tener toda la informacin del
    encabezado all Por ejemplo: Usted tendr algo como esto en head.php

    <html>
    <head>
    </head>
    <body>
    <table width=80% height=30>
    <tr>
    <td>
    <div align=center> Page Title </div>
    //Otros links para inicio, soporte, etc.....
    </td>
    </tr>
    </table>
    Paso 2: Ahora crear los archivos principales. En todos los archivos slo tiene
    que utilizar "incluir" para tener la cabecera.
    Digamos que tenemos index.php, el cdigo se ver como este

    <?php
    include 'head.php';
    ?>
    <table width=80% height=100%>
    <tr>
    <td>
    //Todos los contenidos de la siguiente manera
    .......
    ......
    </body>
    </html>

    También podría gustarte