Maison interface Web tutoriel HTML Bases de l'édition HTML (une lecture incontournable pour les débutants)

Bases de l'édition HTML (une lecture incontournable pour les débutants)

Jan 20, 2018 am 10:14 AM
html 新手 编辑

这次给大家带来HTML的编辑基础(新手必看篇),下面就是实战案例,一起来看一下。

打开DREAMWEAVER,新建HTML。。

body的属性:

bgcolor                页面背景色

background            背景壁纸、图片

text                    文字颜色

topmargin              上边距

leftmargin               左边距

rightmargin            右边距

bottommargin          下边距

 

格式控制标签:

分别控制字体的颜色、字体和大小。

                字体加粗

     字体加粗

                   倾斜

             倾斜

                下划线

      居中



            相当于回车

                   表示空格,Ctrl+shift+space


内容容器标签:

            标题,会自动换行。HTML标题是                                           

    . . .                通过

等标签来定义的。

              段落标签(段落之间空行)

Balises de calque (occupation par défaut d'une ligne)

& lt; span & gt; & lt;/span & gt; étiquette de calque (combien d'espace est utilisé par défaut)

& lt; ol; ol type="1"> Liste ordonnée, les numéros de série sont 1,2,3...., la forme du numéro de série peut être modifiée entre guillemets

  • Contenu
  •                                                                                                                                                            ./" Représente le répertoire de niveau supérieur

    "./" Représente le répertoire actuel

    Chemin relatif : Commencez la recherche à partir de la page actuelle.

    Chemin absolu : lancez la recherche à partir de la racine du site Web. "/" représente la racine du site Web.

    Lien hypertexte

    Balise :

    Texte du lien hypertexte une nouvelle fenêtre

    Vous pouvez également trouver la table des matières sur la page actuelle et cliquer sur le lien hypertexte sur la table des matières pour accéder automatiquement à un certain endroit de la page.

    Balise d'image

     :

    text

    Définissez la hauteur et la largeur pour conserver la proportion d'origine.
    alt affiche le texte lorsque l'image ne peut pas être chargée et peut également aider les moteurs de recherche à rechercher.

    le titre peut

    ajouter une image

    la description, et la description peut être affichée lorsque la souris est placée sur l'image.

    Tableau :

    Tablelargeur : largeur. Peut être exprimé en pixels ou en pourcentages. La résolution couramment utilisée est de 960 pixels.

    border : frontière, la valeur commune est 0.

    cell

    padding

     : La distance entre le contenu et la bordure. La valeur commune est 0.

    cellspacing : l'espacement entre les cellules, la valeur commune est 0.

    algin : Alignement.

    bgcolor : couleur de fond.

    fond : image de fond.

    Row

    align : l'alignement horizontal d'une ligne de contenu.

    valign : Alignement vertical d'une ligne de contenu.

    hauteur : hauteur du rang.

    bgcolor : couleur de fond.

    fond : image de fond.

    Cell

    En-tête, le contenu de la cellule est automatiquement centré et gras

    align : Alignement du contenu des cellules.

    valign : L'alignement vertical du contenu de la cellule.

    largeur : largeur de cellule.

    hauteur : hauteur de cellule.

    bgcolor : couleur de fond.

    fond : image de fond.

    Le contenu doit être placé dans des cellules, les cellules doivent être placées dans des lignes et les lignes doivent être placées dans des tableaux.

    Lors de la définition de la hauteur de la ligne de cellule et de la hauteur de la colonne, cela affectera également la ligne ou la colonne correspondante.

    Fusion de cellules : (Il est recommandé d'utiliser autant que possible l'imbrication de tableaux)

    colspan="n" fusionne les cellules dans la même ligne (vous devez soustraire les colonnes correspondantes lors de l'écriture du code plus tard)

    rowspan="n" Fusionner les cellules dans la même colonne (soustraire la colonne correspondante de la deuxième ligne)

    Je pense que vous maîtrisez la méthode après avoir lu ces cas. informations, veuillez faire attention aux articles liés à php Chinese Net

    autres

     !

    Lecture connexe :

    Comment utiliser le serveur sse de h5 pour envoyer des événements EventSource

    Comment implémenter la fonction de mémorisation du mot de passe en h5


    Comment implémenter le tri par glisser-déplacer de la souris dans un tableau HTML

    Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

  • Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

    Outils d'IA chauds

    Undresser.AI Undress

    Undresser.AI Undress

    Application basée sur l'IA pour créer des photos de nu réalistes

    AI Clothes Remover

    AI Clothes Remover

    Outil d'IA en ligne pour supprimer les vêtements des photos.

    Undress AI Tool

    Undress AI Tool

    Images de déshabillage gratuites

    Clothoff.io

    Clothoff.io

    Dissolvant de vêtements AI

    AI Hentai Generator

    AI Hentai Generator

    Générez AI Hentai gratuitement.

    Article chaud

    R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
    2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    Repo: Comment relancer ses coéquipiers
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    Hello Kitty Island Adventure: Comment obtenir des graines géantes
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    Combien de temps faut-il pour battre Split Fiction?
    3 Il y a quelques semaines By DDD

    Outils chauds

    Bloc-notes++7.3.1

    Bloc-notes++7.3.1

    Éditeur de code facile à utiliser et gratuit

    SublimeText3 version chinoise

    SublimeText3 version chinoise

    Version chinoise, très simple à utiliser

    Envoyer Studio 13.0.1

    Envoyer Studio 13.0.1

    Puissant environnement de développement intégré PHP

    Dreamweaver CS6

    Dreamweaver CS6

    Outils de développement Web visuel

    SublimeText3 version Mac

    SublimeText3 version Mac

    Logiciel d'édition de code au niveau de Dieu (SublimeText3)

    Bordure de tableau en HTML Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

    Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

    Tableau imbriqué en HTML Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

    Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

    Marge gauche HTML Marge gauche HTML Sep 04, 2024 pm 04:48 PM

    Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

    Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

    Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

    Déplacer du texte en HTML Déplacer du texte en HTML Sep 04, 2024 pm 04:45 PM

    Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.

    Liste ordonnée HTML Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

    Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

    Comment analysez-vous et traitez-vous HTML / XML dans PHP? Comment analysez-vous et traitez-vous HTML / XML dans PHP? Feb 07, 2025 am 11:57 AM

    Ce tutoriel montre comment traiter efficacement les documents XML à l'aide de PHP. XML (Language de balisage extensible) est un langage de balisage basé sur le texte polyvalent conçu à la fois pour la lisibilité humaine et l'analyse de la machine. Il est couramment utilisé pour le stockage de données et

    Bouton HTML onclick Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

    Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.

    See all articles