SlideShare una empresa de Scribd logo
1 de 16
Jorge Cartelle López
Parte principal del documento
 Para hacer la página desde un bloc de notas lo
  primero que de debe poner es <html> y para cerrar la
  página de pone </html>. Estas etiquetas son las
  esenciales para crear la página web.
 La etiqueta <HEAD></HEAD> delimita la
  cabecera del documento. Dentro de la cabecera
  es importante definir el título de la página por
  medio de la etiqueta <TITLE></TITLE>. Este
  título será el que aparezca en la barra de nuestro
  buscador.
Cuerpo del documento
 La etiqueta <BODY></BODY> indica el inicio y final
  del cuerpo nuestra pagina Web. Será en esta etiqueta
  donde pongamos el contenido principal de nuestra
  página, textos, imágenes, enlaces a páginas,vídeos
  etc.... Esta etiqueta tiene una serie de etiquetas que se
  pueden poner o no que nos permiten indicar la
  apariencia general del documento:
 Background = "nombre de la imagen"
   Indica el nombre de una imagen que te servirá como
    fondo de la página que se va a crear.

 bgcolor = "código de color"
   Indica un color para el fondo de la página. No sirve
    de nada si se ha usado la etiqueta background antes.
 text = "código de color"
   Indica un color para el texto que incluyamos en
    nuestro documento.
 link = "código de color"
   Indica el color de los textos que dan acceso a un
    Hyperenlace.
 vlink = "código de color"
   Indica el color de los textos que dan acceso a un
    Hyperenlace que ya hemos visitado con nuestro visor.
    Por defecto es azul oscuro.

 El código de color es un número compuesto por
  número que indican la proporción de los colores
  primarios, (rojo, verde,azul). El código de color se
  antecede del símbolo #.
Configuración de colores:
#000000 color negro.
#FF0000 color rojo.
#00FF00 color verde.
#0000FF color azul.
#FFFFFF color blanco.
Etiquetas para modificar el texto
Las etiquetas que permiten modificar el texto son las
que ponen las letras en cursiva, negrita, las que
modifican el tamaño etc… Las mas simples son las que
se muestran a continuación:
 La etiqueta <FONT></FONT> permite variar la
  forma y aspexto del texto con los siguientes
  parámetros:
 size = valor
   Da al texto un tamaño en puntos determinado.


 size = +/- valor
   Da al texto un tamaño tantas veces superior (+) o
    inferior (-) como indique el valor.
 color = "código de color"
   Escribe el texto en el color cuyo código se especifica.

 face = "fuente de la letra"
   Permite cambiar la fuente de la letra.
Imágenes

Para incluir una imagen en nuestra página Web
utilizaremos la etiqueta <IMG>. Los dos
principales formatos que hay y que los buscadores
entienden son JPG y GIF.
A continuación se muestra un ejemplo muy simple de
                  una página web.
Toda la información de esta presentación la he obtenido mediante otros tutoriales, conocimientos
propios míos y buscando en Google.

Más contenido relacionado

La actualidad más candente (19)

Pagina web
Pagina webPagina web
Pagina web
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Comentarios
ComentariosComentarios
Comentarios
 
Html
HtmlHtml
Html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html 2
Html 2Html 2
Html 2
 
Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159
 
Estructura Página Web 2
Estructura Página Web 2Estructura Página Web 2
Estructura Página Web 2
 
Construcción página web
Construcción página webConstrucción página web
Construcción página web
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
Práctica no2
Práctica no2Práctica no2
Práctica no2
 
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en htmlLas etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
 
Colegio nicolas esguerra 2
Colegio nicolas esguerra 2Colegio nicolas esguerra 2
Colegio nicolas esguerra 2
 
tutorial
tutorialtutorial
tutorial
 

Destacado

Projeto Politico Pedagogico.
Projeto Politico Pedagogico.Projeto Politico Pedagogico.
Projeto Politico Pedagogico.Rair Pereira
 
A importância da afetividade e do lúdico no processo de aprendizagem da língu...
A importância da afetividade e do lúdico no processo de aprendizagem da língu...A importância da afetividade e do lúdico no processo de aprendizagem da língu...
A importância da afetividade e do lúdico no processo de aprendizagem da língu...Débora Aquino
 
Projeto político pedagógico
Projeto político pedagógicoProjeto político pedagógico
Projeto político pedagógicoDébora Aquino
 

Destacado (6)

Projeto pol pedag
Projeto pol pedagProjeto pol pedag
Projeto pol pedag
 
Projeto Politico Pedagogico.
Projeto Politico Pedagogico.Projeto Politico Pedagogico.
Projeto Politico Pedagogico.
 
A importância da afetividade e do lúdico no processo de aprendizagem da língu...
A importância da afetividade e do lúdico no processo de aprendizagem da língu...A importância da afetividade e do lúdico no processo de aprendizagem da língu...
A importância da afetividade e do lúdico no processo de aprendizagem da língu...
 
Projeto político pedagógico
Projeto político pedagógicoProjeto político pedagógico
Projeto político pedagógico
 
modelo-de-projeto-politico-pedagogico
modelo-de-projeto-politico-pedagogicomodelo-de-projeto-politico-pedagogico
modelo-de-projeto-politico-pedagogico
 
PROJETO POLÍTICO PEDAGÓGICO
PROJETO POLÍTICO PEDAGÓGICOPROJETO POLÍTICO PEDAGÓGICO
PROJETO POLÍTICO PEDAGÓGICO
 

Similar a Lenguaje html (20)

Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Diseño de pagina web HTML y Codigos de colores
Diseño de pagina web HTML y Codigos de coloresDiseño de pagina web HTML y Codigos de colores
Diseño de pagina web HTML y Codigos de colores
 
Páginas web
Páginas webPáginas web
Páginas web
 
ATRIBUTOS PARA PÁGINAS.pdf
ATRIBUTOS PARA PÁGINAS.pdfATRIBUTOS PARA PÁGINAS.pdf
ATRIBUTOS PARA PÁGINAS.pdf
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
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
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
Conceptos Etiquetas de HTML
Conceptos Etiquetas de HTMLConceptos Etiquetas de HTML
Conceptos Etiquetas de HTML
 
html
htmlhtml
html
 
Lenguaje HTML
  Lenguaje HTML  Lenguaje HTML
Lenguaje HTML
 
Semana 5 html
Semana 5  htmlSemana 5  html
Semana 5 html
 
DISEñO-DE-PAGINAS-CON-HTML.pdf
DISEñO-DE-PAGINAS-CON-HTML.pdfDISEñO-DE-PAGINAS-CON-HTML.pdf
DISEñO-DE-PAGINAS-CON-HTML.pdf
 

Último

R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 

Último (20)

R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 

Lenguaje html

  • 2. Parte principal del documento  Para hacer la página desde un bloc de notas lo primero que de debe poner es <html> y para cerrar la página de pone </html>. Estas etiquetas son las esenciales para crear la página web.
  • 3.  La etiqueta <HEAD></HEAD> delimita la cabecera del documento. Dentro de la cabecera es importante definir el título de la página por medio de la etiqueta <TITLE></TITLE>. Este título será el que aparezca en la barra de nuestro buscador.
  • 4. Cuerpo del documento  La etiqueta <BODY></BODY> indica el inicio y final del cuerpo nuestra pagina Web. Será en esta etiqueta donde pongamos el contenido principal de nuestra página, textos, imágenes, enlaces a páginas,vídeos etc.... Esta etiqueta tiene una serie de etiquetas que se pueden poner o no que nos permiten indicar la apariencia general del documento:
  • 5.  Background = "nombre de la imagen"  Indica el nombre de una imagen que te servirá como fondo de la página que se va a crear.  bgcolor = "código de color"  Indica un color para el fondo de la página. No sirve de nada si se ha usado la etiqueta background antes.
  • 6.  text = "código de color"  Indica un color para el texto que incluyamos en nuestro documento.  link = "código de color"  Indica el color de los textos que dan acceso a un Hyperenlace.
  • 7.  vlink = "código de color"  Indica el color de los textos que dan acceso a un Hyperenlace que ya hemos visitado con nuestro visor. Por defecto es azul oscuro.  El código de color es un número compuesto por número que indican la proporción de los colores primarios, (rojo, verde,azul). El código de color se antecede del símbolo #.
  • 8. Configuración de colores: #000000 color negro. #FF0000 color rojo. #00FF00 color verde. #0000FF color azul. #FFFFFF color blanco.
  • 9. Etiquetas para modificar el texto Las etiquetas que permiten modificar el texto son las que ponen las letras en cursiva, negrita, las que modifican el tamaño etc… Las mas simples son las que se muestran a continuación:
  • 10.  La etiqueta <FONT></FONT> permite variar la forma y aspexto del texto con los siguientes parámetros:  size = valor  Da al texto un tamaño en puntos determinado.  size = +/- valor  Da al texto un tamaño tantas veces superior (+) o inferior (-) como indique el valor.
  • 11.  color = "código de color"  Escribe el texto en el color cuyo código se especifica.  face = "fuente de la letra"  Permite cambiar la fuente de la letra.
  • 12. Imágenes Para incluir una imagen en nuestra página Web utilizaremos la etiqueta <IMG>. Los dos principales formatos que hay y que los buscadores entienden son JPG y GIF.
  • 13. A continuación se muestra un ejemplo muy simple de una página web.
  • 14.
  • 15.
  • 16. Toda la información de esta presentación la he obtenido mediante otros tutoriales, conocimientos propios míos y buscando en Google.