|
HTML&CSSresumen 1. htmlFormato básico <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlReglas gramaticales para etiquetas <Atributo del nombre de la etiqueta1=Valor de la propiedad1" atributo2=Valor de la propiedad2”>etiqueta</Nombre de la etiqueta> 3. Etiquetas de hipervínculos <a href="dónde saltar" ></a> Función: Salto de página. Pregunta: Si quieres hacer que una imagen (picture1.jpg) sea hiperconectada, ¿cómo deberías escribirla? <a href=""><img src="picture1.jpg" /></a> 4. Sintaxis de las tablas <table> <tr> <td> Formas pequeñas </td> <td>Contenido</td> </tr> </table> Nota: El contenido del formulario debe estar escrito enTDDentro 5. Atributos comunes de las tablas a) Tabla:borde=Números(Bezel) color de frontera=Color del bordebgcolor=Color de fondoEspacio/celda=Número (distancia entre celdas) celpadding=número (distancia entre contenido y borde de la tabla)altura="Números fijos|Porcentaje%"AlturaAncho="Números fijos|Porcentaje%"Ancho b) Tr: bgcolor=Color de fondoaltura="Números fijos|Porcentaje%"AlturaAncho="Números fijos|Porcentaje%"Anchofronteracolor c) Td: bgcolor=Color de fondoaltura="Números fijos|Porcentaje%"AlturaAncho="Números fijos|Porcentaje%"Anchocolspan=Números (Columnas de fusión)Rowspan=Números (Filas de Fusión)fronteracolor Pregunta: ¿Cómo ajustar el grosor y el color del borde cuando la imagen está centrada? Ancho de borde Color de borde 6. Formas a) Función: Enviar datos al servidor b) Sintaxis:<forma ></form> c) Elementos de forma 1. entradaEtiquetas i. Texto<tipo de entrada=texto /> ii. Contraseñas<tipo de entrada=contraseña /> iii. Opción única<tipo de entrada=nombre de radio="Nombre igual" /> iv. Opciones múltiples<tipo de entrada=casilla de verificación /> V. Botones<tipo de entrada=botón /> Enviar<tipo de entrada=enviar /> Reinicio<tipo de entrada=reinicio> Atributos: Texto:tamaño=Longitud del textolongitud máxima=Se pueden introducir un máximo de caracteres Seleccionar:comprobadoSeleccionado por defecto Botones:valor=El texto mostrado sobre el botón 2Etiquetas desplegables: sintaxis, propiedades <selecciona múltiples(Son posibles varias selecciones)tamaño=Puedes ver el número de opciones> <opción seleccionada(Seleccionado por defecto)>Contenido</option> </select> 7. CSSHojas de estilo en cascada Función: Enriquecer contenido y reducir el volumen de código Escritura: Lugar (3especie) 1. En fila:Añadir atributos directamente a las etiquetasestilo="propiedad:Valor de atributo;…” 2. Incrustación:encabezaRedacción de etiquetas:<tipo de estilo="texto/CSS"> Selector{Propiedades:Valor de atributo;…} </style> Puntos3Selectores básicos:HTMLSelector,ClaseSelector de clase (.nombre de la clase),identificaciónSelector (#idNombre) es el único 3. Externa:Crea uno separado.cssy luego añadir el código de referencia a la página que quieras usar, sí2Tipo de escritura Recuerda un: encabezaAñadir etiquetas dentro<link rel="stylesheet" type="text/css" href="stylesheet archivo.css”> Nota: Si hay un conflicto en la hoja de estilo, prioriza inline antes de usar inline y finalmente usa outside Pregunta: UsoDIV+CSSDistribución yTabla¿Pros y contras del diseño? 8. Pseudoclase (selector) a:link {color: #FF0000} /* enlaces no visitados */ a:visitado {color: #00FF00} /*Enlaces que se han visitado*/ a:pasa el cursor {color: #FF00FF} /* Mover el ratón para enlazar */ a:active {color: #0000FF} /*Enlace seleccionado*/ 9. DIV(Modelo de caja) Función: SustitutoTablaTabla Escritura:<div>Contenido (puede anidarse).div）</div> Uso: Ancho y altura del conjunto pueden combinarsePosiciónAtributos Propiedades comunes: 1. Frontera: El grosor de la caja 2. Margen: la distancia entre las cajas 3. Acolchado: la distancia entre el contenido de la caja y la caja. 4. altura、Ancho: Altura, ancho 5. Antecedentes: Color de la caja, patrón 6. flotar: El asiento del palcoIzquierda、Derecha 10. PasarTejedora de SueñosCrea una plantilla Función: Lograr el mismo estilo de sitio web, reducir la cantidad de código y mejorar la eficiencia del desarrollo web Cómo crear y usar plantillas 1. Crear: archivo à new à regular à HTMLplantillaà Create 2. Guardar: Guardar en tu propia página web, nota: La ruta correcta es que en la parte inferior de la web aparecerá una carpeta Plantillas, donde se almacenan los archivos de plantilla (.dwt） 3. Escritura: Igual que escribir páginas normales, maquear y escribir el mismo estilo de contenido en la web. Para diferentes contenidos, necesitas crear un área editable (pasa el cursor sobre el área de edición que quieres crear y haz clic derecho y selecciona Plantilla a Nueva área editable) 4. Crear una página basada en una plantilla: Archivo a Nuevo à Plantilla a Seleccionar la plantilla a usar 11. Tejedora de sueñosPuntos de conocimiento relacionados R. AprobadoTejedora de SueñosCrea una página web: Sitioà New site à advanced à local information Nombra el lugar y establece el camino hasta el lugar Nota: El camino del sitio no debe estar en chino BFamiliaridadTejedora de SueñosNecesitamos saber cómo generar las etiquetas básicas que aprendimos antes El enfoque está en la tipografía de la página a través de tablas CEnTejedora de Sueñosusando un hipervínculo (Direcciones relativas y absolutas) 12. CSSAtributos comunes border:1px solid #000000; /*de la frontera3Atributos comunes*/ Ancho; altura; /*Establece el ancho y la altura*/ text-align /*Pon el contenido en el centro, izquierda y derecha*/ altura de línea /*El contenido de ajuste está centrado arriba y abajo*/ flotar /*Flotador(El flotante debe usarse para crear hipervínculos horizontales)*/ margen /*Establece la distancia exterior de la caja*/ relleno /*Establece la distancia dentro de la caja*/ Posición /*Posicionamiento, para seguir más adelantearriba izquierdaUso conjunto*/ color:#000000; /*Establece el color del texto*/ background-color:#000000; /*Establece el color de fondo*/ font-size:14px; /*Establecer el tamaño de la fuente*/ decoración de texto /*Establece si el hipervínculo está subrayado, generalmente usadosubrayadooninguno*/ list-style-type:none; /*Estiliza el hipervínculo (sin puntos)*/
2013HTML复习.doc
(44 KB, Número de descargas: 0, Precio de venta: 1 Grain MB)
| 
Publicado en 9/11/2014 10:42:19
|
|
|
Publicado en 10/11/2014 13:27:37
