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)

php中世界最好的语言
php中世界最好的语言original
2018-01-20 10:14:022249parcourir

这次给大家带来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:
    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