Maison > interface Web > tutoriel HTML > Introduction détaillée de JavaWeb à l'apprentissage de base du HTML

Introduction détaillée de JavaWeb à l'apprentissage de base du HTML

黄舟
Libérer: 2017-07-24 13:49:06
original
1211 Les gens l'ont consulté

JavaWeb01_html basic

idées d'opération HTML

  • Utilisez des balises pour empaqueter les données à exploiter et modifiez les valeurs d'attribut​​des balises pour réaliser le style des données dans les balises Modifier

balise de police

  • Attribut : plage de valeurs de taille 1-7 couleur : mot anglais, nombre hexadécimal #ffffff

Balise de titre<h1> </h1> ... <h6> </h6>

  • De plus en plus petite de h1 à h6, retour automatique à la ligne

Notes

  • <!-- html的注释 -->

Liste des balises

  • <dl> <dt></dt> <dd></dd> </dl>

  • Commandé

  • Non commandé

Balises d'image

  • <img src="图片的路径" width="" height="" alt="" />

  • alt : La compatibilité du navigateur est mauvaise

Chemin (chemin relatif)

  • Dans le répertoire de même niveau : écrivez directement

  • dans le répertoire de niveau suivant : images/1.jpg

  • au niveau supérieur répertoire : ../

Balise de lien hypertexte

<a href="路径">显示在页面上的内容</a>

  • Ouvrir avec target=”_self _blank”

  • La valeur par défaut est d'ouvrir sur la page actuelle

Balise de table

<table>
    <tr>
        <td></td>
        <th></th>   <!--加粗和居中-->
    </tr>
</table>
Copier après la connexion

Cinq spécifications HTML

  • Un fichier html commence par des balises et se termine par <html> et </html>

  • html contient deux parties de contenu

    • <head>Définir les informations associées</head>

    • <body>Le contenu affiché sur la page est écrit dans le corps </body>

  • les balises HTML sont par paires

  • le code HTML n'est pas sensible à la casse

  • Certaines balises se terminent par l'étiquette. Par exemple, un saut de ligne : <br /> ligne de séparation : <hr />

balise de formulaire

  • peut soumettre des données au serveur. peut utiliser les balises de formulaire La mise en œuvre de

  • <form> et </form>

    • obtenir la barre d'adresse de la demande contiendra les données soumises, et le message ne sera pas transporté

    • Le niveau de sécurité de la demande d'obtention est inférieur et le niveau de sécurité du message est plus élevé

    • Il y a une limite sur la taille des données de la requête get, et il n'y a pas de limite sur la publication

    • Il existe deux get et post couramment utilisés. La requête get par défaut est get request

    • action : soumettre à l'adresse et soumettre à la page actuelle par défaut

    • méthode : méthode de soumission du formulaire

    • enctype : Cet attribut n'est pas obligatoire pour les demandes générales. Vous devez définir cet attribut lors du téléchargement de fichiers

    • Question d'entretien : La différence entre get et post

  • Éléments de saisie : vous pouvez saisir du contenu et sélectionner la partie du contenu

    • Éléments de saisie normaux :

      <input type="text"/>

    • Éléments de saisie du mot de passe :

      <input type="password"/>

    • Éléments d'entrée radio :

      <input type="radio"/>-> ; Le nom de l'attribut est requis à l'intérieur de
      -> le nom doit être le même
      -> Il doit y avoir une valeur

    • Vérifier l'élément d'entrée :

      <input type="checkbox"/>-> -> Les valeurs d'attribut du nom doivent être les mêmes
      -> Il doit y avoir une valeur

    • élément d'entrée du fichier (Il sera utilisé plus tard lors du téléchargement)
    • ->


      <input type="file"/>

    • Élément de saisie déroulant (pas dans la balise de saisie)

    • <select name="birth">
          <option value="0">请选择</option>
          <option value="1991">1991</option>
          <option value="1991">1992</option>
          <option value="1991">1993</option>
          <option value="1991">1994</option>
      </select>
      Copier après la connexion
    • Champ de texte

    • <textarea cols="10" rows=""></textarea>
      Copier après la connexion
    • Éléments cachés (ne seront pas affichés sur la page, mais existent dans le code html À l'intérieur)

    • <input type="hidden"/>
      Copier après la connexion
    • Bouton Soumettre

    • <input type="submit"/>
      <input type="submit" value="注册"/>
      Copier après la connexion
    • Utiliser la soumission d'images

    • <input type="image" src="a.jpg"/>
      Copier après la connexion
    • La plupart des éléments d'entrée utilisent
    • <input type="输入项的类型"/>

    Utilisation d'autres balises courantes dans html

  • – Gras

    b

  • – Barré

    s

  • – souligner

    u

  • – italique

    i

  • – afficher tel quel

    pre

  • et

    – indice et exposant sub

  • div – enveloppe automatiquement

  • span – affiche la balise d'en-tête

html en une seule ligne Utilisez

  • html pour former la tête et le corps

    • Vous pouvez utiliser la balise de lien pour introduire les fichiers CSS

      <.>
    • Vous pouvez définir la méthode d'ouverture des hyperliens de manière unifiée

      – Définir le lien hypertexte en texte intégral pour qu'il s'ouvre dans une nouvelle fenêtre<base target="_blank" />

    • – Méthode de récupération précédente du moteur de recherche<meta name="keywords" content="学习,熊出没">

    • – saut de trois secondes<meta http-equiv="refresh" content="3; url="/>

    • La balise dans la tête est la balise d'en-tête

    • balise title : Indique le contenu affiché sur l'étiquette

    • Définit certains contenus associés de la page

    • balise de base : définit les paramètres super basiques des liens

    • balise de lien : introduction de fichiers externes

Utiliser des balises de cadre

Utiliser des balises de cadre Quand, il ne peut pas être écrit dans le corps Si une balise de cadre est utilisée, le corps doit être supprimé :diviser par lignes

    <.>
  • cols:diviser par colonnes

    <frameset>

    • étiquette<frameset rows="80, *">

    • <frameset cols="80, *">

  • Page spécifique affichée

    <frame>

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal