SlideShare una empresa de Scribd logo
1 de 6
HTML, siglas de HyperText
Markup
Language («lenguaje de
marcas de
hipertexto»), hace
referencia al lenguaje de
marcado para la elaboración
de páginas web.

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, sobre todo en lo
referente a su escritura e
interpretación.

El lenguaje HTML basa su
filosofía de desarrollo en la
referenciación. Para añadir
un elemento externo a la
página
(imagen, vídeo, script, etc.)

HTML busca ser un lenguaje
que permita que cualquier
página web escrita en una
determinada versión, pueda
ser interpretada de la misma
forma (estándar) por
cualquier navegadores web
actualizado.
<html>:
Define el inicio del documento HTML, le indica al navegador que lo que
viene a continuación debe ser interpretado como código HTML. Esto es
así de facto, ya que en teoría lo que define el tipo de documento es
el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz.

<script>: incrusta un script en una web, o llama a uno mediantesrc="url
del script". Se recomienda incluir el tipo MIME en el atributo type, en el
caso de JavaScript text/javascript.

<head>:
define la cabecera del documento HTML; esta cabecera suele contener
información sobre el documento que no se muestra directamente
al usuario como, por ejemplo, el título de la ventana del navegador.
Los elementos son la estructura básica de HTML. Los elementos
tienen dos propiedades básicas: atributos y contenido. Cada
atributo y contenido tiene ciertas restricciones para que se
considere válido 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
están contenidos en la etiqueta de inicio y el contenido está
ubicado entre las dos etiquetas (por ejemplo, <nombre-deelemento 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.
Etiquetas

Descripción

<h1>...<h6>
<p>
<!-->
<br>
<hr>

Títulos de diferentes tamaños.
Escribir un párrafo.
Poner un comentario en el código.
Para hacer un salto de línea.
Dibujar una línea horizontal.

<b>
<big>
<em>
<i>
<small>
<strong>
<sub>
<sup>
<ins>
<del>
<tt>

Texto en negrita.
Texto grande.
Texto enfatizado.
Texto en itálica.
Texto pequeño.
Texto fuerte.
Texto por debajo.
Texto por encima.
Texto subrayado.
Texto tachado.
Texto teletipo.
Html

Más contenido relacionado

La actualidad más candente (15)

Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Html
HtmlHtml
Html
 
Html 121
Html 121Html 121
Html 121
 
Html
HtmlHtml
Html
 
Marcado Html
Marcado HtmlMarcado Html
Marcado Html
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Presentación2
Presentación2Presentación2
Presentación2
 
Rafael hernández saldierna
Rafael hernández saldiernaRafael hernández saldierna
Rafael hernández saldierna
 
Diseno De Paginas Web
Diseno De Paginas WebDiseno De Paginas Web
Diseno De Paginas Web
 
Jose alejandro perez html
Jose alejandro perez htmlJose alejandro perez html
Jose alejandro perez html
 
Trabajo 905
Trabajo 905Trabajo 905
Trabajo 905
 
CLASE DE HTML
CLASE DE HTML CLASE DE HTML
CLASE DE HTML
 
Diferencia entre html y xml
Diferencia entre html y xmlDiferencia entre html y xml
Diferencia entre html y xml
 
Aprende html
Aprende htmlAprende html
Aprende html
 

Destacado

Con qué fenómenos a propiedades físicas se asocia
Con qué fenómenos a propiedades físicas se asociaCon qué fenómenos a propiedades físicas se asocia
Con qué fenómenos a propiedades físicas se asocia
emmanuelgf
 
Invitacion 2
Invitacion 2Invitacion 2
Invitacion 2
Benlamin
 
Unidad 6 10 nxt
Unidad 6 10 nxtUnidad 6 10 nxt
Unidad 6 10 nxt
donjuann
 
HTML and CSS for Beginners - Build a Website & Launch ONLINE
HTML and CSS for Beginners - Build a Website & Launch ONLINEHTML and CSS for Beginners - Build a Website & Launch ONLINE
HTML and CSS for Beginners - Build a Website & Launch ONLINE
ayman diab
 
Negocios emi clase 4 febrero
Negocios emi clase 4 febreroNegocios emi clase 4 febrero
Negocios emi clase 4 febrero
andypedri2105
 
Tema 4 bloque 3
Tema 4 bloque 3Tema 4 bloque 3
Tema 4 bloque 3
Jesus Mtz
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
alexinaa
 

Destacado (20)

Slide progetto Gigli
Slide progetto GigliSlide progetto Gigli
Slide progetto Gigli
 
Con qué fenómenos a propiedades físicas se asocia
Con qué fenómenos a propiedades físicas se asociaCon qué fenómenos a propiedades físicas se asocia
Con qué fenómenos a propiedades físicas se asocia
 
Invitacion 2
Invitacion 2Invitacion 2
Invitacion 2
 
Unidad 6 10 nxt
Unidad 6 10 nxtUnidad 6 10 nxt
Unidad 6 10 nxt
 
Catalogo Accesorios ModaClub Primavera Verano 2014
Catalogo Accesorios ModaClub Primavera Verano 2014Catalogo Accesorios ModaClub Primavera Verano 2014
Catalogo Accesorios ModaClub Primavera Verano 2014
 
Vila de Pitangui
Vila de PitanguiVila de Pitangui
Vila de Pitangui
 
HTML and CSS for Beginners - Build a Website & Launch ONLINE
HTML and CSS for Beginners - Build a Website & Launch ONLINEHTML and CSS for Beginners - Build a Website & Launch ONLINE
HTML and CSS for Beginners - Build a Website & Launch ONLINE
 
Encuadre
EncuadreEncuadre
Encuadre
 
Levantamento Assertivo de Projetos E-Learning
Levantamento Assertivo de Projetos E-LearningLevantamento Assertivo de Projetos E-Learning
Levantamento Assertivo de Projetos E-Learning
 
Trabajo de salud ocupacional
Trabajo de salud ocupacionalTrabajo de salud ocupacional
Trabajo de salud ocupacional
 
TrabajoAlex!
TrabajoAlex!TrabajoAlex!
TrabajoAlex!
 
Negocios emi clase 4 febrero
Negocios emi clase 4 febreroNegocios emi clase 4 febrero
Negocios emi clase 4 febrero
 
Presentación imfe
Presentación imfePresentación imfe
Presentación imfe
 
Guia automatriculación
Guia automatriculaciónGuia automatriculación
Guia automatriculación
 
Como crear un blog II
Como crear un blog IIComo crear un blog II
Como crear un blog II
 
Hackers Trablho PGWD ESAD Porto
Hackers Trablho PGWD ESAD PortoHackers Trablho PGWD ESAD Porto
Hackers Trablho PGWD ESAD Porto
 
Tema 4 bloque 3
Tema 4 bloque 3Tema 4 bloque 3
Tema 4 bloque 3
 
Digestive system
Digestive systemDigestive system
Digestive system
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
Audio
AudioAudio
Audio
 

Similar a Html (20)

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
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Expo html
Expo htmlExpo html
Expo html
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Html
HtmlHtml
Html
 
danny
dannydanny
danny
 
Html y HTML5
Html y HTML5Html y HTML5
Html y HTML5
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html
 
Html
HtmlHtml
Html
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 

Html

  • 1.
  • 2. HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. 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, sobre todo en lo referente a su escritura e interpretación. El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, etc.) HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegadores web actualizado.
  • 3. <html>: Define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz. <script>: incrusta un script en una web, o llama a uno mediantesrc="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript. <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador.
  • 4. Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido 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 están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-deelemento 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.
  • 5. Etiquetas Descripción <h1>...<h6> <p> <!--> <br> <hr> Títulos de diferentes tamaños. Escribir un párrafo. Poner un comentario en el código. Para hacer un salto de línea. Dibujar una línea horizontal. <b> <big> <em> <i> <small> <strong> <sub> <sup> <ins> <del> <tt> Texto en negrita. Texto grande. Texto enfatizado. Texto en itálica. Texto pequeño. Texto fuerte. Texto por debajo. Texto por encima. Texto subrayado. Texto tachado. Texto teletipo.