Les utilisations de base du HTML incluent les liens, les feuilles de style, span et div, etc._HTML/Xhtml_Production de pages Web

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

Texte du lien

1. lien
①Résistance routière absolue :
Résistance routière absolue liens vers des images locales
②Résistance routière relative
Résistance routière relative liens vers des images locales
③ Lien 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 /filename
Les protocoles incluent :
fichier fichier système local
serveur http WWW
serveur ftp ftp
telnet protocole basé sur TELNET
mailto email
actualités groupe de news Usenet
gopher GOPHER server
wais WAIS server

Tels que: Baidu

3. Lien de répertoire
Définissez d'abord un certain paragraphe comme position du lien, format Pour :

Appelez ensuite le fichier dans cette partie lien et définissez le lien :
Texte du lien
Bien sûr, si vous sautez à l'intérieur d'un fichier , le nom du fichier. Vous pouvez l'omettre et ne pas l'écrire.

2. Fenêtre multi-vue 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, et chaque petite fenêtre peut charger différents fichiers et peut communiquer les uns avec les autres.
1. Structure de base :







...


2. Paramètres de taille de chaque fenêtre
Nous divisons la fenêtre en plusieurs morceaux, en utilisant l'attribut ROWS pour la division horizontale et division verticale Grâce à l'attribut COLS, la taille de chaque bloc peut être implémentée par les valeurs de ces deux attributs.

La valeur de
# est une paire de chaînes entourées de guillemets. Le nombre dans la chaîne représente la taille de chaque fenêtre, séparé par des virgules, où le nombre peut également. être remplacé par "*", indiquant que la taille est automatiquement attribuée par le navigateur. Par exemple,


Répartissez uniformément les fenêtres au-delà de 100 pixels
3 Interaction entre les fenêtres
①L'attribut src du cadre est utilisé pour spécifier le. contenu du lien, l'attribut name spécifie le nom de la fenêtre et l'attribut target est utilisé pour spécifier dans quelle fenêtre le fichier lié apparaît. Sa valeur peut être le nom défini par name, ou il peut s'agir des quatre types de valeurs suivants :
Afficher une nouvelle fenêtre
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 propriétés du cadre
#=oui, non
frameborder précise le réglage de chaque bordure de fenêtre : oui signifie qu'il y a une bordure, non signifie pas de bordure

Le la valeur de
# est le point de pixel. Les propriétés sont utilisées pour définir la largeur des bordures supérieure, inférieure, gauche et droite de la fenêtre. Si elles ne sont pas définies, le navigateur la déterminera automatiquement.

#=oui, non,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 (au niveau du document) : 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'elle est utilisée, en cas de conflit, la feuille de style la feuille de style de bas niveau est prioritaire dans l'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 le L'attribut href est utilisé pour spécifier l'adresse URL du document de feuille de style. Tels que


4. Utilisation de span et div

Dans certains cas, certains attributs de police spéciaux sont requis. ne s'applique qu'à une partie du texte du paragraphe entier, comme la définition d'un certain mot ou d'une certaine phrase avec une police ou un arrière-plan différent, etc. Cela se fait en utilisant l'élément , par exemple :

J'aime beaucoup la programmation, 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 chaque paragraphe puisse être. Sections de style dans les pages Web. À l'heure actuelle, vous pouvez utiliser

. Son objectif principal est de spécifier les détails d'affichage de l'apparence d'une certaine section ou zone de la page Web.