“Conocimientos Programación>Lenguajes De Programación

Cómo crear una galería HTML

2014/7/15
Una galería HTML es una manera de mostrar las fotos que ha tomado , en columnas y filas organizadas ordenadas. Puede compartir cualquier imagen o gráfico que usted posee, siempre que su fin en las extensiones de archivo . Gif, . Jpg, . Png o . Tff . Aprenda a construir una tabla de dos filas de cuatro columnas con cuatro gráficos y cuatro títulos, el centro de la tabla en la página y añadir un título a la galería. Instrucciones
Basic Galería
1

Escriba el siguiente código para crear la página web XHTML básico : < DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" "http ! ://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> < HTML xmlns =" http://www.w3.org/1999/xhtml "xml : lang = " es " Página 2

Escriba el comienzo y el final

< /TABLE>, entre el inicial y final < /body>.
< /table >

3

Añada la fila de la tabla comenzando y terminando las etiquetas. Escriba ellos entre el inicio y el final

< /table> tags: < /tr >
4

Agregue las etiquetas de datos de la tabla entre el

< /tr> etiquetas. Esta será la primera celda de la tabla , y también la primera columna de la tabla . El nombre que usaremos para esta célula es la primera columna , fila uno . etiquetas. Esta será la segunda columna , fila uno . etiquetas , asegurándose de que se acuerde los dos atributos requeridos, src y alt . Square Graphic
8

Añadir un tercer par de

etiquetas después de la tabla fila etiqueta de cierre y antes de la etiqueta de cierre de mesa, como se muestra . : < /tr> < /tr > < /table>
12

Entre el segundo par de

etiquetas , tipo de cuatro pares de < ; td > < /td > etiquetas , como se muestra:
< /Td >
5

Añade tu primera imagen usando el tag como muestra : Title de File Explicación: La etiqueta /> no tiene una etiqueta de cierre , por lo que separar el último carácter de un espacio, luego una barra inclinada y luego el superior sign.Note : Para fines de demostración , que va a utilizar una serie de gráficos geométricos .
6

Después de la etiqueta de datos mesa final, ( < /td > ) , pulsa "Enter " y añadir otro par de

< /Td >
7

Añada su segunda imagen entre la

< ;/td > etiquetas , junto con su " " tag . Esta será la tercera columna , fila uno . Triangle Graphic < /td >
9

Agregar un cuarto par de

< /td > etiquetas , junto con el código de imagen . Esta será la cuarta columna, la fila uno . Rectangle Graphic < /td >
10

Guardar y cargar el documento. Debe tener un aspecto como el gráfico adjunto
11

Introduzca un segundo par de

< /td > < /td > < /td > < /td > Estos etiquetas serán columnas uno al cuatro , fila dos.
13

Escriba un par de etiquetas de negrita entre cada etiquetas inicial y final " tabla de datos " , como Página 14

Escribe las etiquetas de cursiva ( < /i > ) entre las etiquetas de negrita , como
15

Escriba el título de cada gráfica entre las etiquetas de cursiva . Guardar y cargar el archivo .
Formato Galería
16

Tipo principio tag "centro" entre el comienzo de etiquetas "body" y el comienzo tag "mesa" , como muestra:


17

Escriba la etiqueta de cierre "centro" entre el extremo de la etiqueta "table" y la etiqueta "body" final , como se muestra : < ;/table> < /center> < /body> Explicación: . las etiquetas de "centro " se horizontalmente el centro de la tabla de la página
18

Escriba el siguiente atributo dentro de la "mesa" principio tag para crear bordes alrededor de la mesa y alrededor de cada célula individual dentro de la tabla , como se muestra:

la tabla debe tener el gráfico adjunto
19

Escriba el . después entre el borde de la tabla < = " 1 " etiqueta y la tabla que comienza tag consecutivas:

Mi Galería < /th> < /tr > Explicación: la cabecera de la tabla , o < /th > etiquetas , se utilizan para crear una celda donde el texto es centrado y en negrita . El atributo " colspan " crea una célula de largo, que es, en este caso en particular, cuatro largas columnas , como se indica por el número cuatro entre comillas.
20

Escriba el

< /h1 > etiquetas de encabezado por las palabras " Mi galería" para hacer que el título de la galería se destacan :

Mi Galería < /h1 > < /th> ; < /tr >
21

Guarde y cargue el archivo en su servidor. Galería debe ser similar al adjunto.

Lenguajes De Programación
Cómo eliminar una fila de DataGridView Uso de la encuadernación DataSource
¿Cómo entrar sentencias de entrada en MATLAB
Cómo transferir datos de código mediante HTTPService Flex
Cómo hacer una cuenta atrás en ActionScript
Cómo hacer un Informe de hojas de Excel con VBA
Cómo agregar una fila de GridView mediante programación
La función Índice AWK
¿Se puede tener colores VS para SQL
Conocimientos Informáticos © http://www.ordenador.online