SlideShare una empresa de Scribd logo
1 de 9
Universidad Técnica de
Ambato




   Nombre: Alejandro Guevara
Nivel:   Segundo “A” sistemas
   ¿Qué es HTML?


    HTML, HyperText Markup Language, es un lenguaje simple
    utilizado para crear documentos de hipertexto para WWW. No es
    un lenguaje de descripción de página como Postcript; HTML no
    permite definir de forma estricta la apariencia de una
    página, aunque una utilización algo desviada hace que se utilice
    en ocaciones como un lenguaje de presentación.

     Además, la presentación de la página es muy dependiente del
    browser (o programa navegador) utilizado: el mismo documento
    no produce el mismo resultado en la pantalla si se visualiza con
    un browser en modo línea, Mosaic o Netscape, o sea, HTML se
    limita a describir la estructura y el contenido de un documento, y
    no el formato de la página y su apariencia.
   Negrita     <b>
   Cursiva     <i>
   Subrayado <u>
   Resaltado <em>
   Destacado <strong>
   Código      <code>
   Citas       <cite>
   Máquina de escribir <kbd>
   Ejemplos <samp>
   Teletipo    <tt>
   Variables <var>
   Negrita y cursiva <b><i>
   El lector explora un documento en el Web
    haciendo clic sobre las zonas activas para asi
    hacer aparecer nuevos documentos. En HTML
    definimos una zona activa (que puede ser un
    texto o una imagen) que se asocia al URL
    (protocolo de direccionamiento de
    documentos) del documento que sustituirá al
    documento visualizado cuando se haga clic
    sobre esa zona. Un ancla, por lo tanto, sirve
    para especificar la partida y la llegada de un
    enlace hipertexto ( <A> ).
El atributo HREF, ancla de partida hacia un enlace
  externo

     Crea un enlace hacia un servidor situado en
    algún punto de Internet, o hacia un documento
    propuesto por dicho servidor.
    La marca especifica el atributo HREF cuyo valor
    precisa el URL del documento a recuperar:

   zona_activable

    <A HREF="url_de_destino"> zona_activable</A>
Crea un enlace a un punto determinado del
fichero en ejecución. Para ello hay que
colocar un ancla activa (ancla de partida) y un
ancla inactiva (ancla de llegada).
El ancla de partida se define de la siguiente
forma:


zona_activable_con_atributos_visuales
<A HREF=#etiqueta>zona_activable_con_atributos_visuales</A>
<IMG> es la marca que permite incluir una imagen. Esta marca
irá siempre completada por el atributo SRC que permite dar la
dirección del fichero gráfico que contiene la imagen:

<IMG SCR=/directorio/subdirectorio/nombre_del_fichero:gráfico>

El valor del atributo SCR permite especificar un URL y es por
tanto correcto encontrar imágenes definidas como sigue:

<IMG SCR="http://www.aramis.fr/imagenes/flores/rosa.gif">
Una tabla se define entre las marcas <TABLE> y </TABLE>. Esta primera
  marca regula la presentación general de la tabla mediante tres
  atributos:

   BORDER define el grosor del marco exterior
   CELLPADDING define el espacio alrededor del texto de una celda
   CELLSPACING define el espacio entre celdas
   WIDTH define la anchura de la tabla relativa a la anchura de la ventana
    del browser

    Ejemplo:
    ABCD<TABLE CELLPADDING=10 CELLSPACING=6 BORDER=6 BORDER>
    <TR><TD>A</TD>
    <TD>B</TD>
    </TR>
    <TR><TD>C</TD>
    <TD>D</TD>
    </TR>
    </TABLE>
Define el ancla de llegada, lugar que se podrá
 acceder haciendo un clic sobre un ancla de
 partida.


     zona_no_activable_sin_atributos_visuales

<A NAME="label">zona_no_activable_sin_atributos_visuales</A>

Más contenido relacionado

La actualidad más candente (19)

Introducción a CSS
Introducción a CSSIntroducción a CSS
Introducción a CSS
 
Formularios y Validaciones
Formularios y ValidacionesFormularios y Validaciones
Formularios y Validaciones
 
Códigos HTML
Códigos HTMLCódigos HTML
Códigos HTML
 
Diapositivas HTML
Diapositivas HTMLDiapositivas HTML
Diapositivas HTML
 
HTML - XML
HTML - XMLHTML - XML
HTML - XML
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
1 crear pag formatos
1 crear pag formatos1 crear pag formatos
1 crear pag formatos
 
HTML
HTMLHTML
HTML
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Html-CSS
Html-CSSHtml-CSS
Html-CSS
 
Html
HtmlHtml
Html
 
Desarrollo de Aplicaciones Web II - Sesión 03 - Formularios y Validaciones
Desarrollo de Aplicaciones Web II - Sesión 03 - Formularios y ValidacionesDesarrollo de Aplicaciones Web II - Sesión 03 - Formularios y Validaciones
Desarrollo de Aplicaciones Web II - Sesión 03 - Formularios y Validaciones
 
Israel
IsraelIsrael
Israel
 
Diagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitragoDiagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitrago
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Clase 1
Clase 1Clase 1
Clase 1
 

Destacado (20)

Prof.. 21
Prof.. 21Prof.. 21
Prof.. 21
 
So hugo abrantes
So hugo abrantesSo hugo abrantes
So hugo abrantes
 
Proposta expositor 2011
Proposta expositor 2011Proposta expositor 2011
Proposta expositor 2011
 
Sociedad anónima
Sociedad anónimaSociedad anónima
Sociedad anónima
 
Farsa politica
Farsa politicaFarsa politica
Farsa politica
 
Meio ambiente
Meio ambienteMeio ambiente
Meio ambiente
 
Prof.. no4
Prof.. no4Prof.. no4
Prof.. no4
 
Herramientas digitales
Herramientas digitalesHerramientas digitales
Herramientas digitales
 
20110525 -la women mini-retreat
20110525 -la women mini-retreat20110525 -la women mini-retreat
20110525 -la women mini-retreat
 
Works. Ricardo Espinoza
Works. Ricardo EspinozaWorks. Ricardo Espinoza
Works. Ricardo Espinoza
 
Imágenes congo
Imágenes congoImágenes congo
Imágenes congo
 
Experince Certificate Of Mubarak textile
Experince Certificate Of Mubarak textileExperince Certificate Of Mubarak textile
Experince Certificate Of Mubarak textile
 
Sugarraren bidezko analisia
Sugarraren bidezko analisiaSugarraren bidezko analisia
Sugarraren bidezko analisia
 
Ladrillo
LadrilloLadrillo
Ladrillo
 
Prof... rock
Prof... rockProf... rock
Prof... rock
 
Guia dm.adm.dpcm v2
Guia dm.adm.dpcm v2Guia dm.adm.dpcm v2
Guia dm.adm.dpcm v2
 
Reflexão nuno tarefa 2 sessao 3
Reflexão nuno tarefa 2 sessao 3Reflexão nuno tarefa 2 sessao 3
Reflexão nuno tarefa 2 sessao 3
 
España e galicia de 1902 a 1939
España e galicia de 1902 a 1939España e galicia de 1902 a 1939
España e galicia de 1902 a 1939
 
Diapositivas capitulo 6
Diapositivas capitulo 6Diapositivas capitulo 6
Diapositivas capitulo 6
 
E-Commerce para Micro e Pequenas Empresas
E-Commerce para Micro e Pequenas EmpresasE-Commerce para Micro e Pequenas Empresas
E-Commerce para Micro e Pequenas Empresas
 

Similar a Tutorial html (20)

Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Html
HtmlHtml
Html
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Tatiana
TatianaTatiana
Tatiana
 
Html
HtmlHtml
Html
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Julexi
JulexiJulexi
Julexi
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
Html
HtmlHtml
Html
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Definiciones
DefinicionesDefiniciones
Definiciones
 

Tutorial html

  • 1. Universidad Técnica de Ambato Nombre: Alejandro Guevara Nivel: Segundo “A” sistemas
  • 2. ¿Qué es HTML? HTML, HyperText Markup Language, es un lenguaje simple utilizado para crear documentos de hipertexto para WWW. No es un lenguaje de descripción de página como Postcript; HTML no permite definir de forma estricta la apariencia de una página, aunque una utilización algo desviada hace que se utilice en ocaciones como un lenguaje de presentación. Además, la presentación de la página es muy dependiente del browser (o programa navegador) utilizado: el mismo documento no produce el mismo resultado en la pantalla si se visualiza con un browser en modo línea, Mosaic o Netscape, o sea, HTML se limita a describir la estructura y el contenido de un documento, y no el formato de la página y su apariencia.
  • 3. Negrita <b>  Cursiva <i>  Subrayado <u>  Resaltado <em>  Destacado <strong>  Código <code>  Citas <cite>  Máquina de escribir <kbd>  Ejemplos <samp>  Teletipo <tt>  Variables <var>  Negrita y cursiva <b><i>
  • 4. El lector explora un documento en el Web haciendo clic sobre las zonas activas para asi hacer aparecer nuevos documentos. En HTML definimos una zona activa (que puede ser un texto o una imagen) que se asocia al URL (protocolo de direccionamiento de documentos) del documento que sustituirá al documento visualizado cuando se haga clic sobre esa zona. Un ancla, por lo tanto, sirve para especificar la partida y la llegada de un enlace hipertexto ( <A> ).
  • 5. El atributo HREF, ancla de partida hacia un enlace externo Crea un enlace hacia un servidor situado en algún punto de Internet, o hacia un documento propuesto por dicho servidor. La marca especifica el atributo HREF cuyo valor precisa el URL del documento a recuperar:  zona_activable <A HREF="url_de_destino"> zona_activable</A>
  • 6. Crea un enlace a un punto determinado del fichero en ejecución. Para ello hay que colocar un ancla activa (ancla de partida) y un ancla inactiva (ancla de llegada). El ancla de partida se define de la siguiente forma: zona_activable_con_atributos_visuales <A HREF=#etiqueta>zona_activable_con_atributos_visuales</A>
  • 7. <IMG> es la marca que permite incluir una imagen. Esta marca irá siempre completada por el atributo SRC que permite dar la dirección del fichero gráfico que contiene la imagen: <IMG SCR=/directorio/subdirectorio/nombre_del_fichero:gráfico> El valor del atributo SCR permite especificar un URL y es por tanto correcto encontrar imágenes definidas como sigue: <IMG SCR="http://www.aramis.fr/imagenes/flores/rosa.gif">
  • 8. Una tabla se define entre las marcas <TABLE> y </TABLE>. Esta primera marca regula la presentación general de la tabla mediante tres atributos:  BORDER define el grosor del marco exterior  CELLPADDING define el espacio alrededor del texto de una celda  CELLSPACING define el espacio entre celdas  WIDTH define la anchura de la tabla relativa a la anchura de la ventana del browser Ejemplo: ABCD<TABLE CELLPADDING=10 CELLSPACING=6 BORDER=6 BORDER> <TR><TD>A</TD> <TD>B</TD> </TR> <TR><TD>C</TD> <TD>D</TD> </TR> </TABLE>
  • 9. Define el ancla de llegada, lugar que se podrá acceder haciendo un clic sobre un ancla de partida. zona_no_activable_sin_atributos_visuales <A NAME="label">zona_no_activable_sin_atributos_visuales</A>