SlideShare una empresa de Scribd logo
ELABORACIÓN DE UN DOCUMENTO HTML. 
1.- Para poder elaborar un documento HTML debemos primero 
de iniciar el “ Bloc de Notas ”, para la creación del mismo. 
2.- A hora una vez abierto el Bloc de Notas anotaremos los 
elementos básicos de un documento de HTML. 
Nota: A hora bien anotamos todas 
las etiquetas elementales que debe 
de llevar un documento de HTML, 
recuerden que la estructura de una 
etiqueta siempre va a estar dada 
por: 
< nombre de la etiqueta > 
Siempre va llevar esa estructura, 
con paréntesis angulares < > y el 
nombre de la etiqueta no importa 
si se escribe con mayúscula o 
minúscula: 
< HEAD > ó < hEAd > 
Lo que si es importante retomar es 
que la etiqueta debe tener siempre 
un inicio y un fin denotado por: 
< HEAD > < /HEAD > 
Simplemente al anexarle el signo 
de división ( / ) estémosle 
indicando que ahí se ha terminado 
la función de esa etiqueta. 
3 HTML
3.- Una vez terminado el segundo paso , lo 
que procede es guardar nuestro 
documento: 
4.- A continuación daremos paso al 
guardado de nuestro documento, sin 
olvidar que debe tener la extensión .HTML 
ó de lo contrario solo lo guardara como 
archivo de texto y no como página de 
HTML. 
No olvides que la extensión puede ir en 
minúscula ( .html ) ó mayúscula ( . HTML ). 
4 HTML
A hora observa que si al 
momento de guardar el 
documento sin ninguna 
extensión automáticamente lo 
guardar como un archivo de 
texto, y no como un documento 
de HTML, por ello es importante 
poner la extensión “ .html “. 
5 HTML
Ubicación de nuestro documento. 
Cuerpo del documento. 
<body> Hola compañeros este es un ejemplo sencillo de HTML </body> 
Encabezado al inicio de la pagina 
Web. <title> Ejemplo </title>
COMANDOS BÁSICOS. 
Salto de línea. 
Para poder 
hacer un salto 
de página en el 
cuerpo de tu 
documento 
tendrás que 
anexarle la 
etiqueta: 
< br> </br>. 
Recuerda que 
todo esto se 
agrega dentro 
de las etiquetas 
de <body>, 
</body>. 
Generación del salto de página.
Párrafos. 
Para hacer 
párrafos en la 
página, tendrás 
que anexarle la 
etiqueta: 
<p> </p>.
Estilos del texto. 
Para poner el texto en negritas se utiliza <b>, </b>. 
Para tener el texto cursivo se utiliza <i>, </i>. 
Para tener el texto subrayado se toma <u>, </u>.
Para cambiar el tamaño de la fuente del texto. Existen 7 tamaños de fuente las cuales son: 
< font size = “ +1 ” > texto de prueba </font> 
< font size = “ +2 ” > texto de prueba </font> 
< font size = “ +3 ” > texto de prueba </font> 
< font size = “ +4 ” > texto de prueba </font> 
< font size = “ +5 ” > texto de prueba </font> 
< font size = “ +6 ” > texto de prueba </font> 
< font size = “ +7 ” > texto de prueba </font> 
Texto de prueba 
Texto de prueba 
Texto de prueba 
Texto de prueba 
Texto de prueba 
Texto de prueba 
Texto de prueba 
Para cambiar tambien los nivel del texto tenemos una sintaxis más corta las cuales son: 
< h1> texto de prueba </h1> 
< h2> texto de prueba </h2> 
Nivel 1 
< h3> texto de prueba </h3> 
Nivel 2 
< h4> texto de prueba </h4> 
Nivel 3 
< h5> texto de prueba </h5> 
Nivel 4 
< h6> texto de prueba </h6> 
Nivel 5 
Nivel 6
Ejemplo. 
Para poder 
entender aun 
mejor, les 
trajimos un 
ejemplo de 
una pagina 
Web, esto 
aplica para 
cualquier 
página Web, 
nosotros al 
darle click 
derecho en 
cualquier 
parte de la 
página nos 
despliega un 
submenú, una 
vez estando 
ahí le damos 
click en Ver 
código fuente.
Bueno, hay algunas etiquetas 
desconocidas y es por que no solo se 
pueden crear páginas Web, en el bloc 
de notas, si no también en FrontPage, 
Publisher.

