Jour -HTML et CSS-tutoriel CSS-php.cn

Jour -HTML et CSS

Mary-Kate Olsen

Libérer： 2025-01-03 20:54:45

original

289 Les gens l'ont consulté

HTML :
HTML signifie Hyper Text Markup Language.
HTML est le langage standard utilisé pour créer des pages Web.
Il définit la structure d'une page Web à l'aide d'un système de balises ou d'éléments.

CSS :

CSS signifie Feuilles de Style en Cascade.
Il est utilisé pour styliser et formater la mise en page d'une page Web créée avec HTML.
Il contrôle des éléments tels que les couleurs, les polices, l'espacement, le positionnement et la conception réactive.
CSS vous permet de séparer la structure (HTML) de la conception (styles), rendant le site Web plus facile à maintenir et plus flexible.

JS :
Js signifie JavaScript.
C'est un langage de programmation utilisé pour créer des effets dynamiques et interactifs dans les navigateurs Web.
Alors que HTML structure la page et CSS la stylise, JavaScript permet l'interaction avec la page et peut modifier le contenu de manière dynamique.

HTML :
HTML est un langage textuel qui définit la structure et la signification du contenu Web.

Day -HTML ans CSS

Balises autonomes :
En HTML, les balises autonomes font référence à des éléments HTML qui ne nécessitent pas de balise de fermeture. Celles-ci sont également souvent appelées balises à fermeture automatique ou éléments vides.

Exemple :

<br>
<hr>
<input>

Copier après la connexion

Balises de structure :
Les balises viennent généralement par paires : une balise d'ouverture et une balise de fermeture.

Exemple :

<html>
<head>
<body>

Copier après la connexion

Élément :
Les éléments sont les éléments constitutifs d'une page Web et représentent les différents types de contenu et de structure du document.

Composants d'un élément HTML :

Opening Tag: The starting part of the element that defines the type of content that follows.
    Example:<p>, <h1>, <div>, <img>

Content: The content placed between the opening and closing tags (if applicable). This could be text, images, links, or other elements.
    Example: This is a paragraph.

Closing Tag: The closing part of the element that indicates the end of the element. It is the same as the opening tag, but with a forward slash (/) before the tag name.
   Example: </p>, </h1>, </div>

Attributes (Optional): Additional properties that provide extra information about the element. Attributes are added inside the opening tag.
    Example:>
<p><strong>Example:</strong><br>
</p>

<pre class="brush:php;toolbar:false"><html>
<head>
    <title>ILUGC</title>
<style>
.container{
    border:1px solid;
    height:200%;
    width:85%;
    margin:auto;
}
.header h4{
    text-transform: uppercase;
    color:#e22d30;
    border-top:1px solid green;
    width: fit-content;
    padding-top:10px;
}
.header{

    margin:25px;
}
</style>
</head>
<body>
   <div>



<p><strong>Explanation of the HTML Structure:</strong><br>
</p>

<pre class="brush:php;toolbar:false"><html>: Root element of the HTML document.
        <head>: Contains metadata for the page, including the title and styles.
        <body>:Contains the content visible on the page.

    Inside the <head>:
        The <title> tag gives the webpage its title when viewed in the browser tab.
        The <style> tag contains the internal CSS to style the page.

    Inside the <body>:

        .container:A container div with a class container that holds all the page elements.
            It's styled with a border, height, width, and centered using margin:auto.

        .header: A section that contains the main title (<h1>) and a subtitle (<h4>) about the ILUGC group.
            The h4 tag is styled with uppercase letters, a red color, a border on top, and some padding.

        navbar: This seems to be a placeholder for a navigation bar.

        layout: A section for the main content layout, with two subsections:
            mainLayout: Likely for the main content area.
            sideLayout: Likely for a sidebar or additional content.

        footer: Placeholder for the footer section.

Copier après la connexion

div :
L'élément est un conteneur au niveau du bloc utilisé pour regrouper d'autres éléments et leur appliquer des propriétés de style ou de mise en page.

Sélecteur de classe :

Le sélecteur de classe est utilisé pour sélectionner et styliser les éléments qui ont un attribut de classe spécifique. C'est l'un des sélecteurs les plus couramment utilisés en CSS. Un sélecteur de classe est défini par un point (.) suivi du nom de la classe.

Syntaxe :

.classname {

}

Copier après la connexion

Sélecteur d'éléments :

Le sélecteur d'éléments (également connu sous le nom de sélecteur de type) est utilisé pour sélectionner et styliser les éléments HTML en fonction de leur nom de balise. Il vous permet d'appliquer des styles à toutes les instances d'un type particulier d'élément HTML dans le document.

Syntaxe :