SlideShare una empresa de Scribd logo
1 de 4
COLEGIO NICOLAS ESGUERRA
OSCAR FELIPE AMADO ARISTIZABAL
NICOLAS AMADO ARISTIZABALCURSO:901
INDICES:
DESEMPEÑOS:
1.¿QUE ES HTML?
2. VERSIONES DE HTML
3. ETIQUETA
Jornada : Mañana
12/09/2013
HTML
significa de HipertextoMarkupLanguage («lenguaje de marcado hipertextual»), es
usado para elaborar o editar paginas web, con códigos (WWW),con imágenes,
textos, etc.
Una página web es el nombre de un documento o información electrónica
adaptada para la World Wide Web y que puede ser accedida mediante un
navegador , Esta información se encuentra generalmente en formato HTML o
XHTML.
En informática, la World Wide Web (WWW) o Red informática mundial1
comúnmente conocida como la web) es un sistema de distribución de documentos
de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un
navegador web, un usuario visualiza sitios web compuestos de páginas web que
pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega
a través de esas páginas usando hiperenlaces.
Versiones HTML
Los estándares HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0 y el HTML
4.01., algunos creen que el HTML ya no tiene futuro porque existe el XHTML que
es mejor pero el navagedor más popular (el de la letra e azul) no lo soporta por lo
que otros piensan que el futuro está en el HTML 5. Actualmente a versión de
HTML más utilizada es la 4.01 y el XHTML 1.0 estás 2 versiones fueron definidas
por la W3C hace 7 y 8 años. ahora se preparan nuevas versiones que son el
HTML 5 y el XHTML 2. Además de cada versión, cada una tiene variantes que
siempre se tienen que definir en el documento HTML, las variantes del HTML 4.01
son: HTML 4.01 Strict: el normal, donde se pueden usar etiquetas HTML 4.01,
pero no se aceptan etiquetas obsoletas. HTML 4.01 Transitional: este permite usar
todo tipo de etiquetas de todas las versiones de HTML, no es recomendable.
HTML 4.01 Frameset: Tiene soporte para frames, muy anticuado.
Etiquetas de formato de texto
Salida Etiquetas requeridas
El texto en negritas. El <B>texto</B> en negritas.
El texto en itálicas.
El <I>texto</I> en
it&aacute;licas.
El texto en formato teletipo.
El <TT>texto</TT> en
formato teletipo.
El texto en 2 tamaños más grandes
y en rojo. El tamaño puede ser un
valor absoluto en el rango 1..7.
El <FONT SIZE = +2 COLOR = "RED">
texto </FONT> en 2
tama&ntilde;osm&aacute;s
grandes y en rojo. El tama&ntilde;o
puede ser ...
Utilizar la dirección de e-mail
claudio@acm.org
para contactarme.
Utilizar la direcci&oacute;n
de e-mail <ADDRESS>
claudio@acm.org </ADDRESS>
para contactarme.
Etiquetas de encabezamiento
Salida Etiquetas requeridas
Encabezado H1 <H1>Encabezado H1<H1>
Encabezado H3 <H3>Encabezado H3<H3>
Encabezado H6 <H6>Encabezado H6<H6>
Las etiquetas de encabezado generan automáticamente un fin de línea
Salida Etiquetas requeridas
Justo antes del encabezado.
Un encabezado H2
Justo después del encabezado.
Justo antes del encabezado.
<H2>Un encabezado H2<H2>
Justo despu&eacute;s del
encabezado.
Párrafos, fin de línea y comentarios
Salida Etiquetas requeridas
Última oración del párrafo.
Primera oración del nuevo párrafo.
&Uacute;ltimaoraci&oacute;n
...
<P>
Primera oraci&oacute; del
...
Una oración
sobre otra.
Una oraci&oacute;n
<BR>
sobre otra.
Observar que estas etiquetas no son bilaterales.
Los comentarios dentro de un archivo HTML se delimitan
del siguiente modo:
<!-Este texto no será analizado por el
visualizador->

Más contenido relacionado

La actualidad más candente (13)

Protocolo http
Protocolo httpProtocolo http
Protocolo http
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Html
HtmlHtml
Html
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Html5 X Alex Yupanqui
Html5 X Alex YupanquiHtml5 X Alex Yupanqui
Html5 X Alex Yupanqui
 
Lore
LoreLore
Lore
 
Creación de páginas web
Creación de páginas webCreación de páginas web
Creación de páginas web
 
Html
HtmlHtml
Html
 
4 periodo html
4 periodo html4 periodo html
4 periodo html
 
Producto 3
Producto 3Producto 3
Producto 3
 
breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
 
Presentación1 rorro y chechuu!!!
Presentación1 rorro y chechuu!!!Presentación1 rorro y chechuu!!!
Presentación1 rorro y chechuu!!!
 

Destacado

