Maison >interface Web >tutoriel HTML >[Front-end] Comment utiliser HTML
编程语言:解释型和编译型
WEB前端:HTML+CSS+JavaScript
一、 HTML介绍:
---------------------------------------
1. 什么是HTML?
超文本标记语言, <标签名>--标记(标签、节点)
2. HTML是由:标签和内容构成
3. 程序语言有两种:解释性语言(HTML、PHP、Javascript)和编译型语言(C、C++、Java
4. HTML的标签组成部分、属性、实体
HTML的实体: <:< >:> 空格:
5. HTML中注释:
注释的目的:1. 辅助说明 2.代码调试
6. HTML标签(标记)的语法: 标签是由"<"和">"括起来
双标签:<标签名>....标签名>
单标签:<标签名/>
7. HTML中的颜色:可以是颜色单词:red/blue/green/yellow...
还可以是:#000000 --- #ffffff
十六进制:0123456789abcdef
其中前两位表示红色,中间两位绿色,后两位表示蓝色。
二、 HTML中HEAD头部设置
----------------------------------------
设置网页编码:
关键字:
描述:
网页标题:
导入CSS文件:
CSS代码:
JS文件或代码:
... ...
三、 HTML中的文本标签、格式化标签
----------------------------------------
文本标签:
1. *
换行
2. *
...
换段3. ... 斜体
4. ... 强调斜体
5. ... 加粗
6. *... 强调加粗
7. *
8. 引用
9. ... ...
10.* 删除线
....
格式化标签:
1. *
换行
2. *
...
换段3. 列表:
élément
🎜>
4. & lt; div & gt; & lt; span & gt;4. ----- en *HTML -----------------------------------
*< ;a href=""> ; Balise de lien hypertexte
Attribut : href est obligatoire, fait référence à l'adresse de saut de lien cible : indique comment le lien est ouvert : _blank Nouvelle fenêtre _parent fenêtre parent _self cette fenêtre (par défaut) _top
fenêtre de niveau supérieur nom de la fenêtre framename titre : attribut d'invite de texte (détails) Lien d'ancrage : Définir une ancre : < /a> Précédemment utilisé Utiliser le point d'ancrage : Aller à a15. *Balise d'image
img---------------------------- ------ -------- Insérer une image dans la page Web Attributs : src : Nom de l'image et adresse URL alt : message d'invite lorsque le chargement de l'image échoue titre : attribut d'invite de texte : largeur de l'imagehauteur
: hauteur de l'image bordure : épaisseur de la ligne de bordure 6. Balises multimédia (familières) --------------- ----------- ---------------- Vous Le navigateur ne prend pas en charge la lecture de7. *TableauÉtiquette
----------------------------- - -----
*étiquette du tableau du tableau
titre du tableau de légende
*étiquette de la ligne tr
*étiquette d'en-tête de la ème colonne
*étiquette de colonne td
Elle est liée à l'imprimante. Écrire l'en-tête et le pied de page avant le corps du tableau permettra de visualiser le code
*thead header
* tbody. Corps de la table
tfoot Pied de la table
8. **form form tag
------------------ -- -----------------------------------
1.
Attributs communs de la balise de formulaire :
*action attribut : adresse cible soumise (URL)
* attribut de méthode : méthode de soumission : get (par défaut) et post
La méthode get est la barre d'adresse URL visible, la longueur est limitée (IE2k Firefox 8k), relativement dangereuse
La méthode post est l'URL. adresse Invisible, longueur illimitée, relativement sûre
enctype : type de soumission
cible : où ouvrir l'URL cible.
name : l'attribut donne un nom au formulaire. HTML5 n'est pas pris en charge. Utilisez plutôt l'identifiant.
2. L'entrée de l'étiquette de l'élément de formulaire définit le champ de saisie dans lequel l'utilisateur peut saisir des données. En HTML 5, l'attribut type a de nombreuses nouvelles valeurs.
Les détails sont expliqués ci-dessous :
Par exemple :
3. 🎜>Liste déroulante.
9.
Exemple :
10. **< /> Les attributs dans les éléments de formulaire peuvent fournir *attribut type : indique le type d'élément de formulaire : la valeur est la suivante : texte : zone de texte sur une seule ligne mot de passe : zone de saisie du mot de passe case à cocher : case à sélection multiple, veuillez fournir une valeur radio : bouton radio, veuillez fournir une valeur
fichier : Téléchargement de fichiersBoîte de sélection
bouton : bouton ordinaire soumettre : bouton d'envoi image : bouton d'envoi d'imageréinitialiser : bouton de réinitialisation pour restaurer l'effet au début (lors de la première ouverture)
caché : champ caché du formulaire principal, si les informations sont soumises avec le formulaire, mais ne nécessitent pas de modification de l'utilisateur *Attribut name : nom de l'élément de formulaire, utilisé pour stocker la valeur du contenu *Attribut value : valeur d'entrée (valeur spécifiée par défaut) Attribut size : valeur de largeur de la zone de saisie attribut maxlength : la longueur maximale du contenu d'entrée de la zone de saisie attribut readonly : attribut en lecture seule pour la zone de saisie *attribut désactivé : attribut désactivé *Attribut coché : Spécifiez l'option par défaut pour la zone de sélection Attribut Accesskey : Spécifiez la touche de raccourci (peu couramment utilisée) (IE : touche alt+ Firefox : touche alt+shift+) Attribut Tabindex : spécifiez la touche de tabulation à l'aide de chiffres. La séquence de commutation (peu courante) src et alt sont définis pour le bouton image Remarque : le bouton de réinitialisation restaure les données du formulaire. à l'étatlors de sa première ouverture n'efface pas le bouton image
, qui a la fonction de soumission de formulaire par défaut.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!