Cette semaine nous apprenons les trois parties du client, les bases grammaticales du xhtml, du css et du javascript.
Premièrement : Concernant les attributs (marques) de xhtml -
1. Attributs de formulaire <form action="form handler url" method="gei/post">
2. <id="" name="">Ces deux attributs C'est le numéro d'identification unique et différence du nom du formulaire D'après mes devoirs personnels et mon utilisation cette semaine, il est principalement utilisé dans des contrôles tels que <form> <input>.
3. Attributs de contrôle <input>, <select> et <option>, <textarea> ;
<input> est un contrôle défini différemment de l'attribut type. Il existe 10 types au total, y compris la zone de texte, la sélection multiple et la sélection radio. , et la boîte de mot de passe. Soumettre et annuler, etc. Utilisé pour différents contrôles selon différents besoins.
<select> et <option> sont utilisés ensemble pour contrôler les menus déroulants. Format de base :
<select name="" id="">
<option value="">xx</option>
</select>
<textarea> est utilisé pour créer une zone de texte multiligne.
4. Attributs de définition couramment utilisés : font-family : définit le style de police de la page entière ; font-size : taille de la police ; width : height ; />Ligne vide&nbps ;Espace vide
seconde : page de contrôle CSS
1. Règles de style : lors de l'utilisation de la miseen
page de style CSS, le formatde
base est le suivant :
sélecteur {
attribut 1 : valeur 1
; attribut 2 : valeur 2
;
dans <head > L'ajout de <style type="text/css"> à </head> appellera les fonctions liées au CSS
2. Sélecteurs : sélecteur d'élément, sélecteur de classe, sélecteur d'identifiant, sélecteur d'inclusion, sélecteur de caractère générique et pseudo-sélecteur Classe et pseudo- sélecteurs d'éléments. (Pour les fonctions et l'utilisation de chaque sélecteur, veuillez vous référer au Livre 54-56)
3. Position de la règle de style :
Il existe trois formulaires au total : externe, en ligne et intégré.
La connexion externe consiste à créer un fichier .css dans le fichier de même niveau que le fichier d'échange généré, puis à écrire le code d'attribut effectif sous forme de texte dans le .css.
Etil est appelé
avec <link rel="stylesheet" type="text/css" ref="style sheet url"> dans le fichier de page
.Cette méthode convient à plusieurs pages pour utiliser le même style.L'intégration est un attribut CSS couramment utilisé, c'est-à-dire l'ajout de <style type="text/css"> à <head></head> et l'utilisation
du sélecteur {
attribut 1 : valeur 1 ;
attribut 2 ; valeur 2
; . .
}
est utilisé sous cette forme.
Inline signifie utiliser l'attribut style après l'élément pour marquer le style lors de l'affichage. Fondamentalement, la plupart des balises HTML ont un attribut de style.
Modèle de boîte 4.css et chevauchement
(1) marge : bordure de marge : remplissage de bordure : distance de bordure (voir le livre 53 pour plus de détails)
(2) unité d'attribut CSS : (voir les pages 57 à 65 du livre pour plus de détails)
(3) div -css Mise en page :
c'est le point clé. Non seulement l'attribut <table> peut mettre en page la page entière, mais le <div> couramment utilisé est plus pratique et concis.
Troisièmement :
Il n'y a que trois points à maîtriser
dans la syntaxe de base et avancée de JavaScript
:1. <script type="text/javascript"> C'est la même chose que l'appel d'attributs CSS.
document.write("Hello") est équivalent à la signification de printf en langage C, et peut également être remplacé par alert.
2. Gestionnaire d'événements : il y a 4 points dans ce point de connaissance, et il y en a plus. Veuillez vous référer à l'introduction détaillée aux pages 81 à 95 de l'arborescence.
3. Syntaxe avancée : elle est similaire aux types de données, aux boucles, aux séquences et à la sélection en langage C. Il y a juste quelques différences :
(1) Pour définir le type de données, il n'est pas nécessaire de le définir explicitement, utilisez simplement var.
(2) Le calcul des différents types de données n'est pas aussi clair que le langage C. Par exemple, var 'a' b, un type de caractère et un type de données, peut également calculer c='a'-b.
(3) Ajout d'opérateurs de chaîne.
4. Appel de fonction : Ceci est similaire au langage C. Je vais utiliser un exemple pour illustrer :
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" " http://www.w3. org /tr/xhtml1/dtd/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="fr" lang="fr">
<tête>
<title>résumé javascript</title>
<script type="text/javascript">
fonction somme1(m){
var je ,n=1;
pour(i=1;i<=m;i++){
n = 1/je*n ;
}
retourner n ;
}
fonction somme(n){
var je,s=0;
pour(i=1;i<=n;i++){
s=s+somme1(i);
}
alerte(s) ;
}
</script>
</tête>
<corps>
<form action="#" méthode="get">
1+1/2!+1/3!+1/4!....1/10!=
<input type="bouton" valeur="Somme" onclick="somme(10);"
</form>
</body>
</html>
Cette question utilise des appels de fonction pour calculer la somme. Tout le monde devrait pouvoir la comprendre - - ! Nos devoirs.
D'accord, voici mon résumé de cette semaine. J'espère qu'il sera utile à tout le monde. Il n'est certainement pas exhaustif et n'est qu'à titre de référence !