Caracteristicas de la web 2.0
Caracteristicas de la web 2.0Caracteristicas de la web 2.0
Caracteristicas de la web 2.0neycar
 
Diferencias entre html y html5
Diferencias entre html y html5Diferencias entre html y html5
Diferencias entre html y html5michellpaez17
 
HTML - HTML5
HTML - HTML5 HTML - HTML5
HTML - HTML5 verosorio
 
Diferencia de html y html 5
Diferencia de html y html 5Diferencia de html y html 5
Diferencia de html y html 5Daviid Siilva
 
Diferencias html5 y html anteriores
Diferencias html5 y html anterioresDiferencias html5 y html anteriores
Diferencias html5 y html anterioresXa Ba
 

Destacado (9)

Html y html5
Html  y html5Html  y html5
Html y html5
 
Caracteristicas de la web 2.0
Caracteristicas de la web 2.0Caracteristicas de la web 2.0
Caracteristicas de la web 2.0
 
Diferencias entre html y html5
Diferencias entre html y html5Diferencias entre html y html5
Diferencias entre html y html5
 
Diferencias entre html y html5..
Diferencias entre html y html5..Diferencias entre html y html5..
Diferencias entre html y html5..
 
HTML - HTML5
HTML - HTML5 HTML - HTML5
HTML - HTML5
 
Html y html5
Html y html5Html y html5
Html y html5
 
Diferencia de html y html 5
Diferencia de html y html 5Diferencia de html y html 5
Diferencia de html y html 5
 
Html4
Html4Html4
Html4
 
Diferencias html5 y html anteriores
Diferencias html5 y html anterioresDiferencias html5 y html anteriores
Diferencias html5 y html anteriores
 

Similar a Html (20)

Html
HtmlHtml
Html
 
Mateo2
Mateo2Mateo2
Mateo2
 
Historia Del HTML
Historia Del HTMLHistoria Del HTML
Historia Del HTML
 
Trabajo Html
Trabajo HtmlTrabajo Html
Trabajo Html
 
Que es html
Que es htmlQue es html
Que es html
 
Trabajo html
Trabajo htmlTrabajo html
Trabajo html
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Html
HtmlHtml
Html
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Silem htmll
Silem htmllSilem htmll
Silem htmll
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
html
htmlhtml
html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 

Más de Nicolas Amado

Modificar las propiedades de una capa
Modificar las propiedades de una capaModificar las propiedades de una capa
Modificar las propiedades de una capaNicolas Amado
 
Insertar un hiperenlace
Insertar un hiperenlaceInsertar un hiperenlace
Insertar un hiperenlaceNicolas Amado
 
Insertar texto con diferentes propiedades
Insertar texto con diferentes propiedadesInsertar texto con diferentes propiedades
Insertar texto con diferentes propiedadesNicolas Amado
 
Insertar sonido de fondo
Insertar sonido de fondoInsertar sonido de fondo
Insertar sonido de fondoNicolas Amado
 
Insertar objetos de formulario
Insertar objetos de formularioInsertar objetos de formulario
Insertar objetos de formularioNicolas Amado
 
Crear una página básica
Crear una página básicaCrear una página básica
Crear una página básicaNicolas Amado
 
Crear hoja de estilos
Crear hoja de estilosCrear hoja de estilos
Crear hoja de estilosNicolas Amado
 
Crear conjunto de marcos
Crear conjunto de marcosCrear conjunto de marcos
Crear conjunto de marcosNicolas Amado
 
Index Pagina Web Html
Index Pagina Web HtmlIndex Pagina Web Html
Index Pagina Web HtmlNicolas Amado
 
Trabajo mindstorms 4
Trabajo mindstorms 4Trabajo mindstorms 4
Trabajo mindstorms 4Nicolas Amado
 
Trabajo mindstorms 3
Trabajo mindstorms 3Trabajo mindstorms 3
Trabajo mindstorms 3Nicolas Amado
 

Más de Nicolas Amado (20)

Modificar las propiedades de una capa
Modificar las propiedades de una capaModificar las propiedades de una capa
Modificar las propiedades de una capa
 
Insertar una imagen
Insertar una imagenInsertar una imagen
Insertar una imagen
 
Insertar un hiperenlace
Insertar un hiperenlaceInsertar un hiperenlace
Insertar un hiperenlace
 
Insertar texto con diferentes propiedades
Insertar texto con diferentes propiedadesInsertar texto con diferentes propiedades
Insertar texto con diferentes propiedades
 
Insertar sonido de fondo
Insertar sonido de fondoInsertar sonido de fondo
Insertar sonido de fondo
 
Insertar objetos de formulario
Insertar objetos de formularioInsertar objetos de formulario
Insertar objetos de formulario
 
Crear una página básica
Crear una página básicaCrear una página básica
Crear una página básica
 
