SlideShare a Scribd company logo
1 of 14
GuillermoAugusto Alcaraz Domínguez
4101
 Para crear tablas en HTML se necesitan las
siguientes etiquetas:
 <table> y </table> para inicio y fin de la
tabla.
 <tr> y </tr> para inicio y fin de cada fila.
 <td> y </td> para inicio y fin de columna.
 width: modifica el ancho de la tabla.
 height: modifica la altura de la tabla.
 cellpadding: modifica el espacio entre el
contenido de las celdas y el borde.
 cellspacing: modifica el espacio entre celdas.
 border: cambia el tamaño del borde.
 align: alinea la tabla dentro de la página.
 bgcolor: modifica el color de fondo.
 background: inserta imagen de fondo.
 bordercolor: cambia el color del borde.
Hay tres tipos de listas:
Listas no ordenadas: <ul> </ul>.
Listas ordenadas: <ol> </ol>.
Listas de definiciones: <dl>, <dt> y <dd>.
Para ingresar cada dato que se va a enlistar
hacemos uso de la etiqueta <li> </li>.
 <frame> </frame>
 Se usa para indica el documento que se
cargara en el marco.
 name: define el nombre del marco.
 marginwidth: ancho del margen.
 marginheight: altura del margen.
 src: en el se inserta la ruta del archivo que se
va abrir en el marco.
 <frameset> y </frameset>
 Se usa para indica los marcos que habra en la
pagina.
 cols: tamaño de las columnas de cada marco.
 rows: tamaño de las columnas de cada
marco.
 border: tamaño del borde.
 bordercolor: color del borde.
 <form> y </form>
 Permite recoger datos introducidos por el
usuario.
 action: indica una dirección de correo
electrónico o la dirección del programa que se
encargará de procesar el contenido del
formulario.
 method: indica el metodo mediante el que se
transfieren las variables del formulario. Su
valor puede ser get o post .
 <a> y </a>.
 href crea un hipervinculo hacia otra pagina.
 target indica en qué ventana va a ser abierta
la página vinculada .
 Para insertar un video hay que hacer uso de la
etiqueta <video> </video>, como en el
siguiente codigo:
 <video width="320" height="240" controls>
<source src=“video.mp4" type="video/mp4">
</video>
<embed>
Se usa para insertar audio en las paginas
Sintaxis:
 <EMBED SRC="imagine.mid"
AUTOSTART=true LOOP=true
VOLUME="80"WIDTH="0" HEIGHT="0">
 src: ingresa la ruta del archivo.
 Autostart: elegir si queremos que inicie
automaticamente o no.
 volume: es el nivel de volumen con el que se
escuchara el audio.
 width: modifica el ancho de la tabla.
 height: modifica la altura de la tabla.
 Las imagenes que se inserten pueden ser de
diferentes formatos.
 Para insertar una imagen hay que hacer uso
de la etiqueta <img>
 src : especifica el nombre de la imagen.
 border: cambia el tamaño del borde.
 width: modifica el ancho de la tabla.
 height: modifica la altura de la tabla.
 align: alinea la tabla dentro de la página.

More Related Content

What's hot (16)

Html.codigos
Html.codigosHtml.codigos
Html.codigos
 
Frames-Formularios
Frames-FormulariosFrames-Formularios
Frames-Formularios
 
DBER N° 2 blog blogger blogspot
DBER N° 2 blog blogger blogspotDBER N° 2 blog blogger blogspot
DBER N° 2 blog blogger blogspot
 
Portal educarex
Portal educarexPortal educarex
Portal educarex
 
Firefox2
Firefox2Firefox2
Firefox2
 
Diapositivashtml 091118065750 Phpapp02
Diapositivashtml 091118065750 Phpapp02Diapositivashtml 091118065750 Phpapp02
Diapositivashtml 091118065750 Phpapp02
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Manual Microsoft Word 2007 - 2010
Manual Microsoft Word 2007 - 2010Manual Microsoft Word 2007 - 2010
Manual Microsoft Word 2007 - 2010
 
Producto 4
Producto 4Producto 4
Producto 4
 
Html
HtmlHtml
Html
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Html 2
Html 2Html 2
Html 2
 
Programación avanzada etiquetas de html
Programación avanzada   etiquetas de htmlProgramación avanzada   etiquetas de html
Programación avanzada etiquetas de html
 
Carpeta y blog
Carpeta y blogCarpeta y blog
Carpeta y blog
 

Similar to Html (20)

Palomino
Palomino Palomino
Palomino
 
jonathan javier gonzalez becerra 4101
jonathan javier gonzalez becerra 4101jonathan javier gonzalez becerra 4101
jonathan javier gonzalez becerra 4101
 
HTML
HTMLHTML
HTML
 
Tatiana
TatianaTatiana
Tatiana
 
Clase1
Clase1Clase1
Clase1
 
Taller Wordpress Nivel II
Taller Wordpress Nivel IITaller Wordpress Nivel II
Taller Wordpress Nivel II
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
HTML
HTMLHTML
HTML
 
Etiquetas Basicas de Html
Etiquetas Basicas de HtmlEtiquetas Basicas de Html
Etiquetas Basicas de Html
 
Guia html
Guia htmlGuia html
Guia html
 
Introducción HTML y CSS
Introducción HTML y CSSIntroducción HTML y CSS
Introducción HTML y CSS
 
Curso html
Curso htmlCurso html
Curso html
 
