이번 주에는 클라이언트의 3 개 부분 인 XHTML, CSS 및 JavaScript의 구문 기반을 배웠습니다. 첫째 : XHTML 속성 정보 (태그) - - 1. 양식 속성 <form action = "form handler url"method = "gei/post"> 2. <id = ""name = "">이 두 가지 속성은 이번 주에 내 개인 숙제와 사용에 따라 고유 한 식별 번호와 차이점입니다. >에서. 3. 제어 속성 <입력>, <elect> 및 <옵션>, <TextRea>; <입력>은 유형 속성 정의와 다른 컨트롤입니다. 다른 요구에 따라 다른 컨트롤에 사용됩니다. <select> 및 <sollite>는 제어 드롭 다운 메뉴로 함께 사용됩니다. 기본 형식 : <select name = ""id = ""> <옵션 값 = ""> xx </옵션> </선택> <TextArea>는 멀티 라인 텍스트 상자를 만드는 데 사용됩니다. 4. 일반적인 정의 속성 : 글꼴 크기 : 높이; > 빈 라인 & nbps; 하나의 공간 둘째 : CSS 제어 페이지 1. 스타일 규칙 : CSS 스타일을 사용한 레이아웃에서 기본 형식은 다음과 같습니다. 선택자{ 속성 1 : 값 1; 속성 2 : 값 2; ..... ..... } <style type = "text/css"> to <head> </head> 추가 CSS 관련 기능을 호출하십시오. 2. 선택기 : 요소 선택기, 클래스 선택기, ID 선택기, 선택기, 와일드 선택기, 의사 클래스 및 의사 요소 선택기를 포함하는 ID 선택기. (책 54-56을 참조하십시오) 3 스타일 규칙 위치 : 총 3 가지 양식이 있습니다 - 봉사 활동, 인라인 및 내장. 아웃 리치는 생성 된 페이지 파일과 동일한 파일로 .CSS 파일을 작성한 다음 .CSS의 텍스트 형태로 작동 속성 코드를 작성하는 것입니다. 그리고 페이지 파일에서 <link rel = "Stylesheet"type = "text/css"ref = "스타일 시트의 URL"을 사용하십시오. 호출하려면이 방법은 여러 페이지가 동일한 스타일을 사용하는 데 적합합니다. Embed는 일반적으로 사용되는 CSS 속성, 즉 <add <style type = "text/css"> to <head> </head>를 추가하고 사용합니다. 선택자{ 속성 1 : 값 1; 속성 2 : 값 2; ..... ..... } 이 양식이 사용됩니다. 인라인은 스타일 속성을 사용하여 요소가 표시 될 때 스타일을 표시하는 것을 의미합니다. 기본적으로 대부분의 HTML 태그에는 스타일 속성이 있습니다. 4.CSS 박스 곰팡이 및 중첩 (1) 마진 : 마진 테두리 : 국경 패딩 : 국경 간격 (자세한 내용은 책 53 참조) (2) CSS 속성 장치 : (책의 57-65 페이지에 대한 자세한 소개 참조) (3) Div-CSS 페이지 레이아웃 : 이것은 <테이블> 속성뿐만 아니라 전체 페이지를 레이아웃 할 수있을뿐만 아니라 일반적으로 사용되는 <div>는 더 편리하고 간결합니다. 셋째 : JavaScript의 구문 기반 및 발전 마스터에는 3 점 만 있습니다. 1. <script type = "text/javaScript"> 이것은 CSS 속성을 호출하는 것과 동일합니다. Document.Write ( "Hello")는 C Language Printf의 의미와 동일하며 경고로 대체 할 수도 있습니다. 2. 이벤트 핸들러 :이 시점에는 4 개의 지식이 있습니다. 3. Advanced Syntax : 즉 C 언어로 데이터 유형, 루프, 순서 및 선택과 유사한 클래스를 선택하십시오. 몇 가지 차이점 만 있습니다. (1) 명시 적 정의없이 데이터 유형을 정의하고 var를 사용하십시오. (2) 다양한 유형의 데이터 계산은 C 언어만큼 명확하지 않습니다. (3) 문자열 연산자가 추가되었습니다. 4. 기능 호출 : 이것은 C 언어와 유사합니다. <! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd "> </body> 이 질문은 기능 호출을 사용하여 요약되며 모든 사람은 이해할 수 있어야합니다. 우리의 숙제. 좋아, 이번 주에 나는 그것이 모두에게 도움이되지 않기를 바랍니다.
<html xmlns = " http://www.w3.org/1999/xhtml : lang ="en "lang ="en ">
<헤드>
<title> JavaScript Sum </title>
<script type = "text/javaScript">
함수 sum1 (m) {
var i, n = 1;
for (i = 1; i <= m; i ++) {
n = 1/i*n;
}
리턴 n;
}
함수 합계 (n) {
var i, s = 0;
for (i = 1; i <= n; i ++) {
s = s+sum1 (i);
}
경고 (들);
}
</script>
</head>
<body>
<form action = "#"method = "get">
1+1/2! +1/3! +1/4! ...... 1/10! =
<입력 유형 = "버튼"value = "sum"onclick = "sum (10);
</form>
</html>