SlideShare una empresa de Scribd logo

Diseño de páginas Web con HTML

•
•
J
Javier

El documento describe los conceptos básicos de HTML, incluyendo la estructura y sintaxis de etiquetas, formato de texto, listas, hipervínculos, imágenes, hojas de estilo y tablas. Explica cómo crear la estructura básica de un documento HTML y cómo aplicar formato de texto usando etiquetas.

Educación
1 de 45
Diseño de Páginas Web: HTML Autor: Javier V. Gallego
Contenidos I: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Contenidos II: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Definición de términos: ,[object Object],[object Object],[object Object],[object Object],[object Object]
Definición de términos: ,[object Object],[object Object],[object Object],[object Object]
Definición de términos: ,[object Object],[object Object],[object Object]
Sintaxis de etiquetas: ,[object Object],[object Object],[object Object],[object Object]
Estructura básica del documento: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estructura básica del documento: ,[object Object],[object Object],[object Object],[object Object],[object Object]
Formato de texto: elementos. ,[object Object],[object Object],[object Object],[object Object],[object Object]
Formato de texto: elementos. ,[object Object],[object Object],[object Object],[object Object],[object Object]
Formato de texto: estilo. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formato de texto: estilo. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formato de texto: alineación. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formato de texto: márgenes. ,[object Object],[object Object],[object Object],[object Object]
Formato de texto: fuente. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formato: caracteres especiales. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formato: barra horizontal. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cuerpo del documento: body. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cuerpo del documento: body. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cabeza del documento: head. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cabeza del documento: head. ,[object Object],[object Object],[object Object],[object Object],[object Object]
Cabeza del documento: head. ,[object Object],[object Object],[object Object],[object Object]
Listas de elementos. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Listas de elementos. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hipervínculos ,[object Object],[object Object],[object Object],[object Object]
Hipervínculos II: Tipos ,[object Object],[object Object],[object Object]
Hipervínculos II: Tipos ,[object Object],[object Object],[object Object],[object Object]
Hipervínculos II: Tipos ,[object Object],[object Object],[object Object],[object Object],[object Object]
Hipervínculos II: Tipos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Imágenes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Imágenes: atributos. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Imágenes: atributos. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hojas de Estilo (CSS) ,[object Object],[object Object],[object Object],[object Object]
Hojas de Estilo (CSS) II ,[object Object],[object Object],[object Object],[object Object]
Hojas de Estilo (CSS) II ,[object Object],[object Object],[object Object],[object Object],[object Object]
Hojas de Estilo (CSS) II ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hojas de Estilo (CSS) II ,[object Object],[object Object],[object Object],[object Object],[object Object]
Hojas de Estilo (CSS) II ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hojas de Estilo (CSS) II ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hojas de Estilo (CSS) II ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tablas ,[object Object],[object Object],[object Object]
Tablas II ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tablas II ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tablas II ,[object Object],[object Object],[object Object],[object Object],[object Object]

Recomendados

05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
Víctor Manuel García Luna
 
HTML DOM
HTML DOMHTML DOM
HTML DOM
Abe Estrada
 
JavaScript
JavaScriptJavaScript
JavaScript
Adolfo Sanz De Diego
 
Introducción al lenguaje HTML
Introducción al lenguaje HTMLIntroducción al lenguaje HTML
Introducción al lenguaje HTML
UNIVA
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
Complejo Educativo "Antonio J. Alfaro"
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
andreajose13
 
Word menu de diseño
Word menu de diseñoWord menu de diseño
Word menu de diseñoalerando
 
Curso.Basico.Presentación.Word.2010
Curso.Basico.Presentación.Word.2010Curso.Basico.Presentación.Word.2010
Curso.Basico.Presentación.Word.2010
TecnoMisaO
 

Recomendados

05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
Víctor Manuel García Luna
 
HTML DOM
HTML DOMHTML DOM
HTML DOM
Abe Estrada
 
JavaScript
JavaScriptJavaScript
JavaScript
Adolfo Sanz De Diego
 
Introducción al lenguaje HTML
Introducción al lenguaje HTMLIntroducción al lenguaje HTML
Introducción al lenguaje HTML
UNIVA
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
Complejo Educativo "Antonio J. Alfaro"
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
andreajose13
 
Word menu de diseño
Word menu de diseñoWord menu de diseño
Word menu de diseñoalerando
 
