SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
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.
Lenguaje html
Lenguaje html
Toda la información de esta presentación la he obtenido mediante otros tutoriales, conocimientos
propios míos y buscando en Google.

Mais conteúdo relacionado

Mais procurados (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
 

Destaque

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
 

Destaque (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
 

Semelhante 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
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
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
 
Lenguaje HTML
  Lenguaje HTML  Lenguaje HTML
Lenguaje HTML
 
html
htmlhtml
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

Trabajo de tecnologia.pdf .
Trabajo de tecnologia.pdf                         .Trabajo de tecnologia.pdf                         .
Trabajo de tecnologia.pdf .SebastinPrez67
 
Taller De La Electricidad Y Electrónica 10-4.pdf
Taller De La Electricidad Y Electrónica  10-4.pdfTaller De La Electricidad Y Electrónica  10-4.pdf
Taller De La Electricidad Y Electrónica 10-4.pdfAnaSofiaRodriguezzap
 
Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...NicolleAndrade7
 
RESUMENES DE FUNCIONES DESARROLLO DE BLOG
RESUMENES DE FUNCIONES DESARROLLO DE BLOGRESUMENES DE FUNCIONES DESARROLLO DE BLOG
RESUMENES DE FUNCIONES DESARROLLO DE BLOGmarianhenao98
 
Segunda_P_Wahrnehmung der Betroffenenrechte DE_SPA.pptx
Segunda_P_Wahrnehmung der Betroffenenrechte DE_SPA.pptxSegunda_P_Wahrnehmung der Betroffenenrechte DE_SPA.pptx
Segunda_P_Wahrnehmung der Betroffenenrechte DE_SPA.pptxsergioagudo4
 
Basisschulung zum Datenschutz DE_SPA.pptx
Basisschulung zum Datenschutz  DE_SPA.pptxBasisschulung zum Datenschutz  DE_SPA.pptx
Basisschulung zum Datenschutz DE_SPA.pptxsergioagudo4
 
Excel avanzado y métodos estadísticos.pdf
Excel avanzado y métodos estadísticos.pdfExcel avanzado y métodos estadísticos.pdf
Excel avanzado y métodos estadísticos.pdfSOFIAACOSTAESCOBAR
 
Lista de selección dinámica desde MySQL hacia PHP (con PDO)
Lista de selección dinámica desde MySQL hacia PHP (con PDO)Lista de selección dinámica desde MySQL hacia PHP (con PDO)
Lista de selección dinámica desde MySQL hacia PHP (con PDO)ChristianRivera122452
 
Las redes sociales
Las redes sociales Las redes sociales
Las redes sociales an494140
 
TareaSesión8_ListaDinamica_Garcia_Garcia.pptx
TareaSesión8_ListaDinamica_Garcia_Garcia.pptxTareaSesión8_ListaDinamica_Garcia_Garcia.pptx
TareaSesión8_ListaDinamica_Garcia_Garcia.pptxANDREADELCARMENGARCI
 
CALCULADORA CIENTIFICA trabajo grupal 9-6.docx
CALCULADORA CIENTIFICA trabajo grupal 9-6.docxCALCULADORA CIENTIFICA trabajo grupal 9-6.docx
CALCULADORA CIENTIFICA trabajo grupal 9-6.docxzoecaicedosalazar
 
Tecnología 2024 11-2 .pdf.......................
Tecnología 2024  11-2 .pdf.......................Tecnología 2024  11-2 .pdf.......................
Tecnología 2024 11-2 .pdf.......................GabrielHernndez206156
 
APEX Office Hours - Two Factor Authentication
APEX Office Hours - Two Factor AuthenticationAPEX Office Hours - Two Factor Authentication
APEX Office Hours - Two Factor Authenticationjoelorta2
 
Verde Ilustrado Moderno Redes Sociales Informe de Marketing Presentación (1).pdf
Verde Ilustrado Moderno Redes Sociales Informe de Marketing Presentación (1).pdfVerde Ilustrado Moderno Redes Sociales Informe de Marketing Presentación (1).pdf
Verde Ilustrado Moderno Redes Sociales Informe de Marketing Presentación (1).pdfmiriamsarahihm2008
 
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS.docx
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS.docxBLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS.docx
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS.docxwalterdanielcortes08
 
Estadistica , excel avanzado estudios estadisticos
Estadistica , excel avanzado  estudios estadisticosEstadistica , excel avanzado  estudios estadisticos
Estadistica , excel avanzado estudios estadisticosElizabethAcostaQuinc
 
INFORME DE LA ACTIVIDAD GRUPAL; EXCEL AVANZADO Y MÉTODOS ESTADÍSTICO.pdf
INFORME DE LA  ACTIVIDAD GRUPAL; EXCEL AVANZADO Y MÉTODOS ESTADÍSTICO.pdfINFORME DE LA  ACTIVIDAD GRUPAL; EXCEL AVANZADO Y MÉTODOS ESTADÍSTICO.pdf
INFORME DE LA ACTIVIDAD GRUPAL; EXCEL AVANZADO Y MÉTODOS ESTADÍSTICO.pdfGabrielHernndez206156
 
Trabajo de tecnología excel avanzado:métodos estadísticos
Trabajo de tecnología excel avanzado:métodos estadísticosTrabajo de tecnología excel avanzado:métodos estadísticos
Trabajo de tecnología excel avanzado:métodos estadísticosJuanCamilomurillo2
 
cuadro comparativo de web 1.0 web 2.0 web 3.0 web 4.0......pptx
cuadro comparativo de web 1.0 web 2.0 web 3.0 web 4.0......pptxcuadro comparativo de web 1.0 web 2.0 web 3.0 web 4.0......pptx
cuadro comparativo de web 1.0 web 2.0 web 3.0 web 4.0......pptxange07u
 
Novedades del mejor escritorio: Plasma 6 de KDE - Por Baltasar Ortega
Novedades del mejor escritorio: Plasma 6 de KDE - Por Baltasar OrtegaNovedades del mejor escritorio: Plasma 6 de KDE - Por Baltasar Ortega
Novedades del mejor escritorio: Plasma 6 de KDE - Por Baltasar OrtegaBaltasar Ortega
 

Último (20)

Trabajo de tecnologia.pdf .
Trabajo de tecnologia.pdf                         .Trabajo de tecnologia.pdf                         .
Trabajo de tecnologia.pdf .
 
Taller De La Electricidad Y Electrónica 10-4.pdf
Taller De La Electricidad Y Electrónica  10-4.pdfTaller De La Electricidad Y Electrónica  10-4.pdf
Taller De La Electricidad Y Electrónica 10-4.pdf
 
Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...
 
RESUMENES DE FUNCIONES DESARROLLO DE BLOG
RESUMENES DE FUNCIONES DESARROLLO DE BLOGRESUMENES DE FUNCIONES DESARROLLO DE BLOG
RESUMENES DE FUNCIONES DESARROLLO DE BLOG
 
Segunda_P_Wahrnehmung der Betroffenenrechte DE_SPA.pptx
Segunda_P_Wahrnehmung der Betroffenenrechte DE_SPA.pptxSegunda_P_Wahrnehmung der Betroffenenrechte DE_SPA.pptx
Segunda_P_Wahrnehmung der Betroffenenrechte DE_SPA.pptx
 
Basisschulung zum Datenschutz DE_SPA.pptx
Basisschulung zum Datenschutz  DE_SPA.pptxBasisschulung zum Datenschutz  DE_SPA.pptx
Basisschulung zum Datenschutz DE_SPA.pptx
 
Excel avanzado y métodos estadísticos.pdf
Excel avanzado y métodos estadísticos.pdfExcel avanzado y métodos estadísticos.pdf
Excel avanzado y métodos estadísticos.pdf
 
Lista de selección dinámica desde MySQL hacia PHP (con PDO)
Lista de selección dinámica desde MySQL hacia PHP (con PDO)Lista de selección dinámica desde MySQL hacia PHP (con PDO)
Lista de selección dinámica desde MySQL hacia PHP (con PDO)
 
Las redes sociales
Las redes sociales Las redes sociales
Las redes sociales
 
TareaSesión8_ListaDinamica_Garcia_Garcia.pptx
TareaSesión8_ListaDinamica_Garcia_Garcia.pptxTareaSesión8_ListaDinamica_Garcia_Garcia.pptx
TareaSesión8_ListaDinamica_Garcia_Garcia.pptx
 
CALCULADORA CIENTIFICA trabajo grupal 9-6.docx
CALCULADORA CIENTIFICA trabajo grupal 9-6.docxCALCULADORA CIENTIFICA trabajo grupal 9-6.docx
CALCULADORA CIENTIFICA trabajo grupal 9-6.docx
 
Tecnología 2024 11-2 .pdf.......................
Tecnología 2024  11-2 .pdf.......................Tecnología 2024  11-2 .pdf.......................
Tecnología 2024 11-2 .pdf.......................
 
APEX Office Hours - Two Factor Authentication
APEX Office Hours - Two Factor AuthenticationAPEX Office Hours - Two Factor Authentication
APEX Office Hours - Two Factor Authentication
 
Verde Ilustrado Moderno Redes Sociales Informe de Marketing Presentación (1).pdf
Verde Ilustrado Moderno Redes Sociales Informe de Marketing Presentación (1).pdfVerde Ilustrado Moderno Redes Sociales Informe de Marketing Presentación (1).pdf
Verde Ilustrado Moderno Redes Sociales Informe de Marketing Presentación (1).pdf
 
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS.docx
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS.docxBLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS.docx
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS.docx
 
Estadistica , excel avanzado estudios estadisticos
Estadistica , excel avanzado  estudios estadisticosEstadistica , excel avanzado  estudios estadisticos
Estadistica , excel avanzado estudios estadisticos
 
INFORME DE LA ACTIVIDAD GRUPAL; EXCEL AVANZADO Y MÉTODOS ESTADÍSTICO.pdf
INFORME DE LA  ACTIVIDAD GRUPAL; EXCEL AVANZADO Y MÉTODOS ESTADÍSTICO.pdfINFORME DE LA  ACTIVIDAD GRUPAL; EXCEL AVANZADO Y MÉTODOS ESTADÍSTICO.pdf
INFORME DE LA ACTIVIDAD GRUPAL; EXCEL AVANZADO Y MÉTODOS ESTADÍSTICO.pdf
 
Trabajo de tecnología excel avanzado:métodos estadísticos
Trabajo de tecnología excel avanzado:métodos estadísticosTrabajo de tecnología excel avanzado:métodos estadísticos
Trabajo de tecnología excel avanzado:métodos estadísticos
 
cuadro comparativo de web 1.0 web 2.0 web 3.0 web 4.0......pptx
cuadro comparativo de web 1.0 web 2.0 web 3.0 web 4.0......pptxcuadro comparativo de web 1.0 web 2.0 web 3.0 web 4.0......pptx
cuadro comparativo de web 1.0 web 2.0 web 3.0 web 4.0......pptx
 
Novedades del mejor escritorio: Plasma 6 de KDE - Por Baltasar Ortega
Novedades del mejor escritorio: Plasma 6 de KDE - Por Baltasar OrtegaNovedades del mejor escritorio: Plasma 6 de KDE - Por Baltasar Ortega
Novedades del mejor escritorio: Plasma 6 de KDE - Por Baltasar Ortega
 

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.
  • 16. Toda la información de esta presentación la he obtenido mediante otros tutoriales, conocimientos propios míos y buscando en Google.