Más contenido relacionado

La actualidad más candente

Temas de html
Temas de htmlTemas de html
Temas de html
Elis Menbri
 
Html 3° medio
Html 3°  medioHtml 3°  medio
Html 3° medio
Elizabeth Galaz
 
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
jesus
 
Configuración del blog.
Configuración del blog.Configuración del blog.
Configuración del blog.
estebancefire
 
Html 1
Html 1Html 1
Html 1
maria_ruiz19
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
rogeliotapia
 
Programación en html 2
Programación en html 2Programación en html 2
Programación en html 2
luchopaisa
 
Tutorial creacion Pagina Web
Tutorial creacion Pagina WebTutorial creacion Pagina Web
Tutorial creacion Pagina Web
Manuel Gutierrez
 
Manual de html
Manual de htmlManual de html
Manual de html
guest74fef1
 
Cómo hacer una página web básica
Cómo hacer una página web básicaCómo hacer una página web básica
Cómo hacer una página web básica
Ivan Ramirez
 
Presentación HTML
Presentación HTMLPresentación HTML
Presentación HTML
5032985
 
Preguntas codecademy
Preguntas codecademyPreguntas codecademy
Preguntas codecademy
Roberto Perales
 
Pag web i
Pag web iPag web i
Pag web i
moralesmedina99
 
evaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachilleratoevaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachillerato
Fanny Olmedo Ríos
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
Sergio Cavero Oviedo
 
Html
HtmlHtml
Html sistemas
Html sistemasHtml sistemas
Html sistemas
Leotom
 
Stylabel. Comparte tu look en tu blog y redes sociales
Stylabel. Comparte tu look en tu blog y redes socialesStylabel. Comparte tu look en tu blog y redes sociales
Stylabel. Comparte tu look en tu blog y redes sociales
Stylabel
 

La actualidad más candente (18)

Temas de html
Temas de htmlTemas de html
Temas de html
 
Html 3° medio
Html 3°  medioHtml 3°  medio
Html 3° medio
 
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
 
Configuración del blog.
Configuración del blog.Configuración del blog.
Configuración del blog.
 
Html 1
Html 1Html 1
Html 1
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
 
Programación en html 2
Programación en html 2Programación en html 2
Programación en html 2
 
Tutorial creacion Pagina Web
Tutorial creacion Pagina WebTutorial creacion Pagina Web
Tutorial creacion Pagina Web
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Cómo hacer una página web básica
Cómo hacer una página web básicaCómo hacer una página web básica
Cómo hacer una página web básica
 
Presentación HTML
Presentación HTMLPresentación HTML
Presentación HTML
 
Preguntas codecademy
Preguntas codecademyPreguntas codecademy
Preguntas codecademy
 
Pag web i
Pag web iPag web i
Pag web i
 
evaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachilleratoevaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachillerato
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Html
HtmlHtml
Html
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 
Stylabel. Comparte tu look en tu blog y redes sociales
Stylabel. Comparte tu look en tu blog y redes socialesStylabel. Comparte tu look en tu blog y redes sociales
Stylabel. Comparte tu look en tu blog y redes sociales
 

Destacado

Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdf
fabrimm
 
Producto 4
Producto 4Producto 4
Producto 4
POTTERICOS
 
Esto es una prueba
Esto es una pruebaEsto es una prueba
Esto es una prueba
slzp2708
 
Producto 4 : etiquetas de html
Producto 4 : etiquetas de htmlProducto 4 : etiquetas de html
Producto 4 : etiquetas de html
humbertoymariela
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
pablo3022
 
ETIQUETA Y TIPOS DE ETIQUETA DE LOS PRODUCTOS EN COLOMBIA
ETIQUETA Y TIPOS DE ETIQUETA DE LOS PRODUCTOS EN COLOMBIAETIQUETA Y TIPOS DE ETIQUETA DE LOS PRODUCTOS EN COLOMBIA
ETIQUETA Y TIPOS DE ETIQUETA DE LOS PRODUCTOS EN COLOMBIA
Cristhian Sandoval
 
Aula Empresarial - Mass.pe - Curso Ventas
Aula Empresarial - Mass.pe - Curso VentasAula Empresarial - Mass.pe - Curso Ventas
Aula Empresarial - Mass.pe - Curso Ventas
Fundación Romero
 
