|
HTML&CSSrésumé 1. htmlFormat de base <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlRègles grammaticales pour les tags <Attribut du nom de la balise1=Valeur immobilière1« attribut2=Valeur immobilière2”>étiquette</Nom de l’étiquette> 3. Balises hyperliens <a href="où sauter » ></a> Fonction : Saut de page. Question : Si vous voulez rendre une image (picture1.jpg) hyperconnectée, comment devriez-vous l’écrire ? <a href=""><img src="picture1.jpg » /></a> 4. Syntaxe des tables <table> <tr> <td> Petites formes </td> <td>Contenu</td> </tr> </table> Note : Le contenu du formulaire doit être écrit enTDÀ l’intérieur 5. Attributs courants des tables a) Tableau : bordure =Nombres(Lunette) bordure=Couleur de la bordurebgcolor=Couleur de fondespacement cellulaire=Nombre (distance entre les cellules) cellpadding=nombre (distance entre le contenu et la bordure du tableau)Taille=« Nombres fixes|Pourcentage%« Taillelargeur=« Nombres fixes|Pourcentage%« Largeur b) Tr : bgcolor =Couleur de fondTaille=« Nombres fixes|Pourcentage%« Taillelargeur=« Nombres fixes|Pourcentage%« Largeurbordercolor c) Td : bgcolor=Couleur de fondTaille=« Nombres fixes|Pourcentage%« Taillelargeur=« Nombres fixes|Pourcentage%« Largeurcolspan=Nombres (colonnes de fusion)Rowspan=Nombres (lignes de fusion)bordercolor Question : Comment régler l’épaisseur et la couleur de la bordure lorsque l’image est centrée ? Largeur de bordure Couleur de bord 6. Formes a) Fonction : Soumettre les données au serveur b) Syntaxe :<forme ></form> c) Éléments de forme 1. entréeétiquettes i. Texte<type d’entrée=texte /> ii. Mots de passe<type d’entrée=mot de passe /> iii. À choix simple<type d’entrée=nom radio=« Nom identique » /> iv. Choix multiples<type d’entrée=case à cocher /> v. boutons<type d’entrée=bouton /> Envoyer<type d’entrée=soumettre /> Réinitialisation<type d’entrée=réinitialisation> Attributs : Texte :taille=Longueur du textelongueur maximale=Le maximum de caractères peut être inscrit Sélectionnez :vérifiéSélectionné par défaut Boutons :valeur=Le texte affiché au-dessus du bouton 2Étiquettes déroulantes : Syntaxe, Propriétés <sélectionne plusieurs(Plusieurs sélections sont possibles)taille=Vous pouvez voir le nombre d’options> <option sélectionnée(Sélectionné par défaut)>Contenu</option> </select> 7. CSSFeuilles de style en cascade Fonction : Enrichir le contenu et réduire le volume de code Écriture : Lieu (3espèces) 1. En ligne :Ajouter des attributs directement aux tagsstyle=« propriété:Valeur d’attribut;…” 2. Intégration :àTêteÉcriture d’étiquettes :<type de style=« SMS/CSS » > Sélecteur{Propriétés:Valeur d’attribut;…} </style> Points3Sélecteurs de base :HTMLSélecteur,ClasseSélectionneur de classe (.nom de la classe),idSélecteur (#idNom) est la seule 3. Externe :Créez-en un séparé.csspuis ajouter le code de référence à la page que vous souhaitez utiliser, oui2Genre d’écriture Rappelez-vous un : àTêteAjouter des tags à l’intérieur<lien rel=« feuille de style » type="text/css » href="feuille de style nom de fichier.css”> Note : S’il y a un conflit dans la feuille de style, priorisez l’inline avant d’utiliser l’inline et enfin utilisez l’extérieur Question : UtilisationDIV+CSSDisposition etTableauAvantages et inconvénients de la mise en page ? 8. Pseudoclasse (sélecteur) a :lien {color : #FF0000} /* liens non visités */ a :visited {color : #00FF00} /*Liens qui ont été consultés*/ a :survol {color : #FF00FF} /* Mouvement de la souris vers le lien */ a :active {color : #0000FF} /*Lien sélectionné*/ 9. DIV(Modèle de boîte) Fonction : RemplaçanttableauTableau Écriture :<div>Contenu (peut être imbriqué.)div）</div> Utilisation : largeur et hauteur de l’ensemble peuvent être combinéesPosteAttributs Propriétés communes : 1. Frontière: L’épaisseur de la boîte 2. Marge: la distance entre les boîtes 3. Rembourrage: la distance entre le contenu de la boîte et celle-ci. 4. Taille、Largeur: Hauteur, largeur 5. Contexte: Couleur de boîte, motif 6. flotter: Le siège de la logeGauche、Droite 10. PasserTisserandeur de rêvesCréez un modèle Fonction : Obtenir le même style de site web, réduire la quantité de code et améliorer l’efficacité du développement web Comment créer et utiliser des modèles 1. Créer : fichier à nouveau à régulier à HTMLmodèleà Create 2. Enregistrer : Enregistrer sur votre propre site web, notez : Le bon chemin est qu’un dossier Templates apparaîtra en bas du site, qui stocke les fichiers modèles (.dwt） 3. Écriture : Tout comme écrire des pages ordinaires, la composition et la rédaction du même style de contenu sur le site web. Pour différents contenus, il faut créer une zone modifiable (survolez la zone d’édition que vous souhaitez créer en clic droit et sélectionnez Modèle à Nouvelle zone modifiable) 4. Créer une page basée sur un modèle : Fichier à Nouveau à Modèle à Sélectionner le modèle à utiliser 11. Tisseranda de rêvesPoints de connaissance connexes R. RéussiTisserandeur de rêvesCréez un site web : Siteà New site à advanced à local information Nommez le site et définissez le chemin vers le site Note : Le chemin du site ne doit pas être en chinois BFamiliaritéTisserandeur de rêvesNous devons savoir comment produire les balises de base que nous avons apprises plus tôt L’accent est mis sur la typographie de la page à travers les tableaux CDansTisserandeur de rêvesEn utilisant un hyperlien (adresses relatives et absolues) 12. CSSAttributs communs border:1px solid #000000; /*de la frontière3Attributs communs*/ Largeur; la hauteur ; /*Fixez la largeur et la hauteur*/ text-align /*Réglez le contenu au centre gauche et à droite*/ hauteur de ligne /*Le contenu de l’ajustement est centré vers le haut et le bas*/ flotter /*Flotteur(Le flottant doit être utilisé pour créer des hyperliens horizontaux)*/ marge /*Réglez la distance extérieure de la boîte*/ rembourrage /*Fixe la distance à l’intérieur de la boîte*/ Position /*Positionnement, avec qui je suis plus tardEn haut gaucheUtilisation conjointe*/ color:#000000; /*Définir la couleur du texte*/ background-color:#000000; /*Définir la couleur de fond*/ font-size:14px; /*Définir la taille de la police*/ décoration de texte /*Définir si le lien hypertexte est souligné, généralement utilisésoulignerouaucun*/ list-style-type:none; /*Stylisez le lien hypertexte (sans points)*/
2013HTML复习.doc
(44 KB, Nombre de téléchargements: 0, Prix de vente: 1 Grain MB)
| 
Publié sur 09/11/2014 10:42:19
|
|
|
Publié sur 10/11/2014 13:27:37
