Maison  >  Article  >  interface Web  >  Notes HTML5 pour le deuxième jour

Notes HTML5 pour le deuxième jour

黄舟
黄舟original
2016-12-28 17:13:151491parcourir

1, table table



a). La structure complète de la table



--Il ne peut y avoir qu'un seul thead

--Rangée

--Column





--line

< ; Les cellules ordinaires utilisent td--colonne







--Autoriser plusieurs tbody

--Row

-- colonne



;--Il ne peut y avoir qu'un seul tfoot

--Row





b). Structure simple du tableau

Les cellules importantes utilisent thLes cellules importantes utilisent th
Les cellules ordinaires utilisent td
Utiliser td Les cellules ordinaires utilisent td
Pour les cellules ordinaires, utilisez td
Les cellules ordinaires utilisent td
border--espacement des cellules de la bordure--espacement entre les cellules cellpadding--distance du contenu à la bordure

< tr>

















table attributs : border--border

cellspacing--l'espacement entre les cellules
cellpadding--la distance entre le contenu et la bordure

tr Attributs : height--height

align--alignement horizontal (gauche/centre/droite)

valign--alignement vertical (haut/milieu/bas)

arrière-plan bgcolor

attribut td : hauteur --hauteur

align--alignement horizontal (gauche/centre/droite)

valign--alignement vertical (haut/milieu/bas)

bgcolor background

largeur--largeur

c).Fusionner les cellules (td)

Fusion horizontale : colspan="2"

Fusion verticale : rowspan="2"

Imbrication de tables, placées dans td

Application avancée : disposition des tables, imbrication

Formulaire

Le rôle est de collecter des données
<.>Tag



Nom d'utilisateur :

Mot de passe :





--action d'un programme pour traiter les informations du formulaire (comme java PHP. NET)

Traiter les informations saisies par le client via un programme (backend)

Adresse du gestionnaire

--méthode Il existe deux méthodes de soumission : obtenir ; Non sécurisé, la quantité de données est limitée, transférer les données via l'adresse

poster ; sécurisé, la quantité de données est illimitée,

--le nom est très important

--bouton de soumission

--Toute information dans la valeur le formulaire a la valeur

cochée. L'option par défaut

--hidden n'a pas besoin d'être affichée sur la page.

Champ caché

Boutons : soumettre, bouton, réinitialiser, image,

Imbrication de tableaux et de formulaires Si oui , écrivez d'abord la balise form.



type de saisie

texte (zone de texte), mot de passe (zone de mot de passe ) ), radio (bouton radio), case à cocher (case à sélection multiple), fichier (champ de fichier), bouton masqué (champ caché) (bouton normal), réinitialiser (bouton de réinitialisation), soumettre (bouton de soumission), image (image ) Bouton de champ)

Liste déroulante :

Zone de texte :

cols lignes colonnes en lecture seule

3, classification des expressions des balises HTML4

éléments de niveau bloc (grandes balises) bloc

div table ul ol li dl dt dd h1-h6 p

Caractéristiques : 1. Affichage sur différentes lignes 2. Les éléments au niveau du bloc et en ligne peuvent être imbriqués 3. La largeur et la hauteur peuvent être définies

Éléments en ligne (petites étiquettes) inline

span strong b i em a

Caractéristiques : 1. Afficher 2 sur la même ligne, les éléments de niveau bloc 3 ne peuvent pas être imbriqués, la largeur et la hauteur ne peuvent pas être définies

Éléments de niveau bloc en ligne inline-block

img input select textarea

Caractéristiques : 1. Afficher 2 sur la même ligne, la largeur et la hauteur peuvent être définies

Ne peut pas être imbriqué de manière croisée

Ce qui précède est le contenu des notes HTML5 pour le deuxième jour, veuillez prêter attention au contenu plus associé du site Web chinois PHP (www.php.cn) !


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