Crear hoja de estilos
Crear hoja de estilosCrear hoja de estilos
Crear hoja de estilos
 
Crear conjunto de marcos
Crear conjunto de marcosCrear conjunto de marcos
Crear conjunto de marcos
 
Trabajar con tablas
Trabajar con tablasTrabajar con tablas
Trabajar con tablas
 
Index Pagina Web Html
Index Pagina Web HtmlIndex Pagina Web Html
Index Pagina Web Html
 
Pagina html
Pagina htmlPagina html
Pagina html
 
Tecnomarte
TecnomarteTecnomarte
Tecnomarte
 
Tecnomarte
TecnomarteTecnomarte
Tecnomarte
 
Tecnomarte
TecnomarteTecnomarte
Tecnomarte
 
Trabajo mindstorms 4
Trabajo mindstorms 4Trabajo mindstorms 4
Trabajo mindstorms 4
 
Trabajo mindstorms 3
Trabajo mindstorms 3Trabajo mindstorms 3
Trabajo mindstorms 3
 
Trabajo mindstorms
Trabajo mindstormsTrabajo mindstorms
Trabajo mindstorms
 
Trabajo mindstorms1
Trabajo mindstorms1Trabajo mindstorms1
Trabajo mindstorms1
 
Trabajo mindstorms
Trabajo mindstormsTrabajo mindstorms
Trabajo mindstorms
 

Html

  • 1. COLEGIO NICOLAS ESGUERRA OSCAR FELIPE AMADO ARISTIZABAL NICOLAS AMADO ARISTIZABALCURSO:901 INDICES: DESEMPEÑOS: 1.¿QUE ES HTML? 2. VERSIONES DE HTML 3. ETIQUETA Jornada : Mañana 12/09/2013
  • 2. HTML significa de HipertextoMarkupLanguage («lenguaje de marcado hipertextual»), es usado para elaborar o editar paginas web, con códigos (WWW),con imágenes, textos, etc. Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador , Esta información se encuentra generalmente en formato HTML o XHTML. En informática, la World Wide Web (WWW) o Red informática mundial1 comúnmente conocida como la web) es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces. Versiones HTML Los estándares HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0 y el HTML 4.01., algunos creen que el HTML ya no tiene futuro porque existe el XHTML que es mejor pero el navagedor más popular (el de la letra e azul) no lo soporta por lo que otros piensan que el futuro está en el HTML 5. Actualmente a versión de HTML más utilizada es la 4.01 y el XHTML 1.0 estás 2 versiones fueron definidas por la W3C hace 7 y 8 años. ahora se preparan nuevas versiones que son el HTML 5 y el XHTML 2. Además de cada versión, cada una tiene variantes que siempre se tienen que definir en el documento HTML, las variantes del HTML 4.01 son: HTML 4.01 Strict: el normal, donde se pueden usar etiquetas HTML 4.01, pero no se aceptan etiquetas obsoletas. HTML 4.01 Transitional: este permite usar todo tipo de etiquetas de todas las versiones de HTML, no es recomendable. HTML 4.01 Frameset: Tiene soporte para frames, muy anticuado.
  • 3. Etiquetas de formato de texto Salida Etiquetas requeridas El texto en negritas. El <B>texto</B> en negritas. El texto en itálicas. El <I>texto</I> en it&aacute;licas. El texto en formato teletipo. El <TT>texto</TT> en formato teletipo. El texto en 2 tamaños más grandes y en rojo. El tamaño puede ser un valor absoluto en el rango 1..7. El <FONT SIZE = +2 COLOR = "RED"> texto </FONT> en 2 tama&ntilde;osm&aacute;s grandes y en rojo. El tama&ntilde;o puede ser ... Utilizar la dirección de e-mail claudio@acm.org para contactarme. Utilizar la direcci&oacute;n de e-mail <ADDRESS> claudio@acm.org </ADDRESS> para contactarme. Etiquetas de encabezamiento Salida Etiquetas requeridas Encabezado H1 <H1>Encabezado H1<H1> Encabezado H3 <H3>Encabezado H3<H3> Encabezado H6 <H6>Encabezado H6<H6> Las etiquetas de encabezado generan automáticamente un fin de línea Salida Etiquetas requeridas Justo antes del encabezado. Un encabezado H2 Justo después del encabezado. Justo antes del encabezado. <H2>Un encabezado H2<H2> Justo despu&eacute;s del encabezado.
  • 4. Párrafos, fin de línea y comentarios Salida Etiquetas requeridas Última oración del párrafo. Primera oración del nuevo párrafo. &Uacute;ltimaoraci&oacute;n ... <P> Primera oraci&oacute; del ... Una oración sobre otra. Una oraci&oacute;n <BR> sobre otra. Observar que estas etiquetas no son bilaterales. Los comentarios dentro de un archivo HTML se delimitan del siguiente modo: <!-Este texto no será analizado por el visualizador->