SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
Unidad 2. HTML. Páginas web
estáticas

Texto
Introducción


La mayor parte del contenido de las
páginas HTML habituales está formado
por texto, llegando a ser más del 90%
del código de la página. Por este
motivo, es muy importante conocer los
elementos y etiquetas que define HTML
para el manejo del texto.
Párrafos







<p> Párrafos
Atributos comunes básicos, i18n y
eventos
Atributos específicos Tipo de elemento Bloque
Descripción Delimita el contenido de
un párrafo de texto
Ejemplo Párrafo


<p>Este es el texto que forma el
primer párrafo de la página. Los
párrafos pueden ocupar varias líneas y
el navegador se encarga de ajustar su
longitud al tamaño de la ventana.</p>
Secciones






Los títulos de sección se utilizan para
delimitar el comienzo de sección de una
página.
Las etiquetas de títulos de sección
establecen seis niveles jerárquicos:
h1…h6
Los navegadores asignan el tamaño del
título de cada sección en función de su
importancia.
Marcado básico de texto





Las etiquetas más utilizadas para
marcar texto se encuentran <em> y
<strong>
<em> Cursiva
<strong> Negrita
Espacios en blanco y nuevas
líneas


Considera espacios en blanco a:







Los espacios en blanco
Tabuladores
Los retornos de carro
El carácter de nueva línea (ENTER o Intro)

HTML ignora todos los espacios en
blanco que separa las palabras
Solución nuevas líneas y
espacios en blanco






Etiqueta <br> (etiqueta vacía)
<br></br>
<br/> o <br />
Espacios en blanco: texto &nbsp;
Cada espacio en blanco &nbsp;
Codificación de caracteres