Tipos de etiquetas
Tipos de etiquetasTipos de etiquetas
Tipos de etiquetas
claudia rios
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
jairo torres
 
Etiquetas de un producto.
Etiquetas de un producto.Etiquetas de un producto.
Etiquetas de un producto.
Diana Cañette
 
Marca, empaque, etiquetado y otras características
Marca, empaque, etiquetado y otras característicasMarca, empaque, etiquetado y otras características
Marca, empaque, etiquetado y otras características
Melik04
 
Etiqueta, envase, empaque, embalaje
Etiqueta, envase, empaque, embalajeEtiqueta, envase, empaque, embalaje
Etiqueta, envase, empaque, embalaje
victorhdezr
 

Destacado (12)

Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdf
 
Producto 4
Producto 4Producto 4
Producto 4
 
Esto es una prueba
Esto es una pruebaEsto es una prueba
Esto es una prueba
 
Producto 4 : etiquetas de html
Producto 4 : etiquetas de htmlProducto 4 : etiquetas de html
Producto 4 : etiquetas de html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
ETIQUETA Y TIPOS DE ETIQUETA DE LOS PRODUCTOS EN COLOMBIA
ETIQUETA Y TIPOS DE ETIQUETA DE LOS PRODUCTOS EN COLOMBIAETIQUETA Y TIPOS DE ETIQUETA DE LOS PRODUCTOS EN COLOMBIA
ETIQUETA Y TIPOS DE ETIQUETA DE LOS PRODUCTOS EN COLOMBIA
 
Aula Empresarial - Mass.pe - Curso Ventas
Aula Empresarial - Mass.pe - Curso VentasAula Empresarial - Mass.pe - Curso Ventas
Aula Empresarial - Mass.pe - Curso Ventas
 
Tipos de etiquetas
Tipos de etiquetasTipos de etiquetas
Tipos de etiquetas
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Etiquetas de un producto.
Etiquetas de un producto.Etiquetas de un producto.
Etiquetas de un producto.
 
Marca, empaque, etiquetado y otras características
Marca, empaque, etiquetado y otras característicasMarca, empaque, etiquetado y otras características
Marca, empaque, etiquetado y otras características
 
Etiqueta, envase, empaque, embalaje
Etiqueta, envase, empaque, embalajeEtiqueta, envase, empaque, embalaje
Etiqueta, envase, empaque, embalaje
 

Similar a etiquetas HTML

Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
Elim Aqp
 
Practicas html
Practicas htmlPracticas html
Practicas html
Paula López Burgos
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en Español
Ileana Echandi
 
Informática aplicada a la educación
Informática aplicada a la educaciónInformática aplicada a la educación
Informática aplicada a la educación
Santiago Murgueitio
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
vivikatty
 
Programación básica de html5
Programación básica de html5Programación básica de html5
Programación básica de html5
Coka Medel
 
Manual html
Manual htmlManual html
Manual html
drunkpl4y3r
 
Clase 1
Clase 1Clase 1
Clase 1
sinaibucio
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
María C. Plata
 
Html
HtmlHtml
Html
HtmlHtml
Manual html
Manual htmlManual html
Manual html
Marcos Rozze
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
Jesus Elber Valencia Perea
 
CursoBasicoHTML2.ppt
CursoBasicoHTML2.pptCursoBasicoHTML2.ppt
CursoBasicoHTML2.ppt
JorgeHuizar3
 
Introhtml
IntrohtmlIntrohtml
Html
HtmlHtml
Html
UEB
 
Guia html 1
Guia html 1Guia html 1
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1   h6 p aplicar estilos parrafos etiqueta pre html varEncabezados h1   h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
noelia alarcon
 
Clase 1 - Introducción HTML.pptx
Clase 1 - Introducción HTML.pptxClase 1 - Introducción HTML.pptx
Clase 1 - Introducción HTML.pptx
jusl1
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
Leotom
 

Similar a etiquetas HTML (20)

Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en Español
 
Informática aplicada a la educación
Informática aplicada a la educaciónInformática aplicada a la educación
Informática aplicada a la educación
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Programación básica de html5
Programación básica de html5Programación básica de html5
Programación básica de html5
 
