Español
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
2. 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 .
3. Atributos de control , y , ;</p> <P><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.</p> <P><select> y <option> se usan juntos para controlar los menús desplegables. Formato básico:</p> <P><select name="" id=""></p> <P><option value="">xx</option></p> <P></select></p> <P><textarea> se utiliza para crear un cuadro de texto de varias líneas.</p> <P>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;</p> <P>Segundo espacio vacío: página de control CSS</p> <P>1. Reglas de estilo: al utilizar el diseño de estilo CSS, el formato básico es el siguiente</p> <P>selector {</p> <P>atributo 1: valor 1;</p> <P>atributo</p> <P>2</p> <P>: valor 2</p> <P>;</p> <P>en <head> Agregar <style type="text/css"> a </head> llamará a funciones relacionadas con CSS</p> <P>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)</p> <P>3. Posición de la regla de estilo:</p> <P>Hay tres formas en total: externa, en línea e integrada.</p> <P>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.</p> Y <P>se llama</p> <P>con <link rel="stylesheet" type="text/css" ref="stylesheet url"> en el archivo de la página</p> . Este método es adecuado para que varias páginas utilicen el mismo estilo. <P>La incrustación es un atributo CSS de uso común, es decir, agregar <style type="text/css"> a <head></head> y usar</p> <P>el selector {</p> <P>atributo 1: valor 1;</p> <P>atributo 2: valor 2</p> <P>; .</p> <P>}</p> <P>se utiliza en este formulario.</p> <P>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.</p> <P>4.plantilla de cuadro css y superposición</p> <P>(1) margen: borde de margen: relleno de borde: distancia del borde (consulte el libro 53 para obtener más detalles)</p> <P>(2) unidad de atributo css: (consulte las páginas 57-65 del libro para obtener más detalles)</p> <P>(3) div -css Diseño de página:</p> <P>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.</p> <P> </P> Tercero: <P>solo hay tres puntos que deben dominarse</p> <P>en la sintaxis básica y avanzada de JavaScript</p> : <P>1. <script type="text/javascript"> Esto es lo mismo que llamar a atributos css.</p> <P>document.write ("Hola") es equivalente al significado de printf en lenguaje C y también puede reemplazarse por alerta.</p> <P>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.</p> <P>3. Sintaxis avanzada: es similar a los tipos de datos, bucles, secuencias y selección en lenguaje C. Sólo hay algunas diferencias:</p> <P>(1) Para definir el tipo de datos, no es necesario definirlo explícitamente, simplemente use var.</p> <P>(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.</p> <P>(3) Operadores de cadena agregados.</p> <P>4. Llamada a función: esto es similar al lenguaje C. Usaré un ejemplo para ilustrar:</p> <P><!doctype html public "-//w3c//dtd xhtml 1.0 Transitional//en" " <A href="http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">http://www.w3. org /tr/xhtml1/dtd/xhtml1-transitional.dtd</a> "><BR><BR> <html xmlns=" <A href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a> " xml:lang="es" lang="es"><BR> <cabeza><BR> <título>resumen de javascript</título><BR><BR> <tipo de script="texto/javascript"><BR><BR> función suma1(m){<BR> var i,n=1;<BR> para(i=1;i<=m;i++){<BR> n=1/i*n;<BR> }<BR> devolver n;<BR> }<BR> función suma(n){<BR> var i,s=0;<BR> para(i=1;i<=n;i++){<BR> s=s+suma1(i);<BR> }<BR> alerta(s);<BR> }<BR><BR> </script><BR> </cabeza><BR> <cuerpo><BR> <formulario acción="#" método="obtener"><BR> 1+1/2!+1/3!+1/4!....1/10!=<BR> <tipo de entrada="botón" valor="Suma" onclick="suma(10);"<BR> </form></p> <P></body><BR> </html></p> <P>Esta pregunta utiliza llamadas a funciones para calcular la suma. ¡Todos deberían poder entenderla - -! Nuestra tarea.</p> <P>Bien, este es mi resumen de esta semana. Espero que sea útil para todos. Definitivamente no es completo y es solo como referencia.</p></span> </div> </div> </section> <footer class="footer_template"> <div class="w12_box"> <div class="clearfix"> <div class="l_item"> <img src="https://images.downcodes.com/newdown/images/down-logo-foot.png" alt=""> <div class="f_icon"> <a href="https://www.facebook.com/"></a> <a href="https://telegram.org/"></a> <a href="https://www.tiktok.com/"></a> <a href="https://www.youtube.com/"></a> </div> </div> <div class="r_item"> <dl> <dt>Products & Services</dt> <dd><a href="javascript:;">Install APK</a></dd> <dd><a href="javascript:;">APK signature verification</a></dd> <dd><a href="javascript:;">APK Download Service</a></dd> </dl> <dl> <dt>Company</dt> <dd><a href="javascript:;">Developer Console</a></dd> <dd><a href="javascript:;">Submit APK</a></dd> <dd><a href="javascript:;">Monetization of traffic through downcodes</a></dd> </dl> <dl> <dt>Legal</dt> <dd><a href="javascript:;">About us</a></dd> <dd><a href="javascript:;">Contact Us</a></dd> <dd><a href="javascript:;">Cooperation</a></dd> </dl> </div> </div> <p>© 2006-2024Copyright All rights reserves</p> </div> </footer> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//tongji.zhangwan.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '3']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-5D64MDP2H8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5D64MDP2H8'); </script> </body> <script src="/newdown/js/jquery.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/lazy.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/index.js" type="text/javascript" charset="utf-8"></script> </html>
