Bloc HTML

HTML <div> et <span>

HTML peut combiner des éléments via <div>

Éléments de bloc HTML

La plupart des éléments HTML sont définis comme des éléments de niveau bloc ou des éléments en ligne.

Les éléments de niveau bloc commencent (et se terminent) généralement par une nouvelle ligne lorsqu'ils sont affichés par le navigateur.

Exemples : <h1>, <p>, <ul>, <table>

Élément HTML en ligne

Les éléments en ligne ne commencent généralement pas par une nouvelle ligne lorsqu'ils sont affichés.

Exemples : <b>, <td>, <a>, <img>

Élément HTML <div>

L'élément HTML <div> est un élément de niveau bloc qui peut être utilisé comme conteneur pour combiner d'autres éléments HTML. L'élément

<div> n'a pas de signification spécifique. De plus, puisqu'il s'agit d'un élément de niveau bloc, le navigateur affichera des sauts de ligne avant et après celui-ci.

S'il est utilisé avec CSS, l'élément <div> peut être utilisé pour définir des attributs de style sur de gros blocs de contenu. Une autre utilisation courante de l'élément

<div> Il remplace l'ancienne méthode d'utilisation des tableaux pour définir les mises en page. L'utilisation de l'élément <table> pour la mise en page du document n'est pas une utilisation correcte des tableaux. L'élément <table> est utilisé pour afficher des données tabulaires. L'élément

HTML <span> est un élément en ligne qui peut être utilisé comme conteneur de texte. L'élément <span>

Lorsqu'il est utilisé avec CSS, l'élément <span> peut être utilisé pour définir les attributs de style pour des parties de texte.

<!DOCTYPE html>   
<html> 
<head>
<meta charset="utf-8">
<style>
</style>
</head>  
<body>   
  <div>
     <p>标题</p>
  <span>
  内容
  </span>
  </div>
</body>   
</html>

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> </head> <body> <div> <p>标题</p> <span> 内容 </span> </div> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Bloc HTML

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]