Algum resumo sobre XHTML, CSS e JavaScript do lado do cliente

Autor：Eve Cole Data da Última Atualização：2009-06-12 17:47:51

Esta semana estamos aprendendo as três partes do cliente, a base gramatical do xhtml, css e javascript.

Primeiro: Em relação aos atributos (marcas) do xhtml -

1. Atributos do formulário

2. Esses dois atributos É o número de identificação exclusivo e diferença do nome do formulário De acordo com meu dever de casa pessoal e uso esta semana, ele é usado principalmente em controles como .

3. Atributos de controle , </p> <P>é um controle definido de forma diferente do atributo type. Existem 10 tipos no total, incluindo caixa de texto, seleção múltipla e seleção de rádio. e caixa de senha. Usado para diferentes controles de acordo com diferentes necessidades.</p> <P><select> e <option> são usados juntos para controlar menus suspensos. Formato básico:</p> <P><select name="" id=""></p> <P><option value="">xx</option></p> <P></select></p> <P><textarea> é usado para criar uma caixa de texto multilinhas.</p> <P>4. Atributos de definição comumente usados: font-family: define o estilo da fonte de toda a página; />Linha vazia&nbps ;Espaço vazio</p> <P>segundo: página de controle css</p> <P>1.</p> Regras de estilo: Ao usar o layout de estilo css, o formato <P>básico</p> <P>é o seguinte</p> <P>seletor {</p> <P>atributo 1: valor 1</p> <P>atributo 2: valor 2</p> <P>;</p> <P>em <head > Adicionar <style type="text/css"> a </head> chamará funções relacionadas ao css</p> <P>2. Seletores: seletor de elemento, seletor de classe, seletor de id, seletor de inclusão, seletor de curinga e seletor de pseudo Classe e pseudo- seletores de elementos. (Para as funções e uso de cada seletor, consulte o Livro 54-56)</p> <P>3. Posição da regra de estilo:</p> <P>Existem três formas no total - externa, embutida e incorporada.</p> <P>A conexão externa consiste em criar um arquivo .css no arquivo de mesmo nível do arquivo de página gerado e, em seguida, escrever o código de atributo efetivo na forma de texto no .css.</p> E <P>é chamado</p> <P>com <link rel="stylesheet" type="text/css" ref="style sheet url"> no arquivo de página</p> . Este método é adequado para várias páginas usarem o mesmo estilo. <P>Incorporar é um atributo css comumente usado, ou seja, adicionar <style type="text/css"> a <head></head> e usar</p> <P>o seletor {</p> <P>atributo 1: valor 1</p> <P>atributo 2: valor 2</p> <P>; .</p> <P>}</p> <P>é usado neste formato.</p> <P>Inline significa usar o atributo style após o elemento para marcar o estilo quando exibido. Basicamente, a maioria das tags HTML possui atributo de estilo.</p> <P>4. modelo de caixa css e sobreposição</p> <P>(1) margem: borda da margem: preenchimento da borda: distância da borda (consulte o livro 53 para obter detalhes)</p> <P>(2) unidade de atributo css: (consulte as páginas 57-65 do livro para obter detalhes)</p> <P>(3) div -css Layout da página:</p> <P>Este é o ponto principal. Não apenas o atributo <table> pode fazer o layout da página inteira, mas o <div> comumente usado é mais conveniente e conciso.</p> <P> </P> Terceiro: <P>Existem apenas três pontos que precisam ser dominados</p> <P>na sintaxe básica e avançada do JavaScript</p> : <P>1. <script type="text/javascript"> Isso é o mesmo que chamar atributos CSS.</p> <P>document.write("Hello") é equivalente ao significado de printf na linguagem C e também pode ser substituído por alert.</p> <P>2. Manipulador de eventos: Existem 4 pontos neste ponto de conhecimento e mais, consulte a introdução detalhada nas páginas 81-95 na árvore.</p> <P>3. Sintaxe avançada: é semelhante a tipos de dados, loops, sequências e seleção na linguagem C. Existem apenas algumas diferenças:</p> <P>(1) Para definir o tipo de dados, não há necessidade de defini-lo explicitamente, basta usar var.</p> <P>(2) O cálculo de diferentes tipos de dados não é tão claro quanto a linguagem C. Por exemplo, var 'a' b, um tipo de caractere e um tipo de dados, também pode calcular c='a'-b.</p> <P>(3) Adicionados operadores de string.</p> <P>4. Chamada de função: É semelhante à linguagem C. Usarei um exemplo para ilustrar:</p> <P><!doctype html public "-//w3c//dtd xhtml 1.0 transactional//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="en" lang="en"><BR> <cabeça><BR> <title>soma javascript</title><BR><BR> <script type="texto/javascript"><BR><BR> função soma1(m){<BR> var eu ,n=1;<BR> para(i=1;i<=m;i++){<BR> n=1/eu*n;<BR> }<BR> retornar n;<BR> }<BR> função soma(n){<BR> var i,s=0;<BR> para(i=1;i<=n;i++){<BR> s=s+soma1(i);<BR> }<BR> alerta(s);<BR> }<BR><BR> </script><BR> </head><BR> <corpo><BR> <form action="#" método="get"><BR> 1+1/2!+1/3!+1/4!....1/10!=<BR> <input type="botão" valor="Soma" onclick="soma(10);"<BR> </form></p> <P></body><BR> </html></p> <P>Esta questão usa chamadas de função para calcular a soma. Todos deveriam ser capazes de entendê-la - -! Nosso dever de casa.</p> <P>Ok, este é o meu resumo desta semana. Espero que seja útil para todos. Definitivamente, não é abrangente e é apenas para referência!</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>  <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>   <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>