Introducci - PowerPoint PPT Presentation

Loading...

PPT – Introducci PowerPoint presentation | free to download - id: 728995-ZDUyO



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Introducci

Description:

Introducci n a las Tecnolog as Inform ticas Oscar Bedoya http://eisc.univalle.edu.co/~oscarbed/itigrupo4 HTML (Hyper Text Markup Language) HTML Lenguaje para ... – PowerPoint PPT presentation

Number of Views:12
Avg rating:3.0/5.0
Slides: 19
Provided by: Osc111
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Introducci


1
Introducción a las Tecnologías InformáticasOsca
r Bedoyahttp//eisc.univalle.edu.co/oscarbed/iti
grupo4
2
HTML(Hyper Text Markup Language)
3
HTML
  • Lenguaje para estructurar documentos.
  • Los documentos se visualizan a través de
    navegadores (browsers).
  • Consta de una serie de etiquetas (Tags) que le
    indican al navegador la forma cómo se representan
    los elementos contenidos en los documentos.

4
HTML
  • Sintaxis de las etiquetas HTML
  • ltinicio_etiquetagt contenido_etiqueta
    lt/fin_etiquetagt
  • ltTITLEgt Curso ITI lt/TITLEgt
  • ltH1gt Introducción al lenguaje HTML lt/H1gt

5
HTML
  • Toda página HTML tiene la siguiente estructura
  • ltHTMLgt
  • ltHEADgt
  • ltTITLEgt Curso ITI Lenguaje HTML
    lt/TITLEgt
  • lt/HEADgt
  • ltBODYgt
  • Cuerpo de la página
  • lt/BODYgt
  • lt/HTMLgt

6
HTML
ltHTMLgt inicio del programa ltHEADgt inicio del
encabezado ltTITLEgt titulo de la página ltBODYgt
inicio del cuerpo del programa lt/TITLEgt fin del
titulo lt/HEADgt fin del encabezado lt/BODYgt fin
del cuerpo del programa lt/HTMLgt fin del programa
7
HTML
ltH1gt Permite colocar el texto que se encuentra
entre las etiquetas de inicio y de fin, en un
tamaño y formato diferente ltBRgt Etiqueta que no
requiere ser cerrada y que permite un salto de
línea
8
HTML
ltCENTERgt Permite centrar el texto que se
encuentra entre las etiquetas de inicio y de
fin ltFONT size"4" color"blue"gt Permite
establecer el color, estilo y tamaño de la fuente
9
HTML
ltBODY bgcolor"black"gt Permite establecer el
color del fondo de la página ltBODY
background"matrix1.jpg"gt Establece una imagen
como fondo
10
HTML
ltIMG src"matrix.jpg" ALT"Imagen de la película
Matrix" gt Inserta la imagen del archivo
matrix.jpg en la página. ALT permite colocar un
mensaje que se visualizará cuando se pase el
ratón sobre la imagen
11
HTML
ltHRgt Inserta una línea horizontal
12
HTML
ltA HREF"matrix.html"gt The Matrix lt/Agt Crea un
enlace a la página llamada exactamente con el
nombre matrix.html. El enlace aparecerá con el
nombre de The Matrix
13
HTML
ltA HREFhttp//www.google.comgt Google
lt/Agt Crea un enlace a la página llamada
exactamente con el nombre "http//www.google.com".
El enlace aparecerá con el nombre de Google
14
HTML
ltA HREF"http//www.google.com"gt ltIMG
src"google2.gif"gt lt/Agt Crea un enlace a la
página llamada exactamente con el nombre
"http//www.google.com". El enlace aparecerá como
una imagen, almacenada en el archivo google2.gif
15
HTML
ltTABLEgt definición de la tabla ltTRgt definición
de fila ltTDgtTexto de la intersecciónlt/TDgtdefinic
ión de columna Las columnas se definen dentro de
las filas
16
HTML
ltTABLE border"1" gt ltTRgt ltTDgt Esta es la celda
1,1 lt/TDgt ltTDgt Esta es la celda 1,2 lt/TDgt ltTDgt
Esta es la celda 1,3 lt/TDgt lt/TRgt ltTRgt ltTDgt Esta
es la celda 2,1 lt/TDgt ltTDgt Esta es la celda 2,2
lt/TDgt ltTDgt Esta es la celda 2,3
lt/TDgt lt/TRgt lt/TABLEgt
Indica que comenzamos una nueva fila
Indica que comenzamos una nueva fila
17
HTML
  • Cómo publicar la página para que esté disponible
    en Internet
  • En su cuenta de malpelo cree un directorio
    llamado public_html
  • Coloque en la carpeta public_html los archivos
    html, las imágenes, el video, y todos los
    archivos que se solicitan para la presentación
    del proyecto

18
HTML
  • Si su página de inicio se llama, por ejemplo
    movies.html, las personas podrán acceder a su
    sitio web a través del URL http//malpelo.univalle
    .edu.co/i0309555/movies.html
  • Si llama a la página inicial con el nombre
    index.html podrá acceder a su sitio web por medio
    del URL http//malpelo.univalle.edu.co/i0309555/
About PowerShow.com