SlideShare una empresa de Scribd logo
1 de 9
Etiquetas HTML una guía práctica para entender su funcionamiento Laureana Guerra
Etiquetas de subíndices y potencias Mediante el Html también podemos escribir fórmulas matemáticas, o químicas. Podemos elevar números a alguna potencia, poner sub índices, entre otros.
Subíndices Para escribir subíndices debemos escribir el número que deseamos sea un subíndice entre las siguientes etiquetas: <sub>   número   </sub>
Si queremos escribir esta fórmula, por ejemplo: H 2 O debemos escribir: H <sub>  2  </sub>  O
Potencias Para elevar un número a una potencia cualquiera debemos escribir el número que deseamos elevar  entre las siguientes etiquetas: <sup>   nùmero   </sup>
Entonces si queremos escribir: 8³ debemos escribir: 8  <sup>  3  </sup>
Hacer listas  Para hacer un listado debemos comenzar con la etiqueta  <ul>   y finalizamos con  </ul> Cada  punto que queramos añadir a la lista,  lo haremos dentro de la etiqueta   <li> y su cierre.
Tipo de Puntos Además podemos definir nosotros mismos el símbolo del punto,  gracias al atributo “type”. Podemos hacer que la lista esté definida por: Puntos negros: (li type=&quot;disc&quot;) Por puntos con el fondo blanco: (li type=&quot;circle&quot;) Por cuadrados: (li type=&quot;square&quot;)  :
Entonces, si queremos hacer esta lista: ,[object Object],[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente (19)

Html
HtmlHtml
Html
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Primeraclase
PrimeraclasePrimeraclase
Primeraclase
 
Clase 2
Clase 2Clase 2
Clase 2
 
HTML
HTMLHTML
HTML
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSS
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Html
HtmlHtml
Html
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 
1 crear pag formatos
1 crear pag formatos1 crear pag formatos
1 crear pag formatos
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 

Destacado

Presentacion de etiquetas "HTML"
Presentacion de etiquetas "HTML"Presentacion de etiquetas "HTML"
Presentacion de etiquetas "HTML"Ivan Perez
 
Guia de aprendizaje 01 generalidades sobre html
Guia de aprendizaje 01   generalidades sobre htmlGuia de aprendizaje 01   generalidades sobre html
Guia de aprendizaje 01 generalidades sobre htmlIng Yeison Fabian
 
Introducción al lenguaje HTML
Introducción al lenguaje HTMLIntroducción al lenguaje HTML
Introducción al lenguaje HTMLUNIVA
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?Maximiliano Martin
 
H T M L Tema 2 Formatos, Listas Y Tablas
H T M L    Tema 2    Formatos, Listas Y TablasH T M L    Tema 2    Formatos, Listas Y Tablas
H T M L Tema 2 Formatos, Listas Y Tablasantoniobp
 
Ejercicio 2de condicional multiple
Ejercicio 2de condicional multipleEjercicio 2de condicional multiple
Ejercicio 2de condicional multipley4t7yt6edfg6
 
Diapositivas evalucion final
Diapositivas evalucion finalDiapositivas evalucion final
Diapositivas evalucion finalviviana parra
 
Practica numero 2 de NXT
Practica numero 2 de NXTPractica numero 2 de NXT
Practica numero 2 de NXTDaniel Sefair
 
Prezi / computacion e informatica II semestre - 2014
Prezi / computacion e informatica II semestre - 2014Prezi / computacion e informatica II semestre - 2014
Prezi / computacion e informatica II semestre - 2014Lokiito Maz Naa
 
Agenda Digital Peruana 2.0
Agenda Digital Peruana 2.0Agenda Digital Peruana 2.0
Agenda Digital Peruana 2.0luigi_mancilla
 
2 el modelo_relacional_y_la_normalizacion
2 el modelo_relacional_y_la_normalizacion2 el modelo_relacional_y_la_normalizacion
2 el modelo_relacional_y_la_normalizacionM.c. Omar Jasso
 

Destacado (20)

Presentacion de etiquetas "HTML"
Presentacion de etiquetas "HTML"Presentacion de etiquetas "HTML"
Presentacion de etiquetas "HTML"
 
Guia html
Guia htmlGuia html
Guia html
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
Guia de aprendizaje 01 generalidades sobre html
Guia de aprendizaje 01   generalidades sobre htmlGuia de aprendizaje 01   generalidades sobre html
Guia de aprendizaje 01 generalidades sobre html
 
Guía html5
Guía html5Guía html5
Guía html5
 
Corel draw x5
Corel draw x5Corel draw x5
Corel draw x5
 
Introducción al lenguaje HTML
Introducción al lenguaje HTMLIntroducción al lenguaje HTML
Introducción al lenguaje HTML
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
H T M L Tema 2 Formatos, Listas Y Tablas
H T M L    Tema 2    Formatos, Listas Y TablasH T M L    Tema 2    Formatos, Listas Y Tablas
H T M L Tema 2 Formatos, Listas Y Tablas
 
Ejercicio 2de condicional multiple
Ejercicio 2de condicional multipleEjercicio 2de condicional multiple
Ejercicio 2de condicional multiple
 
Prezi
Prezi Prezi
Prezi
 
Prezi tutorial
Prezi tutorialPrezi tutorial
Prezi tutorial
 
Tutorial
TutorialTutorial
Tutorial
 
corel draw x5
corel draw x5corel draw x5
corel draw x5
 
Diapositivas evalucion final
Diapositivas evalucion finalDiapositivas evalucion final
Diapositivas evalucion final
 
Practica numero 2 de NXT
Practica numero 2 de NXTPractica numero 2 de NXT
Practica numero 2 de NXT
 
Prezi / computacion e informatica II semestre - 2014
Prezi / computacion e informatica II semestre - 2014Prezi / computacion e informatica II semestre - 2014
Prezi / computacion e informatica II semestre - 2014
 
Agenda Digital Peruana 2.0
Agenda Digital Peruana 2.0Agenda Digital Peruana 2.0
Agenda Digital Peruana 2.0
 
Algoritmo De Cuadrados Medios
Algoritmo De Cuadrados MediosAlgoritmo De Cuadrados Medios
Algoritmo De Cuadrados Medios
 
2 el modelo_relacional_y_la_normalizacion
2 el modelo_relacional_y_la_normalizacion2 el modelo_relacional_y_la_normalizacion
2 el modelo_relacional_y_la_normalizacion
 

Similar a HTML etiquetas guía (20)

Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
Introhtml
IntrohtmlIntrohtml
Introhtml
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Clase 2
Clase 2Clase 2
Clase 2
 
Html
HtmlHtml
Html
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
Nuevas etiquetas HTML
Nuevas etiquetas HTMLNuevas etiquetas HTML
Nuevas etiquetas HTML
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Html basico
Html basicoHtml basico
Html basico
 
Html basico
Html basicoHtml basico
Html basico
 
Taller de html
Taller de htmlTaller de html
Taller de html
 
Curso Html
Curso HtmlCurso Html
Curso Html
 
Html apunte 2
Html apunte 2Html apunte 2
Html apunte 2
 
Diapo02
Diapo02Diapo02
Diapo02
 
html
htmlhtml
html
 
Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0
 

HTML etiquetas guía

  • 1. Etiquetas HTML una guía práctica para entender su funcionamiento Laureana Guerra
  • 2. Etiquetas de subíndices y potencias Mediante el Html también podemos escribir fórmulas matemáticas, o químicas. Podemos elevar números a alguna potencia, poner sub índices, entre otros.
  • 3. Subíndices Para escribir subíndices debemos escribir el número que deseamos sea un subíndice entre las siguientes etiquetas: <sub> número </sub>
  • 4. Si queremos escribir esta fórmula, por ejemplo: H 2 O debemos escribir: H <sub> 2 </sub> O
  • 5. Potencias Para elevar un número a una potencia cualquiera debemos escribir el número que deseamos elevar entre las siguientes etiquetas: <sup> nùmero </sup>
  • 6. Entonces si queremos escribir: 8³ debemos escribir: 8 <sup> 3 </sup>
  • 7. Hacer listas Para hacer un listado debemos comenzar con la etiqueta <ul> y finalizamos con </ul> Cada punto que queramos añadir a la lista, lo haremos dentro de la etiqueta <li> y su cierre.
  • 8. Tipo de Puntos Además podemos definir nosotros mismos el símbolo del punto, gracias al atributo “type”. Podemos hacer que la lista esté definida por: Puntos negros: (li type=&quot;disc&quot;) Por puntos con el fondo blanco: (li type=&quot;circle&quot;) Por cuadrados: (li type=&quot;square&quot;) :
  • 9.