Manual html
Manual htmlManual html
Manual html
 
Clase 1
Clase 1Clase 1
Clase 1
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Manual html
Manual htmlManual html
Manual html
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
CursoBasicoHTML2.ppt
CursoBasicoHTML2.pptCursoBasicoHTML2.ppt
CursoBasicoHTML2.ppt
 
Introhtml
IntrohtmlIntrohtml
Introhtml
 
Html
HtmlHtml
Html
 
Guia html 1
Guia html 1Guia html 1
Guia html 1
 
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1   h6 p aplicar estilos parrafos etiqueta pre html varEncabezados h1   h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
 
Clase 1 - Introducción HTML.pptx
Clase 1 - Introducción HTML.pptxClase 1 - Introducción HTML.pptx
Clase 1 - Introducción HTML.pptx
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
 

Último

La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
JonathanCovena1
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
RAMIREZNICOLE
 
Inteligencia Artificial para Docentes HIA Ccesa007.pdf
Inteligencia Artificial para Docentes  HIA  Ccesa007.pdfInteligencia Artificial para Docentes  HIA  Ccesa007.pdf
Inteligencia Artificial para Docentes HIA Ccesa007.pdf
Demetrio Ccesa Rayme
 
Maristella Svampa-La sociedad excluyente.pdf
Maristella Svampa-La sociedad excluyente.pdfMaristella Svampa-La sociedad excluyente.pdf
Maristella Svampa-La sociedad excluyente.pdf
belbarcala
 
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMExamen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Juan Martín Martín
 
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdfMundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
ViriEsteva
 
Las Tecnologias Digitales en los Aprendizajesdel Siglo XXI UNESCO Ccesa007.pdf
Las Tecnologias Digitales en los Aprendizajesdel Siglo XXI  UNESCO Ccesa007.pdfLas Tecnologias Digitales en los Aprendizajesdel Siglo XXI  UNESCO Ccesa007.pdf
Las Tecnologias Digitales en los Aprendizajesdel Siglo XXI UNESCO Ccesa007.pdf
Demetrio Ccesa Rayme
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
EricaCouly1
 
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdfEl Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
Robert Zuñiga Vargas
 
Sesión: El espiritismo desenmascarado.pdf
Sesión: El espiritismo desenmascarado.pdfSesión: El espiritismo desenmascarado.pdf
Sesión: El espiritismo desenmascarado.pdf
https://gramadal.wordpress.com/
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Alejandrino Halire Ccahuana
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
AlexDeLonghi
 
efemérides del mes de junio 2024 (1).pptx
efemérides del mes de junio 2024 (1).pptxefemérides del mes de junio 2024 (1).pptx
efemérides del mes de junio 2024 (1).pptx
acgtz913
 
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJAPANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
estroba5
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
Jose Luis Jimenez Rodriguez
 
Respuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadasRespuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadas
KarenCaicedo28
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
JAVIER SOLIS NOYOLA
 
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Juan Martín Martín
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
Victor Elizalde P
 
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptxPPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
gamcoaquera
 

Último (20)

La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
 
Inteligencia Artificial para Docentes HIA Ccesa007.pdf
Inteligencia Artificial para Docentes  HIA  Ccesa007.pdfInteligencia Artificial para Docentes  HIA  Ccesa007.pdf
Inteligencia Artificial para Docentes HIA Ccesa007.pdf
 
Maristella Svampa-La sociedad excluyente.pdf
Maristella Svampa-La sociedad excluyente.pdfMaristella Svampa-La sociedad excluyente.pdf
Maristella Svampa-La sociedad excluyente.pdf
 
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMExamen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
 
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdfMundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
 
Las Tecnologias Digitales en los Aprendizajesdel Siglo XXI UNESCO Ccesa007.pdf
Las Tecnologias Digitales en los Aprendizajesdel Siglo XXI  UNESCO Ccesa007.pdfLas Tecnologias Digitales en los Aprendizajesdel Siglo XXI  UNESCO Ccesa007.pdf
Las Tecnologias Digitales en los Aprendizajesdel Siglo XXI UNESCO Ccesa007.pdf
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
 
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdfEl Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
 
Sesión: El espiritismo desenmascarado.pdf
Sesión: El espiritismo desenmascarado.pdfSesión: El espiritismo desenmascarado.pdf
Sesión: El espiritismo desenmascarado.pdf
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
 
