SlideShare una empresa de Scribd logo
HTML
¿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

PPTX
Producto 4
PPTX
Producto 4 etiquetas basicas joon lee
PPTX
Inf1_P1b_Exc12_Celina_Valenzuela
PPTX
Exc2 inf a-alonsodueñas
PPTX
Exc12 unidad 3 html_mayrafranco
PPTX
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez
DOCX
DOCX
Producto 4
Producto 4 etiquetas basicas joon lee
Inf1_P1b_Exc12_Celina_Valenzuela
Exc2 inf a-alonsodueñas
Exc12 unidad 3 html_mayrafranco
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez

La actualidad más candente (19)

PPTX
Diapositivas
DOCX
O 150928120321-lva1-app6892
PPTX
Etiquetas html
PDF
Cómo estructurar adecuadamente tu HTML para Email Marketing
PPTX
PPTX
Producto 4
PPT
Lenguaje html
PPTX
HT 2-4
PPSX
Curso HTML 5 & jQuery - Leccion 7
PPT
ETIQUETAS HTML ANIMADAS
PPTX
Agrupado de frases usando un algoritmo de stemmng
PPTX
Exc12 unidad 3 html_mayrafranco
DOCX
Colegio nacional nicoles esguerra
DOCX
Trabajo HTML
DOCX
Guía rápida de comandos html
PPTX
Listado de etiquetas y atributos html
PDF
Clase 1 - Comandos HTML.PDF
PDF
Deber de pagina wed..!!!
PPTX
tutorial
Diapositivas
O 150928120321-lva1-app6892
Etiquetas html
Cómo estructurar adecuadamente tu HTML para Email Marketing
Producto 4
Lenguaje html
HT 2-4
Curso HTML 5 & jQuery - Leccion 7
ETIQUETAS HTML ANIMADAS
Agrupado de frases usando un algoritmo de stemmng
Exc12 unidad 3 html_mayrafranco
Colegio nacional nicoles esguerra
Trabajo HTML
Guía rápida de comandos html
Listado de etiquetas y atributos html
Clase 1 - Comandos HTML.PDF
Deber de pagina wed..!!!
tutorial
Publicidad

Destacado (20)

PPS
Fréquentation
PPT
Trucs et astuces revu (1)
PDF
Ecole du jeu - plaquette 2011
PDF
Contrat de Performance Energétique (NL Réseau BLUE 2)
PPT
Information sur la clinique de physiothérapie de Roberval
PDF
Calendrier animation Novembre 2014
PDF
Liste d'albums 3ème cycle primaire. Liste détaillée.
PDF
Choix d'albums coups de coeur du préscolaire au 3ème cycle du primaire. Liste...
PPTX
Compagnies aériennes du deccan
PDF
Lavadora Smeg WHT814EES
PPS
Magnifiques photos
PPS
Mamans animaux012
DOC
Article Duperrin
PPTX
Aprendizaje segnificativo
PPT
Méthodes et outils pour l’observation et l’analyse des
PDF
Terracotta jug
DOCX
Quelques observations sur le projet
PDF
Transformation Participative de l´Organisation - Libérer les energies humaine...
PDF
Fréquentation
Trucs et astuces revu (1)
Ecole du jeu - plaquette 2011
Contrat de Performance Energétique (NL Réseau BLUE 2)
Information sur la clinique de physiothérapie de Roberval
Calendrier animation Novembre 2014
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...
Compagnies aériennes du deccan
Lavadora Smeg WHT814EES
Magnifiques photos
Mamans animaux012
Article Duperrin
Aprendizaje segnificativo
Méthodes et outils pour l’observation et l’analyse des
Terracotta jug
Quelques observations sur le projet
Transformation Participative de l´Organisation - Libérer les energies humaine...
Publicidad

Similar a HTML (20)

PPTX
Inf2 p1 a_exc2_danna
PPTX
Inf2_ p1 a_exc2_danna
PDF
Inf2 p1 a_ejercicio2_estefaniaramirez
PPTX
CODIGOS HTML
PPTX
Inf2-exc-1-diego alvarez
PPTX
Codigos de html mitzi inf 1
DOCX
PPTX
Etiquetas básicas de HTML
PPTX
INF2_P1B_EXC2_KARINA SANDOVAL
PDF
HTML-Andrea Sofia
PDF
Html- Andrea Sofia
PDF
Sesión 2 ESTRUCTURA DE UNA PAGINA WEB 2025
PDF
Karol cortez normas apa
PPTX
Etiquetas html
PPT
Lenguaje html
PPT
Lenguaje html
PDF
Creacion Pagina Web Unidad 5
PPTX
INF2_EXC12_SOFÍA GARCÍA ( HTML )
Inf2 p1 a_exc2_danna
Inf2_ p1 a_exc2_danna
Inf2 p1 a_ejercicio2_estefaniaramirez
CODIGOS HTML
Inf2-exc-1-diego alvarez
Codigos de html mitzi inf 1
Etiquetas básicas de HTML
INF2_P1B_EXC2_KARINA SANDOVAL
HTML-Andrea Sofia
Html- Andrea Sofia
Sesión 2 ESTRUCTURA DE UNA PAGINA WEB 2025
Karol cortez normas apa
Etiquetas html
Lenguaje html
Lenguaje html
Creacion Pagina Web Unidad 5
INF2_EXC12_SOFÍA GARCÍA ( HTML )

Último (11)

PPTX
presentacion_energias_renovables_renovable_.pptx
PPT
laser seguridad a la salud humana de piel y vision en laser clase 4
PPTX
tema-2-interes-.pptx44444444444444444444
PPTX
FUNCIONES DE CLASSROOM EN EL FUNCIONAMIENTO ESCOLAR
PDF
Herramientaa de google google keep, maps.pdf
PDF
Frases de Fidel Castro. Compilación Norelys Morales Aguilera
PDF
[Ebook gratuito] Introducción a la IA Generativa, Instalación y Configuración...
PPTX
Presentación de un estudio de empresa pp
PDF
CAPACITACIÓN MIPIG - MODELO INTEGRADO DE PLANEACIÓN Y GESTIÓN
PDF
Mesopotamia y Egipto.pptx.pdf historia universal
PPTX
Guia de power bi de cero a avanzado detallado
presentacion_energias_renovables_renovable_.pptx
laser seguridad a la salud humana de piel y vision en laser clase 4
tema-2-interes-.pptx44444444444444444444
FUNCIONES DE CLASSROOM EN EL FUNCIONAMIENTO ESCOLAR
Herramientaa de google google keep, maps.pdf
Frases de Fidel Castro. Compilación Norelys Morales Aguilera
[Ebook gratuito] Introducción a la IA Generativa, Instalación y Configuración...
Presentación de un estudio de empresa pp
CAPACITACIÓN MIPIG - MODELO INTEGRADO DE PLANEACIÓN Y GESTIÓN
Mesopotamia y Egipto.pptx.pdf historia universal
Guia de power bi de cero a avanzado detallado

HTML

  • 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/