"Tutoriel de base HTML5 et CSS3 8"
Introduction
temps de mise à jour：2017-12-18Chapitre 1, Éléments constitutifs d'une page Web
La page Web se compose principalement de trois parties :
1. Contenu texte (texte brut)
2. Références à d'autres fichiers : images, audio, vidéos, fichiers de feuille de style, fichiers js
3. Balisage : décrivez le contenu du texte et assurez-vous que les références fonctionnent correctement
REMARQUE : Tous ces composants sont constitués uniquement de texte
Page HTML de base
HTML utilise <,> pour entourer les balises HTML. La balise d'ouverture (telle que <head>) marque le début de l'élément et la balise de fermeture (</head>) est utilisée pour marquer la fin de l'élément
Haut de page et en-tête
<body>Le contenu situé au-dessus de la balise d'ouverture est préparé pour les navigateurs et les moteurs de recherche. La partie <!DOCTYPE html> indique au navigateur qu'il s'agit d'une page HTML5.
Remarque : DOCTYPE doit toujours être sur la première ligne de la page
Vient ensuite l'élément <html>, qui contient le reste de la page. Vient ensuite l'en-tête du document <head>, <meta>, <title>
Tags : éléments, attributs, valeurs et autres
Composition des balises : élément, attribut, valeur
Remarque : Il est d'usage d'utiliser des lettres minuscules pour les étiquettes
Remarque : Les guillemets des deux côtés de la valeur de l'attribut sont facultatifs. Il est recommandé de les écrire. Essayez d'utiliser des lettres minuscules pour écrire le nom de l'attribut
. Élément parent, élément enfant
Si un élément contient un autre élément, il s'agit de l'élément parent de l'élément contenu et l'élément contenu est appelé élément enfant.
Remarque : veillez à emboîter correctement, par exemple :
<div> <p></p> N'emboîtez pas comme suit, des problèmes surviendront
La page Web se compose principalement de trois parties :
1. Contenu texte (texte brut)
2. Références à d'autres fichiers : images, audio, vidéos, fichiers de feuille de style, fichiers js
3. Balisage : décrivez le contenu du texte et assurez-vous que les références fonctionnent correctement
REMARQUE : Tous ces composants sont constitués uniquement de texte
Page HTML de base
HTML utilise <,> pour entourer les balises HTML. La balise d'ouverture (telle que <head>) marque le début de l'élément et la balise de fermeture (</head>) est utilisée pour marquer la fin de l'élément
Haut de page et en-tête
<body>Le contenu situé au-dessus de la balise d'ouverture est préparé pour les navigateurs et les moteurs de recherche. La partie <!DOCTYPE html> indique au navigateur qu'il s'agit d'une page HTML5.
Remarque : DOCTYPE doit toujours être sur la première ligne de la page
Vient ensuite l'élément <html>, qui contient le reste de la page. Vient ensuite l'en-tête du document <head>, <meta>, <title>
Tags : éléments, attributs, valeurs et autres
Composition des balises : élément, attribut, valeur
Remarque : Il est d'usage d'utiliser des lettres minuscules pour les étiquettes
Remarque : Les guillemets des deux côtés de la valeur de l'attribut sont facultatifs. Il est recommandé de les écrire. Essayez d'utiliser des lettres minuscules pour écrire le nom de l'attribut
. Élément parent, élément enfant
Si un élément contient un autre élément, il s'agit de l'élément parent de l'élément contenu et l'élément contenu est appelé élément enfant.
Remarque : veillez à emboîter correctement, par exemple :
<div> <p></p> N'emboîtez pas comme suit, des problèmes surviendront
Déclaration：
Toutes les ressources de ce site Web sont fournies et publiées par des internautes, ou réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site Web sont uniquement destinées à l’apprentissage et à la référence. Merci de ne pas les utiliser à des fins commerciales, sinon vous serez responsable de toutes les conséquences encourues ! En cas d'infraction, veuillez nous contacter pour la supprimer et la supprimer. Coordonnées : admin@php.cn
Recommandations associées
Voir plusmises à jour récentes
Voir plus- 05-09Système de paiement de gestion backend ThinkPHP6 - didacticiel de développement pratique
- 11-06Cours d'introduction de base PHP+MySQL
- 11-06Didacticiel de cours d'introduction HTML5CSS3JavaScriptES6
- 09-21WeChat Mini programme développement de livres de comptabilité didacticiels pratiques
- 08-15Développement de configuration ThinkPHP et didacticiels pratiques backend CMS
Derniers cours
Voir plus![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
- [Web front-end] Démarrage rapide de Node.js
- Ce cours est spécialement conçu pour les débutants et vise à aider les étudiants à maîtriser rapidement les connaissances de base et les technologies de base de Node.js. Le cours commence par l'installation et la configuration de l'environnement de Node.js, et analyse progressivement en profondeur son modèle de programmation asynchrone, son système de modules et son mécanisme événementiel. Grâce à une multitude de cas pratiques, les étudiants apprendront à utiliser Node.js pour créer un serveur Web efficace et stable, traiter les requêtes et réponses HTTP et effectuer des opérations sur les fichiers et des interactions avec des bases de données. En outre, le cours présentera également des scénarios d'application typiques de Node.js dans le développement front-end, aidant les étudiants à améliorer rapidement leurs capacités pratiques et à relever facilement les défis du développement front-end.
- Collection complète de cours full-stack de développement Web étranger
- Ce cours est un didacticiel complet couvrant le développement HTML, CSS, JavaScript, Vue.js, React, Flutter et d'applications mobiles. De la production de pages Web de base aux interactions complexes front-end et back-end, en passant par le développement pratique d'applications mobiles, les cours sont riches en contenu et très pratiques. Grâce à une série de projets pratiques, les étudiants acquerront une compréhension approfondie et maîtriseront diverses compétences de développement et deviendront rapidement des ingénieurs de développement full-stack. Les développeurs débutants comme expérimentés peuvent en bénéficier. Grâce à l'étude de ce cours, vous aurez la capacité de développer de manière indépendante des applications Web et des applications mobiles, établissant ainsi une base solide pour un développement de carrière futur.
- Aller au langage pratique GraphQL
- Ce cours est conçu pour aider les apprenants à maîtriser l'utilisation du langage Go pour implémenter les services GraphQL. Le cours commence par les connaissances de base de GraphQL, et analyse en profondeur les caractéristiques et les avantages de son langage de requête de données. Puis, combiné aux caractéristiques du langage Go, il explique en détail comment construire un serveur GraphQL, traiter les requêtes, définir les données. modèles, etc Grâce à de riches cas pratiques, les apprenants apprendront comment intégrer GraphQL dans des projets réels pour améliorer la flexibilité et l'efficacité de l'interaction des données. Le cours convient aux développeurs ayant une certaine base en langage Go et constitue un incontournable pour créer des API efficaces et modernes.
- Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape
- Ce cours est spécialement conçu pour les débutants et est dispensé par les patrons de Google. Le cours part des connaissances de base de JavaScript et s'approfondit progressivement en couvrant la syntaxe, les fonctions, les objets, le traitement des événements, etc. Grâce à des cas concrets et des exercices pratiques, les étudiants peuvent rapidement maîtriser les compétences de base de JavaScript. Le patron répondra personnellement aux questions des étudiants et partagera son expérience en programmation, permettant aux étudiants de devenir des maîtres JavaScript dans une atmosphère détendue et agréable. Que vous soyez novice en programmation ou développeur cherchant à améliorer vos compétences, ce cours sera votre meilleur choix pour apprendre JavaScript.
- Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures
- Ce cours vous emmène dans un voyage de programmation. En partant de zéro, ce cours de 6 heures vous guidera à travers les principes fondamentaux et les concepts avancés de Python. Que vous soyez un débutant ou un programmeur expérimenté cherchant à améliorer vos compétences, les explications détaillées et les méthodes d'enseignement claires de Mosh vous permettront de vous familiariser rapidement avec Python. Apprenez-en davantage sur les variables, les types de données, les conditions, les boucles, les fonctions, les objets et les modules et renforcez votre compréhension avec des exercices pratiques. Ce cours est idéal pour apprendre Python et vous préparer à une variété de domaines de carrière. L'expertise et la passion de Mosh pour l'éducation vous donneront la confiance nécessaire pour commencer à devenir un développeur Python compétent.