Esta semana estamos aprendiendo las tres partes del cliente, las bases gramaticales de xhtml, css y javascript.
Primero: Con respecto a los atributos (marcas) de xhtml -
1. Atributos del formulario <form action="form handler url" método="gei/post">
2. <id="" name="">Estos dos atributos son los Número de identificación único y diferencia del nombre del formulario. Según mi tarea personal y mi uso de esta semana, se usa principalmente en controles como <form> <input>.
3. Atributos de control <input>, <select> y <option>, <textarea>;
<input> es un control definido de manera diferente al atributo de tipo. Hay 10 tipos en total, incluidos cuadro de texto, selección múltiple y selección de radio. y cuadro de contraseña. Enviar y cancelar, etc. Se utiliza para diferentes controles según las diferentes necesidades.
<select> y <option> se usan juntos para controlar los menús desplegables. Formato básico:
<select name="" id="">
<option value="">xx</option>
</select>
<textarea> se utiliza para crear un cuadro de texto de varias líneas.
4. Atributos de definición de uso común: familia de fuentes: define el estilo de fuente de toda la página; tamaño de fuente: ancho: ancho; alto; colspan: "" número de columnas fusionadas; />Línea vacía;
Segundo espacio vacío: página de control CSS
1. Reglas de estilo: al utilizar el diseño de estilo CSS, el formato básico es el siguiente
selector {
atributo 1: valor 1;
atributo
2
: valor 2
;
en <head> Agregar <style type="text/css"> a </head> llamará a funciones relacionadas con CSS
2. Selectores: selector de elementos, selector de clases, selector de id, selector de inclusión, selector de comodines y pseudoselector Clase y pseudo- selectores de elementos. (Para conocer las funciones y el uso de cada selector, consulte los Libros 54-56)
3. Posición de la regla de estilo:
Hay tres formas en total: externa, en línea e integrada.
La conexión externa consiste en crear un archivo .css en el mismo archivo de nivel que el archivo de página generado y luego escribir el código de atributo efectivo en forma de texto en el .css.
Yse llama
con <link rel="stylesheet" type="text/css" ref="stylesheet url"> en el archivo de la página
. Este método es adecuado para que varias páginas utilicen el mismo estilo.La incrustación es un atributo CSS de uso común, es decir, agregar <style type="text/css"> a <head></head> y usar
el selector {
atributo 1: valor 1;
atributo 2: valor 2
; .
}
se utiliza en este formulario.
En línea significa usar el atributo de estilo después del elemento para marcar el estilo cuando se muestra. Básicamente, la mayoría de las etiquetas html tienen un atributo de estilo.
4.plantilla de cuadro css y superposición
(1) margen: borde de margen: relleno de borde: distancia del borde (consulte el libro 53 para obtener más detalles)
(2) unidad de atributo css: (consulte las páginas 57-65 del libro para obtener más detalles)
(3) div -css Diseño de página:
este es el punto clave. No solo el atributo <table> puede diseñar toda la página, sino que el <div> de uso común es más conveniente y conciso.
Tercero:
solo hay tres puntos que deben dominarse
en la sintaxis básica y avanzada de JavaScript
:1. <script type="text/javascript"> Esto es lo mismo que llamar a atributos css.
document.write ("Hola") es equivalente al significado de printf en lenguaje C y también puede reemplazarse por alerta.
2. Controlador de eventos: hay 4 puntos en este punto de conocimiento y hay más. Consulte la introducción detallada en las páginas 81-95 del árbol.
3. Sintaxis avanzada: es similar a los tipos de datos, bucles, secuencias y selección en lenguaje C. Sólo hay algunas diferencias:
(1) Para definir el tipo de datos, no es necesario definirlo explícitamente, simplemente use var.
(2) El cálculo de diferentes tipos de datos no es tan claro como el lenguaje C. Por ejemplo, var 'a' b, un tipo de carácter y un tipo de datos, también se puede calcular c = 'a'-b.
(3) Operadores de cadena agregados.
4. Llamada a función: esto es similar al lenguaje C. Usaré un ejemplo para ilustrar:
<!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" lang="es">
<cabeza>
<título>resumen de javascript</título>
<tipo de script="texto/javascript">
función suma1(m){
var i,n=1;
para(i=1;i<=m;i++){
n=1/i*n;
}
devolver n;
}
función suma(n){
var i,s=0;
para(i=1;i<=n;i++){
s=s+suma1(i);
}
alerta(s);
}
</script>
</cabeza>
<cuerpo>
<formulario acción="#" método="obtener">
1+1/2!+1/3!+1/4!....1/10!=
<tipo de entrada="botón" valor="Suma" onclick="suma(10);"
</form>
</body>
</html>
Esta pregunta utiliza llamadas a funciones para calcular la suma. ¡Todos deberían poder entenderla - -! Nuestra tarea.
Bien, este es mi resumen de esta semana. Espero que sea útil para todos. Definitivamente no es completo y es solo como referencia.