Los caracteres que utiliza HTML para
definir sus etiquetas (<, > y ") no se
pueden utilizar libremente
Solución a la primera limitación consiste
en sustituir los caracteres reservados de
HTML por unas expresiones llamadas

entidades HTML
FIN

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Primeraclase
PrimeraclasePrimeraclase
Primeraclase
 
Etiquetas de lenguaje html
Etiquetas de lenguaje htmlEtiquetas de lenguaje html
Etiquetas de lenguaje html
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Manual html
Manual htmlManual html
Manual html
 
Documento html
Documento htmlDocumento html
Documento html
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Producto 3 Byron
Producto 3 ByronProducto 3 Byron
Producto 3 Byron
 
Producto 3
Producto 3Producto 3
Producto 3
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Etiquetas básicas-en-html
Etiquetas básicas-en-htmlEtiquetas básicas-en-html
Etiquetas básicas-en-html
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
Aprender html
Aprender htmlAprender html
Aprender html
 
Primera web
Primera webPrimera web
Primera web
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
01 estructura
01 estructura01 estructura
01 estructura
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 

Destacado

Aandachtspunten bij kopen of huren 2013
Aandachtspunten bij kopen of huren 2013Aandachtspunten bij kopen of huren 2013
Aandachtspunten bij kopen of huren 2013pixelstext
 
7. Final discussion and questions
7. Final discussion and questions7. Final discussion and questions
7. Final discussion and questionsRetired
 
6. Making it happen taking the smart approach
6. Making it happen  taking the smart approach6. Making it happen  taking the smart approach
6. Making it happen taking the smart approachRetired
 
7. IOHA - the occupational exposome
7. IOHA -  the occupational exposome7. IOHA -  the occupational exposome
7. IOHA - the occupational exposomeRetired
 
8. IOHA - where is it all going
8. IOHA - where is it all going 8. IOHA - where is it all going
8. IOHA - where is it all going Retired
 

Destacado (6)

Aandachtspunten bij kopen of huren 2013
Aandachtspunten bij kopen of huren 2013Aandachtspunten bij kopen of huren 2013
Aandachtspunten bij kopen of huren 2013
 
7. Final discussion and questions
7. Final discussion and questions7. Final discussion and questions
7. Final discussion and questions
 
Evaluacion
EvaluacionEvaluacion
Evaluacion
 
6. Making it happen taking the smart approach
6. Making it happen  taking the smart approach6. Making it happen  taking the smart approach
6. Making it happen taking the smart approach
 
7. IOHA - the occupational exposome
7. IOHA -  the occupational exposome7. IOHA -  the occupational exposome
7. IOHA - the occupational exposome
 
8. IOHA - where is it all going
8. IOHA - where is it all going 8. IOHA - where is it all going
8. IOHA - where is it all going
 

Similar a HTML Páginas Web Estáticas Unidad 2

Similar a HTML Páginas Web Estáticas Unidad 2 (20)

CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.
 
Apwe html intro
Apwe html introApwe html intro
Apwe html intro
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Html guia
Html guiaHtml guia
Html guia
 
Codigos HTML KATERIN GONZALEZ ENRIQUEZ,
Codigos  HTML KATERIN GONZALEZ ENRIQUEZ,Codigos  HTML KATERIN GONZALEZ ENRIQUEZ,
Codigos HTML KATERIN GONZALEZ ENRIQUEZ,
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y 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
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Conceptos básicos y etiquetas
Conceptos básicos y etiquetasConceptos básicos y etiquetas
Conceptos básicos y etiquetas
 
HTML Primeras etiquetas
HTML Primeras etiquetasHTML Primeras etiquetas
HTML Primeras etiquetas
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Aplicaciones en la red
Aplicaciones en la redAplicaciones en la red
Aplicaciones en la red
 
Html
HtmlHtml
Html
 
Diversas características generales
Diversas características generalesDiversas características generales
Diversas características generales
 
Clase 1
Clase 1Clase 1
Clase 1
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 

Más de bashjcb

Grandes matemáticos
Grandes matemáticosGrandes matemáticos
Grandes matemáticosbashjcb
 
Análisis Far Cry 3
Análisis Far Cry 3Análisis Far Cry 3
Análisis Far Cry 3bashjcb
 
Far Cry 3
Far Cry 3Far Cry 3
Far Cry 3bashjcb
 
Slideshare- Como crear un blog
Slideshare- Como crear un blogSlideshare- Como crear un blog
Slideshare- Como crear un blogbashjcb
 
Practica 5 tecnologias de la informacion y la comunicacion
Practica 5 tecnologias de la informacion y la comunicacionPractica 5 tecnologias de la informacion y la comunicacion
Practica 5 tecnologias de la informacion y la comunicacionbashjcb
 
Practica 6
Practica 6Practica 6
Practica 6bashjcb
 

Más de bashjcb (8)

Fondos
FondosFondos
Fondos
 
Grandes matemáticos
Grandes matemáticosGrandes matemáticos
Grandes matemáticos
 
Análisis Far Cry 3
Análisis Far Cry 3Análisis Far Cry 3
Análisis Far Cry 3
 
Far Cry 3
Far Cry 3Far Cry 3
Far Cry 3
 
Tema 1
Tema 1Tema 1
Tema 1
 
Slideshare- Como crear un blog
Slideshare- Como crear un blogSlideshare- Como crear un blog
Slideshare- Como crear un blog
 
Practica 5 tecnologias de la informacion y la comunicacion
Practica 5 tecnologias de la informacion y la comunicacionPractica 5 tecnologias de la informacion y la comunicacion
Practica 5 tecnologias de la informacion y la comunicacion
 
Practica 6
Practica 6Practica 6
Practica 6
 

HTML Páginas Web Estáticas Unidad 2

  • 1. Unidad 2. HTML. Páginas web estáticas Texto
  • 2. Introducción  La mayor parte del contenido de las páginas HTML habituales está formado por texto, llegando a ser más del 90% del código de la página. Por este motivo, es muy importante conocer los elementos y etiquetas que define HTML para el manejo del texto.
  • 3.
  • 4. Párrafos      <p> Párrafos Atributos comunes básicos, i18n y eventos Atributos específicos Tipo de elemento Bloque Descripción Delimita el contenido de un párrafo de texto
  • 5. Ejemplo Párrafo  <p>Este es el texto que forma el primer párrafo de la página. Los párrafos pueden ocupar varias líneas y el navegador se encarga de ajustar su longitud al tamaño de la ventana.</p>
  • 6. Secciones    Los títulos de sección se utilizan para delimitar el comienzo de sección de una página. Las etiquetas de títulos de sección establecen seis niveles jerárquicos: h1…h6 Los navegadores asignan el tamaño del título de cada sección en función de su importancia.
  • 7.
  • 8. Marcado básico de texto    Las etiquetas más utilizadas para marcar texto se encuentran <em> y <strong> <em> Cursiva <strong> Negrita
  • 9. Espacios en blanco y nuevas líneas  Considera espacios en blanco a:      Los espacios en blanco Tabuladores Los retornos de carro El carácter de nueva línea (ENTER o Intro) HTML ignora todos los espacios en blanco que separa las palabras
  • 10. Solución nuevas líneas y espacios en blanco      Etiqueta <br> (etiqueta vacía) <br></br> <br/> o <br /> Espacios en blanco: texto &nbsp; Cada espacio en blanco &nbsp;
  • 11. Codificación de caracteres   Los caracteres que utiliza HTML para definir sus etiquetas (<, > y ") no se pueden utilizar libremente Solución a la primera limitación consiste en sustituir los caracteres reservados de HTML por unas expresiones llamadas entidades HTML
  • 12. FIN