Curso.Basico.Presentación.Word.2010
Curso.Basico.Presentación.Word.2010Curso.Basico.Presentación.Word.2010
Curso.Basico.Presentación.Word.2010
TecnoMisaO
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
Alejandro Sandin
 
Presentación CSS
Presentación CSSPresentación CSS
Presentación CSS
Andres Giovanni Lara Collazos
 
Cartegraph Live HTML, CSS, JavaScript and jQuery Training
Cartegraph Live HTML, CSS, JavaScript and jQuery TrainingCartegraph Live HTML, CSS, JavaScript and jQuery Training
Cartegraph Live HTML, CSS, JavaScript and jQuery Training
Shane Church
 
Dom html - java script
Dom html - java scriptDom html - java script
Dom html - java script
Daniel Grippo
 
Clase 1 Lenguaje C++
Clase 1 Lenguaje C++Clase 1 Lenguaje C++
Clase 1 Lenguaje C++
Desireé mart?ez
 
What is css
What is cssWhat is css
What is css
Christopher Tetta
 
Tabla comparativa de programacion orientada , objetos y estructurada.
Tabla comparativa de programacion orientada , objetos y estructurada.Tabla comparativa de programacion orientada , objetos y estructurada.
Tabla comparativa de programacion orientada , objetos y estructurada.Sandy Montoya Reyes
 
Word: estilos y formatos
Word: estilos y formatosWord: estilos y formatos
Word: estilos y formatosGorkacip
 
HTML
HTMLHTML
HTML
José B. Silva H.
 
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1
eme2525
 
Estructura semantica Html5.pptx
Estructura semantica Html5.pptxEstructura semantica Html5.pptx
Estructura semantica Html5.pptx
EliAlbertoMendoza1
 
Conceptos y ejemplos de illustrator
Conceptos y ejemplos de illustratorConceptos y ejemplos de illustrator
Conceptos y ejemplos de illustrator
Martha Patricia Yanes Ramirez
 
¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?
nereasanchezz
 
Manual Para crear una pagina web en word
Manual Para crear una pagina web en wordManual Para crear una pagina web en word
Manual Para crear una pagina web en word
tunoypipen
 
Que es diagramación
Que es diagramación Que es diagramación
Que es diagramación
Karen Uzcategui
 
Tipos de datos en access
Tipos de datos en accessTipos de datos en access
Tipos de datos en access
Mildred Loor
 
Como se utiliza microsoft word
Como se utiliza microsoft wordComo se utiliza microsoft word
Como se utiliza microsoft wordlachole
 
Edición avanzada de documentos
Edición avanzada de documentosEdición avanzada de documentos
Edición avanzada de documentos
Paty Alejandro
 
Formatos de páginas en word
Formatos de páginas en wordFormatos de páginas en word
Formatos de páginas en wordLeonardo Morquecho
 
Pestaña de referencias microsoft word 2010
Pestaña de referencias microsoft word 2010Pestaña de referencias microsoft word 2010
Pestaña de referencias microsoft word 2010
Gabriela Castro Gil
 
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
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Htmlguest55d3b11
 

Más contenido relacionado

La actualidad más candente

Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
Alejandro Sandin
 
Presentación CSS
Presentación CSSPresentación CSS
Presentación CSS
Andres Giovanni Lara Collazos
 
Cartegraph Live HTML, CSS, JavaScript and jQuery Training
Cartegraph Live HTML, CSS, JavaScript and jQuery TrainingCartegraph Live HTML, CSS, JavaScript and jQuery Training
Cartegraph Live HTML, CSS, JavaScript and jQuery Training
Shane Church
 
Dom html - java script
Dom html - java scriptDom html - java script
Dom html - java script
Daniel Grippo
 
Clase 1 Lenguaje C++
Clase 1 Lenguaje C++Clase 1 Lenguaje C++
Clase 1 Lenguaje C++
Desireé mart?ez
 
What is css
What is cssWhat is css
What is css
Christopher Tetta
 
Tabla comparativa de programacion orientada , objetos y estructurada.
Tabla comparativa de programacion orientada , objetos y estructurada.Tabla comparativa de programacion orientada , objetos y estructurada.
Tabla comparativa de programacion orientada , objetos y estructurada.Sandy Montoya Reyes
 
Word: estilos y formatos
Word: estilos y formatosWord: estilos y formatos
Word: estilos y formatosGorkacip
 