efemérides del mes de junio 2024 (1).pptx
efemérides del mes de junio 2024 (1).pptxefemérides del mes de junio 2024 (1).pptx
efemérides del mes de junio 2024 (1).pptx
 
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJAPANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
 
Respuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadasRespuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadas
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
 
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
 
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptxPPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
 

etiquetas HTML

  • 1. ELABORACIÓN DE UN DOCUMENTO HTML. 1.- Para poder elaborar un documento HTML debemos primero de iniciar el “ Bloc de Notas ”, para la creación del mismo. 2.- A hora una vez abierto el Bloc de Notas anotaremos los elementos básicos de un documento de HTML. Nota: A hora bien anotamos todas las etiquetas elementales que debe de llevar un documento de HTML, recuerden que la estructura de una etiqueta siempre va a estar dada por: < nombre de la etiqueta > Siempre va llevar esa estructura, con paréntesis angulares < > y el nombre de la etiqueta no importa si se escribe con mayúscula o minúscula: < HEAD > ó < hEAd > Lo que si es importante retomar es que la etiqueta debe tener siempre un inicio y un fin denotado por: < HEAD > < /HEAD > Simplemente al anexarle el signo de división ( / ) estémosle indicando que ahí se ha terminado la función de esa etiqueta. 3 HTML
  • 2. 3.- Una vez terminado el segundo paso , lo que procede es guardar nuestro documento: 4.- A continuación daremos paso al guardado de nuestro documento, sin olvidar que debe tener la extensión .HTML ó de lo contrario solo lo guardara como archivo de texto y no como página de HTML. No olvides que la extensión puede ir en minúscula ( .html ) ó mayúscula ( . HTML ). 4 HTML
  • 3. A hora observa que si al momento de guardar el documento sin ninguna extensión automáticamente lo guardar como un archivo de texto, y no como un documento de HTML, por ello es importante poner la extensión “ .html “. 5 HTML
  • 4. Ubicación de nuestro documento. Cuerpo del documento. <body> Hola compañeros este es un ejemplo sencillo de HTML </body> Encabezado al inicio de la pagina Web. <title> Ejemplo </title>
  • 5. COMANDOS BÁSICOS. Salto de línea. Para poder hacer un salto de página en el cuerpo de tu documento tendrás que anexarle la etiqueta: < br> </br>. Recuerda que todo esto se agrega dentro de las etiquetas de <body>, </body>. Generación del salto de página.
  • 6. Párrafos. Para hacer párrafos en la página, tendrás que anexarle la etiqueta: <p> </p>.
  • 7. Estilos del texto. Para poner el texto en negritas se utiliza <b>, </b>. Para tener el texto cursivo se utiliza <i>, </i>. Para tener el texto subrayado se toma <u>, </u>.
  • 8. Para cambiar el tamaño de la fuente del texto. Existen 7 tamaños de fuente las cuales son: < font size = “ +1 ” > texto de prueba </font> < font size = “ +2 ” > texto de prueba </font> < font size = “ +3 ” > texto de prueba </font> < font size = “ +4 ” > texto de prueba </font> < font size = “ +5 ” > texto de prueba </font> < font size = “ +6 ” > texto de prueba </font> < font size = “ +7 ” > texto de prueba </font> Texto de prueba Texto de prueba Texto de prueba Texto de prueba Texto de prueba Texto de prueba Texto de prueba Para cambiar tambien los nivel del texto tenemos una sintaxis más corta las cuales son: < h1> texto de prueba </h1> < h2> texto de prueba </h2> Nivel 1 < h3> texto de prueba </h3> Nivel 2 < h4> texto de prueba </h4> Nivel 3 < h5> texto de prueba </h5> Nivel 4 < h6> texto de prueba </h6> Nivel 5 Nivel 6
  • 9. Ejemplo. Para poder entender aun mejor, les trajimos un ejemplo de una pagina Web, esto aplica para cualquier página Web, nosotros al darle click derecho en cualquier parte de la página nos despliega un submenú, una vez estando ahí le damos click en Ver código fuente.
  • 10. Bueno, hay algunas etiquetas desconocidas y es por que no solo se pueden crear páginas Web, en el bloc de notas, si no también en FrontPage, Publisher.