Maison  >  Article  >  interface Web  >  Utilisation basique du HTML (explication des balises HTML)

Utilisation basique du HTML (explication des balises HTML)

高洛峰
高洛峰original
2017-02-13 14:08:341467parcourir

Les balises HTML les plus basiques : link, FRAMES, span, p et style sheet css, qui doivent toutes être apprises avant de pouvoir écrire du code HMTL à la main.

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
tel que : Baidu

3. un emplacement de lien au format :

Appelez ensuite le fichier dans cette partie lien pour définir le lien :
< ="Nom du fichier#Nom de l'emplacement du lien">Texte du lien
Bien sûr, si vous sautez dans un fichier, le nom du fichier peut être omis.


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é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. Interopération entre les fenêtres
①L'attribut src du frame permet de préciser le contenu à lier, l'attribut name précise 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 (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, le la feuille de style de bas niveau est prioritaire dans l'utilisation.
2. Problèmes auxquels vous devez faire attention 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 :

I likeProgramming< /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 chaque paragraphe. sera Au lieu de cela, vous pouvez styliser les sections d’une page Web. À ce stade, 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.

Pour plus d'articles liés à l'utilisation de base du html (explication des balises HTML), faites attention au site PHP chinois !