HTML
HTMLHTML
HTML
José B. Silva H.
 
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1
eme2525
 
Estructura semantica Html5.pptx
Estructura semantica Html5.pptxEstructura semantica Html5.pptx
Estructura semantica Html5.pptx
EliAlbertoMendoza1
 
Conceptos y ejemplos de illustrator
Conceptos y ejemplos de illustratorConceptos y ejemplos de illustrator
Conceptos y ejemplos de illustrator
Martha Patricia Yanes Ramirez
 
¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?
nereasanchezz
 
Manual Para crear una pagina web en word
Manual Para crear una pagina web en wordManual Para crear una pagina web en word
Manual Para crear una pagina web en word
tunoypipen
 
Que es diagramación
Que es diagramación Que es diagramación
Que es diagramación
Karen Uzcategui
 
Tipos de datos en access
Tipos de datos en accessTipos de datos en access
Tipos de datos en access
Mildred Loor
 
Como se utiliza microsoft word
Como se utiliza microsoft wordComo se utiliza microsoft word
Como se utiliza microsoft wordlachole
 
Edición avanzada de documentos
Edición avanzada de documentosEdición avanzada de documentos
Edición avanzada de documentos
Paty Alejandro
 
Pestaña de referencias microsoft word 2010
Pestaña de referencias microsoft word 2010Pestaña de referencias microsoft word 2010
Pestaña de referencias microsoft word 2010
Gabriela Castro Gil
 

La actualidad más candente (20)

Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Presentación CSS
Presentación CSSPresentación CSS
Presentación CSS
 
Cartegraph Live HTML, CSS, JavaScript and jQuery Training
Cartegraph Live HTML, CSS, JavaScript and jQuery TrainingCartegraph Live HTML, CSS, JavaScript and jQuery Training
Cartegraph Live HTML, CSS, JavaScript and jQuery Training
 
Dom html - java script
Dom html - java scriptDom html - java script
Dom html - java script
 
Clase 1 Lenguaje C++
Clase 1 Lenguaje C++Clase 1 Lenguaje C++
Clase 1 Lenguaje C++
 
What is css
What is cssWhat is css
What is css
 
Tabla comparativa de programacion orientada , objetos y estructurada.
Tabla comparativa de programacion orientada , objetos y estructurada.Tabla comparativa de programacion orientada , objetos y estructurada.
Tabla comparativa de programacion orientada , objetos y estructurada.
 
Word: estilos y formatos
Word: estilos y formatosWord: estilos y formatos
Word: estilos y formatos
 
HTML
HTMLHTML
HTML
 
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1
 
Estructura semantica Html5.pptx
Estructura semantica Html5.pptxEstructura semantica Html5.pptx
Estructura semantica Html5.pptx
 
Conceptos y ejemplos de illustrator
Conceptos y ejemplos de illustratorConceptos y ejemplos de illustrator
Conceptos y ejemplos de illustrator
 
¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?
 
Manual Para crear una pagina web en word
Manual Para crear una pagina web en wordManual Para crear una pagina web en word
Manual Para crear una pagina web en word
 
Que es diagramación
Que es diagramación Que es diagramación
Que es diagramación
 
Tipos de datos en access
Tipos de datos en accessTipos de datos en access
Tipos de datos en access
 
Como se utiliza microsoft word
Como se utiliza microsoft wordComo se utiliza microsoft word
Como se utiliza microsoft word
 
Edición avanzada de documentos
Edición avanzada de documentosEdición avanzada de documentos
Edición avanzada de documentos
 
Formatos de páginas en word
Formatos de páginas en wordFormatos de páginas en word
Formatos de páginas en word
 
Pestaña de referencias microsoft word 2010
Pestaña de referencias microsoft word 2010Pestaña de referencias microsoft word 2010
Pestaña de referencias microsoft word 2010
 

Destacado

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
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
gueste5e05b
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Htmlmarcos0209
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
Digetech.net
 
Html
HtmlHtml
Html
Fabio García Ramírez
 
Html5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyHtml5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoy
Paradigma Digital
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
Elim Aqp
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño webciwmx
 
Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1
Sergio Nouvel Castro
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
Sandra Meza
 
Creación de páginas web en wix
Creación de páginas web en wixCreación de páginas web en wix
Creación de páginas web en wix
luispachon
 
