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

Notes d'auto-apprentissage HTML5

黄舟original: 2016-12-28 17:09:241449parcourir

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

34ef334dc49b8ab849f81da603700650content473f0a7621bec819994bb5020d29372a 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>

valeur de l'attribut gauche/droite/centre

h1-h6 au total Titres à six niveaux

p balise paragraphe double balises

espace de symbole spécial

076402276aae5dbec7f672f8f4e5cc81 🎜>
f32b48428a809b51f04d3228cdf461fa fin du titre de la ligne horizontale

64a2cb68e05c71618763482b0c22ed86

5a8028ccc7a7e27417bff9f05adf593272ac96585ae54b6ae11f849d2649d9e6 inclinaison

907fae80ddef53131f3292ee4f81644bd1c6776b927dc33c5d9114750b586338 L'accentuation oblique signifie

8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0 >
a4b561c25d9afb9ac8dc4d70affff419< ;/b>Bold

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

dc6dce4a544fdca2df29d5ac0ea9906bb648be1b1db9116ce2809a3412425e5b balise unique

19d9db178eea917575f590aaa936b58d

Trois types de listes

Liste non ordonnée

Liste ordonnée

Liste de définition

<ul type="disc">
disc:圆点 circle：圆圈 square 正方形
<li>列表项</li>
</ul>

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>

Adresse de la ressource :

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

<dl>
<dt>列表项</dt>
<dd>描述项</dd>
</dl>

Lien externe : http://www.baidu.com

Chemin :

Chemin relatif

<a href="资源地址" target="_self(自身窗口打开）/_blank（新窗口打开）">文字或者图片</a>

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

79de6a6ecf778d6e01d4288ecddd1c3a

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) !

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

Article précédent：Une introduction à trois nouvelles fonctionnalités utiles et inhabituelles de HTML5Article suivant：Une introduction à trois nouvelles fonctionnalités utiles et inhabituelles de HTML5

Articles Liés

Voir plus