Maison >interface Web >tutoriel HTML >[Front-end] Comment utiliser HTML

[Front-end] Comment utiliser HTML

高洛峰
高洛峰original
2017-03-23 09:54:491400parcourir

编程语言:解释型和编译型

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. *... 其中n为1--6的值。 标题标签(加粗、独立行)

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 à a1

5. *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

 : largeur de l'image

hauteur

 : 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 de






7. *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. --Balise de formulaire

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.

*attribut name : définit le nom, utilisé pour stocker la valeur déroulante

size : définit le nombre d'éléments visibles dans le menu, html5 ne prend pas en charge

désactivé lorsque cet attribut est vrai, le menu est désactivé.

sélection multiple

*