클라이언트 측 XHTML, CSS 및 JavaScript에 대한 요약

저자：Eve Cole 업데이트 시간：2009-06-12 17:47:51

이번 주에 우리는 클라이언트의 세 부분인 xhtml, css 및 javascript의 문법적 기초를 학습합니다.

첫째: xhtml의 속성(마크)에 대하여 -

1. 폼 속성

2. 이 두 속성은 고유식별번호와 폼 이름의 차이 이번주 개인 숙제와 사용법에 따르면 <폼> <입력> 등의 컨트롤에 주로 사용됩니다.

3. 컨트롤 속성 , ,</p> <P><input>은 type 속성과 다르게 정의된 컨트롤이며, 텍스트박스, 다중선택, 라디오선택 등 총 10가지 종류가 있습니다. , 비밀번호 상자 제출 및 취소 등이 있습니다. 다양한 요구에 따라 다양한 제어에 사용됩니다.</p> <P><select>와 <option>은 드롭다운 메뉴를 제어하는 데 함께 사용됩니다. 기본 형식:</p> <P><select name="" id=""></p> <P><option value="">xx</option></p> <P></select></p> <P><textarea>는 여러 줄의 텍스트 상자를 만드는 데 사용됩니다.</p> <P>4. 일반적으로 사용되는 정의 속성: 글꼴-크기: 글꼴 크기; 너비: 높이: 높이: ""병합된 열 수; />빈 줄&nbps ;빈 공간</p> <P>두 번째: CSS 제어 페이지</p> 1. 스타일 규칙: CSS 스타일 레이아웃 <P>을</p> <P>사용할 때 기본 형식은 다음과 같습니다.</p> <P>selector</p> <P>{</p> <P>attribute 1: value 1</p> <P>attribute 2: value 2</p> <P>;</p> <P><head>에서 <style type="text/css">를 </head>에 추가하면 CSS 관련 함수가 호출됩니다.</p> <P>2. 선택기: 요소 선택기, 클래스 선택기, ID 선택기, 포함 선택기, 와일드카드 선택기 및 의사 선택기 클래스 및 의사- 요소 선택자. (각 선택기의 기능과 사용법은 54-56권을 참고하세요.)</p> <P>3. 스타일 규칙 위치:</p> <P>외부, 인라인, 임베디드 총 3가지 형태가 있습니다.</p> <P>외부 연결은 생성된 페이지 파일과 동일한 레벨의 파일에 .css 파일을 생성한 후, .css에 유효한 속성 코드를 텍스트 형식으로 작성하는 것입니다.</p> 그리고 <P>페이지 파일에서 <link rel="stylesheet" type="text/css" ref="style sheet url"> 로</p> <P>호출됩니다</p> . 이 방법은 여러 페이지에서 동일한 스타일을 사용하는 데 적합합니다. <P>삽입은 일반적으로 사용되는 CSS 속성입니다. 즉, <head></head>에 <style type="text/css">를 추가하고</p> <P>선택기 {</p> <P>attribute 1: value 1</p> <P>: value 2</p> <P>; .</p> <P>}</p> <P>이 형식으로 사용됩니다.</p> <P>인라인은 표시될 때 스타일을 표시하기 위해 요소 뒤에 스타일 속성을 사용하는 것을 의미합니다. 기본적으로 대부분의 HTML 태그에는 스타일 속성이 있습니다.</p> <P>4.css 상자 템플릿 및 오버랩</p> <P>(1) 여백: 여백 테두리: 테두리 패딩: 테두리 거리(자세한 내용은 53권 참조)</p> <P>(2) CSS 속성 단위: (자세한 내용은 책 57~65페이지 참조)</p> <P>(3) div -css 페이지 레이아웃:</p> <P><table> 속성을 사용하면 전체 페이지를 레이아웃할 수 있을 뿐만 아니라 일반적으로 사용되는 <div> 속성이 더 편리하고 간결합니다.</p> <P> </P> 셋째: <P>JavaScript의 기본 및 고급 구문에서</p> <P>마스터해야 할 사항은 세 가지뿐입니다</p> . <P>1. <script type="text/javascript"> 이는 CSS 속성을 호출하는 것과 동일합니다.</p> <P>document.write("Hello")는 C 언어의 printf 의미와 동일하며, 경고로 대체될 수도 있습니다.</p> <P>2. 이벤트 핸들러: 이 지식 포인트에는 4가지 포인트가 있으며, 트리의 81~95페이지에 있는 자세한 소개를 참조하세요.</p> <P>3. 고급 구문: C 언어의 데이터 유형, 루프, 시퀀스 및 선택과 유사합니다. 몇 가지 차이점이 있습니다.</p> <P>(1) 데이터 유형을 정의하려면 명시적으로 정의할 필요가 없으며 var를 사용하면 됩니다.</p> <P>(2) 서로 다른 유형의 데이터에 대한 계산은 C 언어만큼 명확하지 않습니다. 예를 들어 문자 유형과 데이터 유형인 var 'a' b도 c='a'-b로 계산할 수 있습니다.</p> <P>(3) 문자열 연산자를 추가했습니다.</p> <P>4. 함수 호출: 이는 C 언어와 유사합니다. 예를 들어 설명하겠습니다.</p> <P><!doctype html public "-//w3c//dtd xhtml 1.0 transital//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> <머리><BR> <title>자바스크립트 요약</title><BR><BR> <스크립트 유형="텍스트/자바스크립트"><BR><BR> 함수 sum1(m){<BR> var i,n=1;<BR> for(i=1;i<=m;i++){<BR> n=1/i*n;<BR> }<BR> n을 반환;<BR> }<BR> 함수 합(n){<BR> var i,s=0;<BR> for(i=1;i<=n;i++){<BR> s=s+sum1(i);<BR> }<BR> 경고;<BR> }<BR><BR> </script><BR> </head><BR> <본문><BR> <form action="#" 메소드="get"><BR> 1+1/2!+1/3!+1/4!...1/10!=<BR> <input type="button" value="Sum" onclick="sum(10);"<BR> </form></p> <P></body><BR> </html></p> <P>이 질문은 함수 호출을 사용하여 합계를 계산합니다. 누구나 이해할 수 있어야 합니다. - -! 우리 숙제.</p> <P>좋아요, 이것은 이번 주에 대한 요약입니다. 모든 사람에게 도움이 되기를 바랍니다. 이는 포괄적이지 않으며 참고용일 뿐입니다.</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>