Scribd Logo
Unggah

Selamat datang di Scribd!

  • Clase1 2010

    Diunggah oleh

    Anonymous nCSwvW7V
    9K tayangan13 halaman
    html

    Judul Asli

    clase1-2010

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    html

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    9K tayangan13 halaman

    Clase1 2010

    Diunggah oleh

    Anonymous nCSwvW7V
    html

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 13

    LENGUAJE HTML

    Clase 1
    Contenidos

    z Definición

    z Editores

    z Navegadores

    z Etiquetas

    z Estructura HTML
    ¿Qué es HTML?

    ŽHTML (Hyper Text Markup Language) es un lenguaje


    de marcas de hipertexto.

    ŽPermite escribir texto de forma estructurada, con


    enlaces (hyperlinks) que conducen a otros documentos
    o fuentes de información relacionadas, y con
    inserciones multimedia (gráficos, imágenes, sonidos,
    videos, etc...).

    ŽLos archivos HTML por lo general, tienen la extensión


    .html o .htm
    Los Editores

    ŽUn editor es un programa que permite redactar documentos.


    Existen un gran número de editores visuales que permiten
    crear páginas web, y generan el código de las páginas
    automáticamente.
    ŽAlgunos de los editores gráficos son:

    Dreamweaver Frontpage
    Composer Adobe Pagemill

    CutePage HotDog Proffesional

    Ž Para crear páginas web, también se puede utilizar un


    editor sin entorno visual, como Wordpad o el Bloc de notas.
    Los Navegadores

    ŽUn navegador interpreta el código HTML de la página que


    visita. Puede ocurrir que dos usuarios visualicen la misma
    página de forma diferente. Esto se debe a se tiene
    instalado navegadores diferentes o, versiones diferentes
    de un mismo navegador.

    ŽAlgunos de los navegadores más usados son:

    Internet Explorer Google Chrome

    Mozilla Firefox Netsacape


    Etiquetas (Tags)

    ŽUn documento HTML está formado por elementos.


    ŽPor ejemplo:
    Žun elemento P representa un párrafo
    Žun elemento OL representa una lista
    Žun elemento TITLE representa un documento…
    ŽEn general, cada elemento se divide en tres partes: una etiqueta
    inicial, el contenido del elemento, y una etiqueta final.
    <p> Esto es un párrafo. </p>

    Etiqueta inicial Etiqueta Final


    Contenido de la
    etiqueta

    Una etiqueta es parte de un elemento.


    Etiquetas (Tags)

    ŽLas etiquetas o marcas delimitan a cada uno de los


    elementos que componen a un documento HTML.
    ŽLas Etiquetas de HTML pueden ser de dos tipos:
    Ž<CENTER> Mi página Web </CENTER>

    Etiqueta inicial Contenido de Etiqueta Final


    la etiqueta

    Ž<BR> Etiqueta inicial


    ŽEtiquetas con parámetros: <BODY bgcolor="#FFFFFF">
    </BODY>
    parámetro
    Etiquetas (ejemplo)

    <p align="center">
    <font color="#993366" size="4"
    face="Comic Sans MS, Arial, MS Sans Serif">
    Bienvenidos al Colegio Bilingüe de la U.
    </font>
    </p>

    Este código daría como resultado el siguiente texto:

    Bienvenidos al Colegio Bilingüe de la U.


    Estructura de un documento HTML

    ŽUn documento escrito en HTML contiene básicamente dos


    secciones:
    <HTML> Indica el inicio del documento

    <HEAD> Inicio de la cabecera.


    encabezado

    <TITLE> Inicio del título del documento.

    </TITLE> Final del título del documento.

    </HEAD> Final de la cabecera del documento.

    <BODY> Inicio del cuerpo del documento.


    cuerpo
    </BODY> Final del cuerpo del documento.

    </HTML> Final del documento.


    Estructura de un documento HTML

    ŽTodas las páginas escritas en HTML comienzan con


    la etiqueta <html> y finalizan con </html>. Entre estas
    etiquetas estará comprendido el resto del código HTML
    de la página.
    ŽEl encabezado <head> y </head> se utiliza para
    agrupar información de la página. Dentro del
    encabezado se encuentran las etiquetas <meta> y
    <title>.
    Ž<meta>: se utiliza para añadir información sobre la página. Esta
    información puede ser utilizada por los buscadores.
    Ž<title> sirve para asignar un título a una página.
    La Etiqueta <meta>

    ŽA través de esta etiqueta pueden especificarse los atributos


    name y content, donde:
    ŽEl atributo name indica el tipo de información.
    ŽEl atributo content indica el valor de dicha información.
    ŽLos tipos de información más utilizados son los siguientes:

    Tipo Significado
    author Autor de la página

    classification Palabras para clasificar la página en los buscadores

    Description Descripción del contenido de la página


    Generator Programa utilizado para crear la página
    Keywords Palabras clave
    Un Ejemplo

    <html>
    <head>
    ...
    <meta name="author" content=“Area de
    Servicios">
    <meta name="description" content="Curso
    de HTML básico">
    <meta name="keywords" content=“Ejemplo
    HTML utilizando la etiqueta meta">
    </head>
    ...
    </html>
    Un Ejemplo Completo

    <html>

    <head>
    <title>CURSO DE HTML</title>
    <meta name="author" content=“Juan Perez">
    <meta name="description" content="Curso de HTML
    básico">
    <meta name="keywords" content=“Ejemplo HTML">
    </head>
    <body bgcolor= ”#FFCC99”>
    <p>Esta es Mi primera página..</p>
    </body>

    </html>

    Anda mungkin juga menyukai