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

Más contenido relacionado

PDF
Etiquetas de lenguaje html mas utilizadas
PDF
Html
DOCX
Etiquetas basicas de html
DOCX
Etiquetas basicas html
PDF
Estructura para la pagina web 1 zanabria
DOCX
Etiquetas HTML
PDF
Estructura HTML II
PPSX
Etiquetas básicas en html
Etiquetas de lenguaje html mas utilizadas
Html
Etiquetas basicas de html
Etiquetas basicas html
Estructura para la pagina web 1 zanabria
Etiquetas HTML
Estructura HTML II
Etiquetas básicas en html

La actualidad más candente (19)

DOCX
Pagina web
DOCX
PDF
Colegio nacional nicolas esguerra (1)
PDF
Comentarios
PPTX
Etiquetas html
DOCX
Etiquetas mas utilizadas del lenguaje html
DOCX
DOCX
Html
 
DOCX
DOCX
Colegio nacional nicolás esguerra 159
PDF
Estructura Página Web 2
PDF
Construcción página web
PDF
Clase 1 - Comandos HTML.PDF
PDF
Práctica no2
PDF
Las etiquetas más utilizadas en html
PDF
Colegio nicolas esguerra 2
PPTX
tutorial
Pagina web
Colegio nacional nicolas esguerra (1)
Comentarios
Etiquetas html
Etiquetas mas utilizadas del lenguaje html
Html
 
Colegio nacional nicolás esguerra 159
Estructura Página Web 2
Construcción página web
Clase 1 - Comandos HTML.PDF
Práctica no2
Las etiquetas más utilizadas en html
Colegio nicolas esguerra 2
tutorial
Publicidad

Destacado (6)

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

Similar a Lenguaje html (20)

PPT
Presentacinhtml 091121100213-phpapp02
PPT
Etiquetas Html Udp
PPT
PresentacióN Html
PPT
PresentacióN Html
DOC
Estructura de una página html
PPTX
Crear paginas web
PDF
Guia de repaso html11
DOCX
Colegio nicolas esguerra222
DOCX
Colegio nicolas esguerra222
DOCX
Colegio nicolas esguerra222
DOCX
Colegio nicolas esguerra222
DOCX
Colegio nicolas esguerra222
PPT
Lenguaje de programación de páginas web
DOCX
Páginas web con html
DOCX
PDF
Manual html
PDF
Curso HTML desde Cero - Capítulo 1
DOC
Laura bonilla 102 tics jmv
Presentacinhtml 091121100213-phpapp02
Etiquetas Html Udp
PresentacióN Html
PresentacióN Html
Estructura de una página html
Crear paginas web
Guia de repaso html11
Colegio nicolas esguerra222
Colegio nicolas esguerra222
Colegio nicolas esguerra222
Colegio nicolas esguerra222
Colegio nicolas esguerra222
Lenguaje de programación de páginas web
Páginas web con html
Manual html
Curso HTML desde Cero - Capítulo 1
Laura bonilla 102 tics jmv

Último (20)

PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
Estrategia de apoyo tecnología miguel angel solis
PPTX
Sesion 1 de microsoft power point - Clase 1
PDF
CyberOps Associate - Cisco Networking Academy
PPTX
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
PPTX
Presentación de Redes de Datos modelo osi
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PPT
Que son las redes de computadores y sus partes
PPTX
Presentación PASANTIAS AuditorioOO..pptx
PPTX
Propuesta BKP servidores con Acronis1.pptx
PPTX
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
PDF
Influencia-del-uso-de-redes-sociales.pdf
PDF
Calidad desde el Docente y la mejora continua .pdf
PDF
SAP Transportation Management para LSP, TM140 Col18
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PPTX
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PDF
Plantilla para Diseño de Narrativas Transmedia.pdf
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
Estrategia de apoyo tecnología miguel angel solis
Sesion 1 de microsoft power point - Clase 1
CyberOps Associate - Cisco Networking Academy
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
Presentación de Redes de Datos modelo osi
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
Que son las redes de computadores y sus partes
Presentación PASANTIAS AuditorioOO..pptx
Propuesta BKP servidores con Acronis1.pptx
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
Influencia-del-uso-de-redes-sociales.pdf
Calidad desde el Docente y la mejora continua .pdf
SAP Transportation Management para LSP, TM140 Col18
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
Plantilla para Diseño de Narrativas Transmedia.pdf
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...

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.