Maison > interface Web > tutoriel CSS > Utilisation basique du html (explication des balises HTML)_CSS/HTML

Utilisation basique du html (explication des balises HTML)_CSS/HTML

WBOY
Libérer: 2016-05-16 12:03:59
original
2237 Les gens l'ont consulté

1. Liens
Les liens hypertextes en HTML sont très importants. Le format de base est le suivant :
Link Text

1. Lien local
①Absolute Road King :
Lien Absolute Road King vers l'image locale
② Relatif Road King
Liens relatifs de Road King vers des images locales
③Liens vers le répertoire de niveau supérieur
Lien vers le répertoire de niveau supérieur

2. Lien URL
Format : nom du protocole://host.domain name/roadjin/file name
Les protocoles incluent :
fichier Fichier système local
serveur http WWW
serveur ftp serveur ftp
telnet protocole basé sur TELNET
mailto Email
actualités groupe de nouvelles Usenet
serveur Gopher GOPHER
wais Serveur WAIS
Par exemple : 🎜>
Appelez à nouveau le fichier dans cette partie lien et définissez le lien :
Texte du lien
Bien sûr, si vous sautez dans un fichier, le nom du fichier peut être omis.


2. Fenêtre multi-vues FRAMES

Les fichiers HTML conçus à l'aide de la structure FRAMES peuvent diviser la fenêtre entière en plusieurs petites fenêtres indépendantes. Chaque petite fenêtre peut charger différents fichiers et communiquer. les uns avec les autres.
1. Structure de base :





...


2. Paramétrage de la taille de chaque fenêtre
Nous divisons la fenêtre en plusieurs morceaux, en utilisant l'attribut ROWS pour la division horizontale et l'attribut COLS pour la division verticale. La taille de chaque morceau peut être réalisée par la valeur de ces deux attributs.

La valeur de
# est une paire de chaînes entourées de guillemets. Le nombre dans la chaîne indique l'occupation de chaque fenêtre. . Les tailles sont séparées par des virgules, et les chiffres peuvent également être remplacés par "*" pour indiquer que le navigateur attribue automatiquement la taille. Tels que


3. Interaction entre les fenêtres
①L'attribut src du cadre est utilisé pour spécifier le contenu à lier, l'attribut name spécifie le nom de la fenêtre et l'attribut target. est utilisé pour spécifier le lien Dans quelle fenêtre le fichier apparaît, la valeur peut être le nom défini par name, ou les quatre types de valeurs suivants :
> Affiché dans la même fenêtre
Affiché dans la fenêtre du fichier précédent dans Frameset
Affiché dans toute la fenêtre du navigateur
②Autres attributs du frame
#=yes,no
frameborder spécifie le réglage de la bordure de chaque fenêtre : oui signifie qu'il y a un border, no signifie pas de bordure

La valeur de
# est en pixels. Cette propriété est utilisée pour définir la largeur du haut, du bas, de la gauche et de la droite. bordures de la fenêtre. S'il n'est pas défini, il sera automatiquement déterminé par le navigateur.

#=yes,no,auto
Paramètre de la barre de défilement, oui signifie oui, non signifie non, auto signifie automatiquement défini par le navigateur, la valeur par défaut est auto.


L'attribut noresize précise que l'utilisateur ne peut pas redimensionner le cadre. Par défaut, les cadres peuvent être redimensionnés en faisant glisser les "murs" entre eux, et cette propriété verrouille la taille des cadres.


3. Feuille de style

1. Le rôle le plus important de la feuille de style est de fournir une méthode permettant de maintenir la cohérence du style de toutes les pages Web.
Les trois niveaux de feuilles de style, dans l'ordre du niveau bas au niveau élevé, sont :
① Feuille de style intégrée (en ligne) : applicable au contenu d'un seul élément ②. feuille de style : Applicable au corps principal de l'ensemble du document
③ Feuille de style externe (externe) : Peut être appliquée au corps principal de plusieurs documents
Lorsqu'il est utilisé, en cas de conflit, le style de bas niveau. La feuille a la priorité d'utilisation.
2. Problèmes à noter lors de l'utilisation de CSS :
① Certains navigateurs peuvent ne pas prendre en charge certaines valeurs d'attribut. Dans ce cas, le navigateur ignorera ces valeurs d'attribut ou les remplacera par une valeur facultative.
②Le style intégré ne s'adapte qu'à un seul élément, ce qui viole en fait l'intention de conception originale de la feuille de style, il doit donc être utilisé avec prudence.
③La description du style au niveau du document apparaît dans l'en-tête du document et s'applique à l'ensemble du corps du document.C’est ainsi que le style général de construction d’un site Web peut rester cohérent.
④La feuille de style externe ne fait pas partie du document dans lequel elle est utilisée. La feuille de style externe doit être stockée séparément et doit être expliquée lors de son utilisation. Les feuilles de style externes peuvent être écrites dans certains fichiers texte en utilisant le type MIME text/css. Elles peuvent être stockées sur n'importe quel ordinateur sur Internet. Le navigateur obtient la feuille de style externe tout comme le document. L'élément en tête d'une page Web peut également être utilisé pour spécifier une feuille de style externe. Dans , l'attribut rel est utilisé pour spécifier la relation entre le document lié et le document contenant le lien. et l'attribut href est utilisé pour spécifier le style. L'adresse URL du document de table. Tels que


4.
Utilisation de
Dans certains cas, certains attributs de police spéciaux doivent être appliqués uniquement à une partie du texte du paragraphe entier, comme la définition d'un certain mot ou d'une certaine expression dans une police différente. ou l'arrière-plan, etc. C'est ici que vous pouvez utiliser l'élément , par exemple :

J'aime vraimentProgrammation< ; /span>, c'est une chose très agréable.



Utilisation de

Dans les pages Web, les sections sont une forme très courante. Chaque section se compose de plusieurs paragraphes si dans la conception, on espère que non seulement chacun. paragraphe, au lieu de cela, vous pouvez styliser les sections d'une page Web. À l'heure actuelle, vous pouvez utiliser
. Son objectif principal est de spécifier l'apparence et d'afficher les détails d'une certaine section ou zone de la page Web.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal