HTML

Integrantes: *Nicol Andrade

*Claudia Martínez

*Belén Zapata

*Gabriel Garzón

*Kevin Guallichico

*Xavier Sanabria

1

Curso: 1ro B.G.U “D”
Fecha: 2014-01-07
DEFINICIÓN


HTML

. Es un estándar que, en sus diferentes versiones, define
una estructura básica y un código (denominado código
HTML) para la definición de contenido de una página
web, como texto, imágenes, etc.

2
¿PARA QUE SIRVE?


HTML

Sirve para realizar páginas web por medio de sus
etiquetas, con HTML y la ayuda de CSS se
estructuran los sitios web estáticos ya que las webs
dinámicas se realizan con la ayuda de lenguajes
que permitan intercambio de información con bases
de datos

3
CARACTERÍSTICAS
Es un estándar a cargo de la W3C, organización
dedicada a la estandarización de casi todas las
tecnologías ligadas a la web
 El lenguaje HTML basa su filosofía de desarrollo en la
referenciación.
 Añadir un elemento externo a la página (imagen, vídeo,
script, etc.), este no se incrusta directamente en el código
de la página
 la página web contiene sólo texto mientras que recae en
el navegador web (interpretador del código) la tarea de
unir todos los elementos y visualizar la página final.


HTML

4
EDITORES


HTML

Un editor es un programa que nos permiten
redactar documentos. Hoy en díaexisten un gran
número de editores que permiten crear páginas
web sin lanecesidad de escribir ni una sola línea de
código HTML. Estos editores disponende un
entorno visual, y generan automáticamente el
código de las páginas. Alpoder ver en todo
momento cómo quedará la página en el navegador,
se facilita lacreación de las páginas, y el usode
menús permite ganar rapidez.

5
COLORES


HTML

Los colores en HTML se representan mediante un
número hexadecimal. Un número hexadecimal se
diferencia de un número decimal en que no sólo puede
tomar valores del 0 al 9, sino que puede tomar hasta
dieciséis valores distintos, que van del 0 al 9, y de la Aa
la F. Cada color estará representado por un grupo de
seis dígitos en hexadecimal, precedidos por una
almohadilla, como por ejemplo #FFFFFF. Existen 216
colores seguros para web. Éstos son los colores que se
muestran de la misma forma en Microsoft
Internet Explorer y en Netscape Navigator,
tanto en Windows como en Macintosh.
También podemos personalizar nuestros
propios colores, modificando los valores de
cada uno de los dígitos que forman parte del
número hexadecimal.
6
ETIQUETADAS


Ej:<font color="#993366"size="4"face="Comic Sans MS,
Arial, MS SansSerif">Bienvenidos a
www.aulaclic.com</font></p>

HTML

Las etiquetas o marcas delimitan cada uno de los
elementos que componen un documento HTML. Existen
dos tipos de etiquetas, la de comienzo de elemento y la
de fin o cierre de elemento.
La etiqueta de comienzo está delimitada por los
caracteres < y >. Está compuesta por el identificador o
nombre de la etiqueta, y puede contener una serie de
atributos opcionales que permiten añadir ciertas
propiedades. Su sintaxis es: <identificador atributo1
atributo2 ...> Los atributos de la etiqueta de comienzo
siguen una sintaxis predefinida y pueden tomar
cualquier valor propio del usuario, o valores HTML
predefinidos.

7
ESTRUCTURA DE
ELEMENTOS
HTML

8
ESTRUCTURA DE DOCUMENTO

HTML

Módulos de:
•Estructura
•html, head, title, body
•Metainformación
•Estilos
•Link
•Base
Módulos de:
•Texto
•p, code, div, em, strong, span, q,
pre, samp, h1, h2, h3, etc
•Hipertexto
•Lista
•Objetos
•Presentación
•Edición
•Formularios
•Tablas
•Imagen

9
VALORES DE ATRIBUTOS

<a href=”http://www.wikipedia.com/ancla/”
title=”Definición de Wikipedia” rel=”External”>
vínculoo ancla </a>

HTML

Propiedad de algunos elementos a los que se les
asigna Valores específicos (Humanos/Robots)
<a> vínculo o ancla </a>
•href
•tabindex
•title
•rel
•id
•class
•hreflang
•accesskey

10

Html

  • 1.
    HTML Integrantes: *Nicol Andrade *ClaudiaMartínez *Belén Zapata *Gabriel Garzón *Kevin Guallichico *Xavier Sanabria 1 Curso: 1ro B.G.U “D” Fecha: 2014-01-07
  • 2.
    DEFINICIÓN  HTML . Es unestándar que, en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. 2
  • 3.
    ¿PARA QUE SIRVE?  HTML Sirvepara realizar páginas web por medio de sus etiquetas, con HTML y la ayuda de CSS se estructuran los sitios web estáticos ya que las webs dinámicas se realizan con la ayuda de lenguajes que permitan intercambio de información con bases de datos 3
  • 4.
    CARACTERÍSTICAS Es un estándara cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web  El lenguaje HTML basa su filosofía de desarrollo en la referenciación.  Añadir un elemento externo a la página (imagen, vídeo, script, etc.), este no se incrusta directamente en el código de la página  la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final.  HTML 4
  • 5.
    EDITORES  HTML Un editor esun programa que nos permiten redactar documentos. Hoy en díaexisten un gran número de editores que permiten crear páginas web sin lanecesidad de escribir ni una sola línea de código HTML. Estos editores disponende un entorno visual, y generan automáticamente el código de las páginas. Alpoder ver en todo momento cómo quedará la página en el navegador, se facilita lacreación de las páginas, y el usode menús permite ganar rapidez. 5
  • 6.
    COLORES  HTML Los colores enHTML se representan mediante un número hexadecimal. Un número hexadecimal se diferencia de un número decimal en que no sólo puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la Aa la F. Cada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla, como por ejemplo #FFFFFF. Existen 216 colores seguros para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en Windows como en Macintosh. También podemos personalizar nuestros propios colores, modificando los valores de cada uno de los dígitos que forman parte del número hexadecimal. 6
  • 7.
    ETIQUETADAS  Ej:<font color="#993366"size="4"face="Comic SansMS, Arial, MS SansSerif">Bienvenidos a www.aulaclic.com</font></p> HTML Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento. La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades. Su sintaxis es: <identificador atributo1 atributo2 ...> Los atributos de la etiqueta de comienzo siguen una sintaxis predefinida y pueden tomar cualquier valor propio del usuario, o valores HTML predefinidos. 7
  • 8.
  • 9.
    ESTRUCTURA DE DOCUMENTO HTML Módulosde: •Estructura •html, head, title, body •Metainformación •Estilos •Link •Base Módulos de: •Texto •p, code, div, em, strong, span, q, pre, samp, h1, h2, h3, etc •Hipertexto •Lista •Objetos •Presentación •Edición •Formularios •Tablas •Imagen 9
  • 10.
    VALORES DE ATRIBUTOS <ahref=”http://www.wikipedia.com/ancla/” title=”Definición de Wikipedia” rel=”External”> vínculoo ancla </a> HTML Propiedad de algunos elementos a los que se les asigna Valores específicos (Humanos/Robots) <a> vínculo o ancla </a> •href •tabindex •title •rel •id •class •hreflang •accesskey 10