Table des matières
idées d'opération HTML
balise de police
Notes
Liste des balises
Balises d'image
Chemin (chemin relatif)
Balise de lien hypertexte
Balise de table
Cinq spécifications HTML
balise de formulaire
html en une seule ligne Utilisez
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

Jul 24, 2017 pm 01:49 PM
html javaweb web

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!

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)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

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.

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.

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.

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.

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.

Espace réservé d'entrée HTML Espace réservé d'entrée HTML Sep 04, 2024 pm 04:54 PM

Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.

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.

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