HTML
HTMLHTML
HTML
 
Guía rápida de comandos html
Guía rápida de comandos htmlGuía rápida de comandos html
Guía rápida de comandos html
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Tecnologia Web - HTML
Tecnologia Web - HTMLTecnologia Web - HTML
Tecnologia Web - HTML
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011ortegon
Retro2011ortegonRetro2011ortegon
Retro2011ortegon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 

More from Memo Wars

More from Memo Wars (20)

Css
CssCss
Css
 
Supresión de tablas
Supresión de tablasSupresión de tablas
Supresión de tablas
 
Representación de tablas
Representación de tablasRepresentación de tablas
Representación de tablas
 
Relaciones en bases de datos
Relaciones en bases de datosRelaciones en bases de datos
Relaciones en bases de datos
 
Relaciones
RelacionesRelaciones
Relaciones
 
Reglas de integridad
Reglas de integridadReglas de integridad
Reglas de integridad
 
Primera forma normal
Primera forma normalPrimera forma normal
Primera forma normal
 
Notación gráfica del modelo entidad
Notación gráfica del modelo entidadNotación gráfica del modelo entidad
Notación gráfica del modelo entidad
 
Modificación de tablas
Modificación de tablasModificación de tablas
Modificación de tablas
 
Lenguajes
LenguajesLenguajes
Lenguajes
 
Instalación del sistema gestor de bases de datos
Instalación del sistema gestor de bases de datosInstalación del sistema gestor de bases de datos
Instalación del sistema gestor de bases de datos
 
Herramientas de programación
Herramientas de programaciónHerramientas de programación
Herramientas de programación
 
Forma normal de boyce codd
Forma normal de boyce coddForma normal de boyce codd
Forma normal de boyce codd
 
Entorno de trabajo
Entorno de trabajoEntorno de trabajo
Entorno de trabajo
 
Entidades y atributos
Entidades y atributosEntidades y atributos
Entidades y atributos
 
Cuarta forma normal y quinta forma normal
Cuarta forma normal y quinta forma normalCuarta forma normal y quinta forma normal
Cuarta forma normal y quinta forma normal
 
Creación de tablas
Creación de tablasCreación de tablas
Creación de tablas
 
Creación de bases de datos
Creación de bases de datosCreación de bases de datos
Creación de bases de datos
 
Conceptos
ConceptosConceptos
Conceptos
 
Claves primarias y ajenas
Claves primarias y ajenasClaves primarias y ajenas
Claves primarias y ajenas
 

Html

  • 2.  Para crear tablas en HTML se necesitan las siguientes etiquetas:  <table> y </table> para inicio y fin de la tabla.  <tr> y </tr> para inicio y fin de cada fila.  <td> y </td> para inicio y fin de columna.
  • 3.  width: modifica el ancho de la tabla.  height: modifica la altura de la tabla.  cellpadding: modifica el espacio entre el contenido de las celdas y el borde.  cellspacing: modifica el espacio entre celdas.  border: cambia el tamaño del borde.  align: alinea la tabla dentro de la página.  bgcolor: modifica el color de fondo.  background: inserta imagen de fondo.  bordercolor: cambia el color del borde.
  • 4. Hay tres tipos de listas: Listas no ordenadas: <ul> </ul>. Listas ordenadas: <ol> </ol>. Listas de definiciones: <dl>, <dt> y <dd>. Para ingresar cada dato que se va a enlistar hacemos uso de la etiqueta <li> </li>.
  • 5.  <frame> </frame>  Se usa para indica el documento que se cargara en el marco.  name: define el nombre del marco.  marginwidth: ancho del margen.  marginheight: altura del margen.  src: en el se inserta la ruta del archivo que se va abrir en el marco.
  • 6.  <frameset> y </frameset>  Se usa para indica los marcos que habra en la pagina.  cols: tamaño de las columnas de cada marco.  rows: tamaño de las columnas de cada marco.  border: tamaño del borde.  bordercolor: color del borde.
  • 7.  <form> y </form>  Permite recoger datos introducidos por el usuario.
  • 8.  action: indica una dirección de correo electrónico o la dirección del programa que se encargará de procesar el contenido del formulario.  method: indica el metodo mediante el que se transfieren las variables del formulario. Su valor puede ser get o post .
  • 9.  <a> y </a>.  href crea un hipervinculo hacia otra pagina.  target indica en qué ventana va a ser abierta la página vinculada .
  • 10.  Para insertar un video hay que hacer uso de la etiqueta <video> </video>, como en el siguiente codigo:  <video width="320" height="240" controls> <source src=“video.mp4" type="video/mp4"> </video>
  • 11. <embed> Se usa para insertar audio en las paginas Sintaxis:  <EMBED SRC="imagine.mid" AUTOSTART=true LOOP=true VOLUME="80"WIDTH="0" HEIGHT="0">
  • 12.  src: ingresa la ruta del archivo.  Autostart: elegir si queremos que inicie automaticamente o no.  volume: es el nivel de volumen con el que se escuchara el audio.  width: modifica el ancho de la tabla.  height: modifica la altura de la tabla.
  • 13.  Las imagenes que se inserten pueden ser de diferentes formatos.  Para insertar una imagen hay que hacer uso de la etiqueta <img>
  • 14.  src : especifica el nombre de la imagen.  border: cambia el tamaño del borde.  width: modifica el ancho de la tabla.  height: modifica la altura de la tabla.  align: alinea la tabla dentro de la página.