01 html
01 html01 html
01 html
Andres Sanchez
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
romeprofe
 
HTML5: empieza hoy
HTML5: empieza hoyHTML5: empieza hoy
HTML5: empieza hoy
Marta Armada
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
Paradigma Digital
 
Practicas diseño de páginas web
Practicas diseño de páginas webPracticas diseño de páginas web
Practicas diseño de páginas webjesus
 
Páginas web con wix
Páginas web con wixPáginas web con wix
Páginas web con wix
aliciasampe
 
Las mejores herramientas para crear webs
Las mejores herramientas para crear websLas mejores herramientas para crear webs
Las mejores herramientas para crear webs
EFETIC Formación
 

Destacado (20)

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?
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
 
Html
HtmlHtml
Html
 
Html5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyHtml5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoy
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Creación de páginas web en wix
Creación de páginas web en wixCreación de páginas web en wix
Creación de páginas web en wix
 
01 html
01 html01 html
01 html
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
HTML5: empieza hoy
HTML5: empieza hoyHTML5: empieza hoy
HTML5: empieza hoy
 
Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
Practicas diseño de páginas web
Practicas diseño de páginas webPracticas diseño de páginas web
Practicas diseño de páginas web
 
Páginas web con wix
Páginas web con wixPáginas web con wix
Páginas web con wix
 
Las mejores herramientas para crear webs
Las mejores herramientas para crear websLas mejores herramientas para crear webs
Las mejores herramientas para crear webs
 

Similar a Diseño de páginas Web con HTML

Diseño web
Diseño webDiseño web
Diseño web
Javier
 
Html
HtmlHtml
Html
upt
 
Hojas De Estilo Css
Hojas De Estilo CssHojas De Estilo Css
Hojas De Estilo Csssarabz
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo csssarabz
 
Hojas de estilo_css
Hojas de estilo_cssHojas de estilo_css
Hojas de estilo_css
lamargari
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo csssarabz
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
ragalangue
 
Curso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTMLCurso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTML
Diseñática disenatica.com
 
Html1
Html1Html1
Html1
wilneld
 
Slideshare
SlideshareSlideshare
Slideshare
Guillo95
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSS
iConstruye
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
ElenaLoja
 
Html trabajo!
Html trabajo!Html trabajo!
Html trabajo!D' Chong
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112jumarri
 

Similar a Diseño de páginas Web con HTML (20)

Diseño web
Diseño webDiseño web
Diseño web
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Hojas De Estilo Css
Hojas De Estilo CssHojas De Estilo Css
Hojas De Estilo Css
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Hojas de estilo_css
Hojas de estilo_cssHojas de estilo_css
Hojas de estilo_css
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Curso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTMLCurso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTML
 
T2 1-css
T2 1-cssT2 1-css
T2 1-css
 
Html1
Html1Html1
Html1
 
Slideshare
SlideshareSlideshare
Slideshare
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSS
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
Html
HtmlHtml
Html
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
 
CSS
CSSCSS
CSS
 
Html trabajo!
Html trabajo!Html trabajo!
Html trabajo!
 
Diseño web con css
Diseño web con cssDiseño web con css
Diseño web con css
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112
 

Último

Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
sandradianelly
 
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCIONCAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
MasielPMP
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
LorenaCovarrubias12
 
Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
YasneidyGonzalez
 
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIALCUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
DivinoNioJess885
 
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
FelixCamachoGuzman
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
JAVIER SOLIS NOYOLA
 
El fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docxEl fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docx
Alejandrino Halire Ccahuana
 
Fase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcionalFase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcional
YasneidyGonzalez
 
Junio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividadesJunio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividades
cintiat3400
 
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdfINFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
Alejandrogarciapanta
 
SESION ORDENAMOS NÚMEROS EN FORMA ASCENDENTE Y DESCENDENTE 20 DE MAYO.docx
SESION ORDENAMOS NÚMEROS EN FORMA ASCENDENTE Y DESCENDENTE 20 DE MAYO.docxSESION ORDENAMOS NÚMEROS EN FORMA ASCENDENTE Y DESCENDENTE 20 DE MAYO.docx
SESION ORDENAMOS NÚMEROS EN FORMA ASCENDENTE Y DESCENDENTE 20 DE MAYO.docx
QuispeJimenezDyuy
 
Presentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos DigitalesPresentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos Digitales
nievesjiesc03
 
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
20minutos
 
