apprentissage frontal trois éléments principaux: la structure (html atteindre), le style (css à réaliser), le comportement (.js atteindre)
HTML
Outils de développement: sublime, dreamweaver, etc.
: Squelette html
<! DOCTYPE html> - numéro de version HTML5
<! DOCTYPE html> - numéro de version HTML5
<html lang = "fr">
<head>
<meta charset = "UTF-8"> -字符集
<title> </ title>
</ head>
<body>
<head>
<meta charset = "UTF-8"> -字符集
<title> </ title>
</ head>
<body>
</ Body>
</ Html>
Expliquer les
jeux de caractères:
GB2312: 6763 caractères chinois simplifié contiennent les
BIG5: contient des caractères traditionnels chinois
GBK: contient tous les caractères
UTF-8: contient tous les personnages du monde
jeux de caractères:
GB2312: 6763 caractères chinois simplifié contiennent les
BIG5: contient des caractères traditionnels chinois
GBK: contient tous les caractères
UTF-8: contient tous les personnages du monde
balises Titre: en six classes de
<h1> </ h1>
<H2> </ H2>
<H3> </ H3>
<h4> </ h4>
<h5> </ h5>
<H6> </ H6>
(où h1 est le plus important titre décroissant)
<h1> </ h1>
<H2> </ H2>
<H3> </ H3>
<h4> </ h4>
<h5> </ h5>
<H6> </ H6>
(où h1 est le plus important titre décroissant)
Tags:
Il existe deux types, répartis en: simple double étiquette et l' étiquette
dimarqueurs Format: par exemple <html> </ html>, <p> </ p> <title> </ title> et d' autres
format unique label: par exemple <hr />, <br /> <img />, <base /> comme (moins seule étiquette)
Simple effet tag:
<HR /> - la génération d' une ligne de séparation
<br /> - nouvelle ligne
<img /> - image d'affichage
<base /> - (dans la tête, la tête et imbriquée) target = « _ blank « - la nouvelle fenêtre ouvre; target = » _ self « - la fenêtre ouverte en cours.
<HR /> - la génération d' une ligne de séparation
<br /> - nouvelle ligne
<img /> - image d'affichage
<base /> - (dans la tête, la tête et imbriquée) target = « _ blank « - la nouvelle fenêtre ouvre; target = » _ self « - la fenêtre ouverte en cours.
Certaines balises communes
balise de paragraphe: <p> </ p>
label lien: <a href="跳转目标" target="目标窗口弹出方式"> </a>
(= lien de destination de saut (exemple: http: //www.baidu.com);target="_blank"-- nouvelle fenêtre ouvre; target = "_ self" - la fenêtre ouverte actuelle)
commentaire tags: <- - à annoter le contenu!>
balise de base: <base /> (effet cible peut parfois être remplacé par des étiquettes de base, plus pratique)
balise image: <img src = "path" />
balise de paragraphe: <p> </ p>
label lien: <a href="跳转目标" target="目标窗口弹出方式"> </a>
(= lien de destination de saut (exemple: http: //www.baidu.com);target="_blank"-- nouvelle fenêtre ouvre; target = "_ self" - la fenêtre ouverte actuelle)
commentaire tags: <- - à annoter le contenu!>
balise de base: <base /> (effet cible peut parfois être remplacé par des étiquettes de base, plus pratique)
balise image: <img src = "path" />
Formatage de texte tags:
<B> </ B> ou <strong> </ strong> - texte en gras
<i> </ i> ou <em> </ em> - texte en italique
<s> </ s > ou <del> </ del> - texte barré
<u> </ u> ou <ins> </ ins> - surlignés
(b, i, s, u utiliser ne signifiait pas souligné; fort, em, del, ins sémantique forte, XHTML recommandé celui- ci)
:( propriété de contrôle de la largeur de l'étiquette, la hauteur, la couleur et d'autres attributs) peut avoir plusieurs propriétés, la propriété doit être écrit au début de l'étiquette et l'étiquette après le nom
<Nom de la balise d'attribut = 1 "valeur attribut 1" Attribut 2 = "valeur d'attribut 2" ....> </ name tag>
Chemin se divise en: un chemin relatif, un chemin absolu
chemin relatif: au même niveau, au niveau suivant, sur un
chemin absolu: http: //www.itcast.cn/2018czgw/images/icon_fuli6.jpg ce type de
Position de l' ancre saut Realize)
<a href="#id名"> </a>
.
.
.
<H3 id = "id name"> </ h3>
(pas nécessairement id Canada h3, vous voulez être en place , plus id, pour atteindre le saut)
(pas nécessairement id Canada h3, vous voulez être en place , plus id, pour atteindre le saut)
div balises span: pas de mise en page sémantique, page de la principale zone 2
div page composition
Format:
<div> </ div>
<span> </ span>
. . </ dl>
Caractères spéciaux: Pour afficher la page précédente de certains symboles spéciaux, avec le code remplacent le
caractère classique au lieu du code :( note, non représenté) des
espaces: & nbsp;
moins de signe: & lt;
signe supérieur: & gt;
& symboles: & amp;
(Autres spécial Code symbole peut être trouvé à travers le réseau)
caractère classique au lieu du code :( note, non représenté) des
espaces: & nbsp;
moins de signe: & lt;
signe supérieur: & gt;
& symboles: & amp;
(Autres spécial Code symbole peut être trouvé à travers le réseau)