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