Maison > interface Web > Tutoriel H5 > Notes d'auto-apprentissage HTML5

Notes d'auto-apprentissage HTML5

黄舟
Libérer: 2016-12-28 17:09:24
original
1447 Les gens l'ont consulté

1. Pourquoi apprendre le HTML ? 3. Balises

(balise simple et balise double)

Création de site :

Création de dossier

Page d'accueil : index.html

home.html

Structure de base html

Déclaration du document

jeu de caractères charset "UTF-8" encodage international "GB2312 " encodage chinois simplifié




4, balises couramment utilisées

balise h1 balise double grande balise de titre

content

h1 Les balises ne peuvent apparaître qu'une seule fois dans une page

alignement horizontal de l'attribut d'alignement
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>京东</title>
</head>
<body>
<h1>京东618</h1>
<h2>party on</h2>
</body>
</html>
Copier après la connexion

valeur de l'attribut gauche/droite/centre



h1-h6 au total Titres à six niveaux

p balise paragraphe double balises

espace de symbole spécial


🎜>


fin du titre de la ligne horizontale




inclinaison

L'accentuation oblique signifie

>
< ;/b>Bold

Texte des éléments en ligne nécessitant un traitement spécial


balise unique

Le nom de l'image ou l'adresse de l'image

Trois types de listes

Liste non ordonnée




Liste ordonnée




Liste de définition

<ul type="disc">
disc:圆点 circle:圆圈 square 正方形
<li>列表项</li>
</ul>
Copier après la connexion

une balise, balise hyperlien, pour interne liens sur les pages Web et liens externes sur le site Web.

<ol type="a" start="只能写数字">
a 1 I A
<li>列表项</li>
</ol>
Copier après la connexion

Adresse de la ressource :

Liens internes : fichiers html, images, films, musique, fichiers compressés, documents Word, PPT,,,

<dl>
<dt>列表项</dt>
<dd>描述项</dd>
</dl>
Copier après la connexion
Lien externe : http://www.baidu.com


Chemin :

Chemin relatif
<a href="资源地址" target="_self(自身窗口打开)/_blank(新窗口打开)">文字或者图片</a>
Copier après la connexion

1 : Lorsque deux fichiers sont sous le même dossier, écrivez directement le nom du fichier.

2 : Les deux fichiers sont dans des dossiers différents, utilisez ../ pour représenter le fichier de niveau supérieur

3 : Un fichier est dans le dossier et un fichier est dans le dossier. Dehors. Écrivez directement le nom du dossier

Chemin absolu

Machine locale : E : Notes d'étude de Zuo Lin

Réseau : http://www.xxx.com/xxx/ xxx

Formats d'image couramment utilisés dans les pages Web :

gif : prend en charge l'animation, prend en charge la transparence, stocke jusqu'à 256 couleurs, compression avec perte

jpg (jpeg) : non prend en charge l'animation, ne prend pas en charge la transparence, les couleurs riches, la compression avec perte

png : ne prend pas en charge l'animation, prend en charge la transparence, les couleurs riches, la compression sans perte

Balises de commentaires

< !- -Ceci est la balise de commentaire-->

Touches de découpe et de raccourci Photoshop

ctrl r Afficher la règle

F8 Afficher les informations

ctrl alt z Plus Annuler une étape

ctrl z Annuler une seule étape

ctrl N Créer un nouveau canevas vierge

ctrl D Annuler la sélection

ctrl o Ouvrir

ctrl t Transformation gratuite


Ce qui précède est le contenu des notes d'auto-apprentissage HTML5. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !




Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal