SlideShare una empresa de Scribd logo
1 de 10
¿QUÉ ES UNA FUENTE EN CÓDIGO HTML?
La fuente es el tipo de letra, ya hecho esto, se puede modifica el estilo,
tamaño y color de letra en tu página web.
¿CUÁLES SON LAS ETIQUETAS PARA
MANIPULAR EL TAMAÑO DE LA LETRA?
Hay varios tipos entre ellos…
FACE: fuente. nombre de la fuente, o fuentes
COLOR: color del texto. número hexadecimal o texto predefinido
SIZE: tamaño del texto. valores del 1 al 7, siendo por defecto el 3, o
desplazamiento respecto al tamaño por defecto, añadiendo + o - delante del
valor
ETIQUETA <HEAD> Y SUS FUNCIONES
Puede que queramos empezar
nuestra web o nuestro texto
con un encabezado indicando
el título del artículo, categoría,
etc. Pues bien, para escribir
encabezados disponemos de
las etiquetas <h>.
Esta etiqueta viene acompañada
de un número, desde el 1
hasta el 6, predefiniendo éstos
el tamaño del encabezado.
Así, <h1> sería el encabezado
más grande mientras que
<h6> sería el más pequeño.
MODIFICAR EL COLOR DE TEXTO
Una vez tenemos el fondo definido, tendremos que predefinir ahora el color del
texto de nuestra web. Es decir, tendremos que decirle al navegador de qué
color queremos que sea nuestro texto. Esto lo definiremos con el parámetro
"text".
Como ejemplo vamos a poner que queremos que nuestro texto sea en negro,
con lo que escribiremos lo siguiente:
<body text= "#000000"></body>
ETIQUETA MARQUEE
La etiqueta marquee nos sirve para dar un efecto diferente a los texto de nuestra
página Web. Gracias a ella podemos conseguir texto en movimiento. Para
aplicar este efecto a los textos, éstos deben estar dentro de la etiqueta
marquee, entre su inicio "<marquee>" y su cierre "</marquee>".
INSETAR IMÁGENES
El tag básico para colocar una imagen es "img". Este tag, a diferencia de la gran
mayoría de los tags de html, no necesita un cierre.
El atributo "src" es imprescindible para poder colocar una imagen. Este atributo
es el que indica dónde se encuentra alojada la imagen que queremos
mostrar. Se escribe así: <img src="x">, siendo "x" la dirección o la url dónde
se encuentra situada la foto.
ANCHO Y ALTO DE UNA IMAGEN
Son el height y el width. El height marca la altura de la imagen, mientras que el
width marca la anchura. Son recomendables porque así ayudaremos al
navegador a representar la imagen.
ATRIBUTO ALT EN HTML
El atributo alt se puede usar para varios propósitos, la primera para que cuando
se posicione el ratón sobre la imagen, salga un texto, generalmente
explicando la imagen.
La siguiente posibilidad es para meter palabras clave de cara a los
buscadores, ya que es uno de los atributos que rastrean dentro de una
página html.
Otra posibilidad es que si no te carga la imagen, en vez de aparecer el típico
recuadro con la cruz te puede salir (dependiendo del navegador) el texto que
has colocado en el alt.
GORMATO APA
HAZUNAWEB (2014) HTML
RECUPERADO 07/05/2015
DE: http://www.hazunaweb.com/
DESARROLLOWEB (2011) HTML
RECUPERADO 07/05/2015
DE: http://www.desarrolloweb.com/

Más contenido relacionado

La actualidad más candente

Cómo estructurar adecuadamente tu HTML para Email Marketing
Cómo estructurar adecuadamente tu HTML para Email MarketingCómo estructurar adecuadamente tu HTML para Email Marketing
Cómo estructurar adecuadamente tu HTML para Email MarketingFromDoppler
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASSholucy
 
Agrupado de frases usando un algoritmo de stemmng
Agrupado de frases usando un algoritmo de stemmngAgrupado de frases usando un algoritmo de stemmng
Agrupado de frases usando un algoritmo de stemmngJosé B. Moreno Suárez
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoMayra Franco
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerraMonsalve Sergio
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos htmljulyovalle
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFnicolasmolinach
 
Deber de pagina wed..!!!
Deber de pagina wed..!!!Deber de pagina wed..!!!
Deber de pagina wed..!!!Fatty-Vera
 

La actualidad más candente (19)

Diapositivas
DiapositivasDiapositivas
Diapositivas
 
O 150928120321-lva1-app6892
O 150928120321-lva1-app6892O 150928120321-lva1-app6892
O 150928120321-lva1-app6892
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Cómo estructurar adecuadamente tu HTML para Email Marketing
Cómo estructurar adecuadamente tu HTML para Email MarketingCómo estructurar adecuadamente tu HTML para Email Marketing
Cómo estructurar adecuadamente tu HTML para Email Marketing
 
Html
HtmlHtml
Html
 
Producto 4
Producto 4Producto 4
Producto 4
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
HT 2-4
HT 2-4HT 2-4
HT 2-4
 
Curso HTML 5 & jQuery - Leccion 7
Curso HTML 5 & jQuery - Leccion 7Curso HTML 5 & jQuery - Leccion 7
Curso HTML 5 & jQuery - Leccion 7
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADAS
 
Agrupado de frases usando un algoritmo de stemmng
Agrupado de frases usando un algoritmo de stemmngAgrupado de frases usando un algoritmo de stemmng
Agrupado de frases usando un algoritmo de stemmng
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Trabajo HTML
Trabajo HTMLTrabajo HTML
Trabajo HTML
 
Guía rápida de comandos html
Guía rápida de comandos htmlGuía rápida de comandos html
Guía rápida de comandos html
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos html
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
Deber de pagina wed..!!!
Deber de pagina wed..!!!Deber de pagina wed..!!!
Deber de pagina wed..!!!
 
tutorial
tutorialtutorial
tutorial
 

Destacado

Fréquentation
FréquentationFréquentation
Fréquentationdaniellamy
 
Ecole du jeu - plaquette 2011
Ecole du jeu - plaquette 2011Ecole du jeu - plaquette 2011
Ecole du jeu - plaquette 2011Crapouillaut
 
Contrat de Performance Energétique (NL Réseau BLUE 2)
Contrat de Performance Energétique (NL Réseau BLUE 2)Contrat de Performance Energétique (NL Réseau BLUE 2)
Contrat de Performance Energétique (NL Réseau BLUE 2)blueenvironnement
 
Information sur la clinique de physiothérapie de Roberval
Information sur la clinique de physiothérapie de RobervalInformation sur la clinique de physiothérapie de Roberval
Information sur la clinique de physiothérapie de Robervalphysioroberval
 
Calendrier animation Novembre 2014
Calendrier animation Novembre 2014Calendrier animation Novembre 2014
Calendrier animation Novembre 2014OTEspalionEstaing
 
Compagnies aériennes du deccan
Compagnies aériennes du deccanCompagnies aériennes du deccan
Compagnies aériennes du deccanAcelinNicole
 
Mamans animaux012
Mamans animaux012Mamans animaux012
Mamans animaux012Niphrentil
 
Aprendizaje segnificativo
Aprendizaje segnificativoAprendizaje segnificativo
Aprendizaje segnificativonerybety
 
Méthodes et outils pour l’observation et l’analyse des
Méthodes et outils pour l’observation et l’analyse desMéthodes et outils pour l’observation et l’analyse des
Méthodes et outils pour l’observation et l’analyse desstephaniedst
 
Terracotta jug
Terracotta jugTerracotta jug
Terracotta jugZenika
 
Quelques observations sur le projet
Quelques observations sur le projetQuelques observations sur le projet
Quelques observations sur le projetAart van der heide
 
Transformation Participative de l´Organisation - Libérer les energies humaine...
Transformation Participative de l´Organisation - Libérer les energies humaine...Transformation Participative de l´Organisation - Libérer les energies humaine...
Transformation Participative de l´Organisation - Libérer les energies humaine...Frédéric Donier
 

Destacado (20)

Fréquentation
FréquentationFréquentation
Fréquentation
 
Trucs et astuces revu (1)
Trucs et astuces revu (1)Trucs et astuces revu (1)
Trucs et astuces revu (1)
 
Ecole du jeu - plaquette 2011
Ecole du jeu - plaquette 2011Ecole du jeu - plaquette 2011
Ecole du jeu - plaquette 2011
 
Contrat de Performance Energétique (NL Réseau BLUE 2)
Contrat de Performance Energétique (NL Réseau BLUE 2)Contrat de Performance Energétique (NL Réseau BLUE 2)
Contrat de Performance Energétique (NL Réseau BLUE 2)
 
Information sur la clinique de physiothérapie de Roberval
Information sur la clinique de physiothérapie de RobervalInformation sur la clinique de physiothérapie de Roberval
Information sur la clinique de physiothérapie de Roberval
 
Calendrier animation Novembre 2014
Calendrier animation Novembre 2014Calendrier animation Novembre 2014
Calendrier animation Novembre 2014
 
Liste d'albums 3ème cycle primaire. Liste détaillée.
Liste d'albums 3ème cycle primaire.  Liste détaillée.Liste d'albums 3ème cycle primaire.  Liste détaillée.
Liste d'albums 3ème cycle primaire. Liste détaillée.
 
Choix d'albums coups de coeur du préscolaire au 3ème cycle du primaire. Liste...
Choix d'albums coups de coeur du préscolaire au 3ème cycle du primaire. Liste...Choix d'albums coups de coeur du préscolaire au 3ème cycle du primaire. Liste...
Choix d'albums coups de coeur du préscolaire au 3ème cycle du primaire. Liste...
 
Compagnies aériennes du deccan
Compagnies aériennes du deccanCompagnies aériennes du deccan
Compagnies aériennes du deccan
 
Lavadora Smeg WHT814EES
Lavadora Smeg WHT814EESLavadora Smeg WHT814EES
Lavadora Smeg WHT814EES
 
Magnifiques photos
Magnifiques photosMagnifiques photos
Magnifiques photos
 
Mamans animaux012
Mamans animaux012Mamans animaux012
Mamans animaux012
 
Article Duperrin
Article DuperrinArticle Duperrin
Article Duperrin
 
Aprendizaje segnificativo
Aprendizaje segnificativoAprendizaje segnificativo
Aprendizaje segnificativo
 
Méthodes et outils pour l’observation et l’analyse des
Méthodes et outils pour l’observation et l’analyse desMéthodes et outils pour l’observation et l’analyse des
Méthodes et outils pour l’observation et l’analyse des
 
Terracotta jug
Terracotta jugTerracotta jug
Terracotta jug
 
Quelques observations sur le projet
Quelques observations sur le projetQuelques observations sur le projet
Quelques observations sur le projet
 
Transformation Participative de l´Organisation - Libérer les energies humaine...
Transformation Participative de l´Organisation - Libérer les energies humaine...Transformation Participative de l´Organisation - Libérer les energies humaine...
Transformation Participative de l´Organisation - Libérer les energies humaine...
 
El liderazgo
El  liderazgoEl  liderazgo
El liderazgo
 
Le robert_int_trousse-pedago-dict_internet_web
 Le robert_int_trousse-pedago-dict_internet_web Le robert_int_trousse-pedago-dict_internet_web
Le robert_int_trousse-pedago-dict_internet_web
 

Similar a HTML

Similar a HTML (20)

Inf2 p1 a_exc2_danna
Inf2 p1 a_exc2_dannaInf2 p1 a_exc2_danna
Inf2 p1 a_exc2_danna
 
Inf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_dannaInf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_danna
 
Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezInf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirez
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 
INF2_P1B_EXC2_KARINA SANDOVAL
INF2_P1B_EXC2_KARINA SANDOVALINF2_P1B_EXC2_KARINA SANDOVAL
INF2_P1B_EXC2_KARINA SANDOVAL
 
U2
U2U2
U2
 
HTML-Andrea Sofia
HTML-Andrea SofiaHTML-Andrea Sofia
HTML-Andrea Sofia
 