True Mother's Speech at THE PENTECOST SERVICE..pdf
True Mother's Speech at THE PENTECOST SERVICE..pdfTrue Mother's Speech at THE PENTECOST SERVICE..pdf
True Mother's Speech at THE PENTECOST SERVICE..pdf
Mercedes Gonzalez
 
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdfAsistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Demetrio Ccesa Rayme
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
https://gramadal.wordpress.com/
 
Educar por Competencias GS2 Ccesa007.pdf
Educar por Competencias GS2 Ccesa007.pdfEducar por Competencias GS2 Ccesa007.pdf
Educar por Competencias GS2 Ccesa007.pdf
Demetrio Ccesa Rayme
 
Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
arleyo2006
 
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
auxsoporte
 

Último (20)

Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
 
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCIONCAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
 
Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
 
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIALCUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
 
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
 
El fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docxEl fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docx
 
Fase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcionalFase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcional
 
Junio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividadesJunio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividades
 
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdfINFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
 
SESION ORDENAMOS NÚMEROS EN FORMA ASCENDENTE Y DESCENDENTE 20 DE MAYO.docx
SESION ORDENAMOS NÚMEROS EN FORMA ASCENDENTE Y DESCENDENTE 20 DE MAYO.docxSESION ORDENAMOS NÚMEROS EN FORMA ASCENDENTE Y DESCENDENTE 20 DE MAYO.docx
SESION ORDENAMOS NÚMEROS EN FORMA ASCENDENTE Y DESCENDENTE 20 DE MAYO.docx
 
Presentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos DigitalesPresentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos Digitales
 
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
 
True Mother's Speech at THE PENTECOST SERVICE..pdf
True Mother's Speech at THE PENTECOST SERVICE..pdfTrue Mother's Speech at THE PENTECOST SERVICE..pdf
True Mother's Speech at THE PENTECOST SERVICE..pdf
 
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdfAsistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
 
Educar por Competencias GS2 Ccesa007.pdf
Educar por Competencias GS2 Ccesa007.pdfEducar por Competencias GS2 Ccesa007.pdf
Educar por Competencias GS2 Ccesa007.pdf
 
Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
 
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
 

Diseño de páginas Web con HTML

  • 1. Diseño de Páginas Web: HTML Autor: Javier V. Gallego
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.

Notas del editor

  1. Ejercicio 0: Construir en el block de notas el esqueleto de una página web: Esqueleto.html
  2. Ejercicio 1: Las estrellas. Transforma el documento de texto en una página web. Utiliza cabezeras para los títulos y párrafos para el resto del documento. Utiliza br o pre donde convenga. Pon algunas palabras en negrita, otras en cursiva y algunas de mayor o menor tamaño que el normal. Alinea los títulos al centro y justifica el resto.
  3. Ejercicio 2: Samarcanda. Transforma el documento en una página web. Utiliza blockquote para crear márgenes. Alinea el texto según creas. Modifica el color(00cc66 y cc6699) el tamaño y la fuente para los títulos y el texto.
  4. Ver tabla de caracteres especiales. Ejercicio 3: La Luna. Transforma el documento de texto en una página web, ponle alineaciones y el tipo de letra que quieras. Modifica aquellos símbolos (acentos, etc) utilizando los caracteres especiales.
  5. Ejercicio 3: La Luna. Introduce una barra horizontal centrada de 300 pixeles de largo y 8 de ancho entre los títulos y el resto del documento. Elige como color 00cccc.
  6. Ver tabla de colores seguros
  7. Ejercicio 3 : La Luna. Modifica el ejercicio anterior añadiendo un color de fondo, y colores para el texto y los links. Añade posteriormente una imagen de fondo. Ejercicio 3bis:Transforma este documento de texto en una página web y añádele todos los atributos de body que conoces. Utiliza colores seguros basándote en la tabla anexa.
  8. Ejercicio 4:El café. Transforma el documento en una página web utilizando etiquetas de listas según requieras.
  9. Ejercicio 5:Crea en la página índice un vínculo absoluto a www.geocities.com/CapeCanaveral/3840/. Vínculos relativos a la página de la Luna y de las estrellas.
  10. Ejercicio 6: Inserta en el documento una imagen de la Tierra y una imagen de un cohete indicando en cada caso un texto alternativo. Crea con la primera imagen un vínculo a la página la Luna