Html- Andrea Sofia
Html- Andrea SofiaHtml- Andrea Sofia
Html- Andrea Sofia
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Creacion Pagina Web Unidad 5
Creacion Pagina Web Unidad 5Creacion Pagina Web Unidad 5
Creacion Pagina Web Unidad 5
 
Nmvkhl
NmvkhlNmvkhl
Nmvkhl
 
INF2_EXC12_SOFÍA GARCÍA ( HTML )
INF2_EXC12_SOFÍA GARCÍA ( HTML )INF2_EXC12_SOFÍA GARCÍA ( HTML )
INF2_EXC12_SOFÍA GARCÍA ( HTML )
 
Html
HtmlHtml
Html
 

Último

Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 

Último (6)

Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 

HTML

  • 1.
  • 2. ¿QUÉ ES UNA FUENTE EN CÓDIGO HTML? La fuente es el tipo de letra, ya hecho esto, se puede modifica el estilo, tamaño y color de letra en tu página web.
  • 3. ¿CUÁLES SON LAS ETIQUETAS PARA MANIPULAR EL TAMAÑO DE LA LETRA? Hay varios tipos entre ellos… FACE: fuente. nombre de la fuente, o fuentes COLOR: color del texto. número hexadecimal o texto predefinido SIZE: tamaño del texto. valores del 1 al 7, siendo por defecto el 3, o desplazamiento respecto al tamaño por defecto, añadiendo + o - delante del valor
  • 4. ETIQUETA <HEAD> Y SUS FUNCIONES Puede que queramos empezar nuestra web o nuestro texto con un encabezado indicando el título del artículo, categoría, etc. Pues bien, para escribir encabezados disponemos de las etiquetas <h>. Esta etiqueta viene acompañada de un número, desde el 1 hasta el 6, predefiniendo éstos el tamaño del encabezado. Así, <h1> sería el encabezado más grande mientras que <h6> sería el más pequeño.
  • 5. MODIFICAR EL COLOR DE TEXTO Una vez tenemos el fondo definido, tendremos que predefinir ahora el color del texto de nuestra web. Es decir, tendremos que decirle al navegador de qué color queremos que sea nuestro texto. Esto lo definiremos con el parámetro "text". Como ejemplo vamos a poner que queremos que nuestro texto sea en negro, con lo que escribiremos lo siguiente: <body text= "#000000"></body>
  • 6. ETIQUETA MARQUEE La etiqueta marquee nos sirve para dar un efecto diferente a los texto de nuestra página Web. Gracias a ella podemos conseguir texto en movimiento. Para aplicar este efecto a los textos, éstos deben estar dentro de la etiqueta marquee, entre su inicio "<marquee>" y su cierre "</marquee>".
  • 7. INSETAR IMÁGENES El tag básico para colocar una imagen es "img". Este tag, a diferencia de la gran mayoría de los tags de html, no necesita un cierre. El atributo "src" es imprescindible para poder colocar una imagen. Este atributo es el que indica dónde se encuentra alojada la imagen que queremos mostrar. Se escribe así: <img src="x">, siendo "x" la dirección o la url dónde se encuentra situada la foto.
  • 8. ANCHO Y ALTO DE UNA IMAGEN Son el height y el width. El height marca la altura de la imagen, mientras que el width marca la anchura. Son recomendables porque así ayudaremos al navegador a representar la imagen.
  • 9. ATRIBUTO ALT EN HTML El atributo alt se puede usar para varios propósitos, la primera para que cuando se posicione el ratón sobre la imagen, salga un texto, generalmente explicando la imagen. La siguiente posibilidad es para meter palabras clave de cara a los buscadores, ya que es uno de los atributos que rastrean dentro de una página html. Otra posibilidad es que si no te carga la imagen, en vez de aparecer el típico recuadro con la cruz te puede salir (dependiendo del navegador) el texto que has colocado en el alt.
  • 10. GORMATO APA HAZUNAWEB (2014) HTML RECUPERADO 07/05/2015 DE: http://www.hazunaweb.com/ DESARROLLOWEB (2011) HTML RECUPERADO 07/05/2015 DE: http://www.desarrolloweb.com/