Maison > interface Web > tutoriel HTML > Comment apprendre le HTML rapidement

Comment apprendre le HTML rapidement

迷茫
Libérer: 2017-01-16 14:16:56
original
2283 Les gens l'ont consulté

Comment apprendre le HTML rapidement ?

Nous devons d'abord savoir ce qu'est le HTML, le nom anglais complet est
Langage de balisage hypertexte

Nous l'appelons généralement langage de balisage hypertexte

voir Ici, je crois que tout le monde doit encore une fois être confus au sujet du langage de balisage hypertexte. Le langage de balisage est illogique, il est donc très simple à apprendre.

Regardons la structure de base suivante de HTML

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Copier après la connexion

Les balises HTML apparaissent toutes par paires, que nous appelons la balise de début et la balise de fin. Expliquons le code ci-dessus <. 🎜>

déclare que le document est de type html

Balise Head, que nous appelons habituellement la balise head, dans laquelle nous mettons habituellement le codage, le titre de la page Web ou le CSS externe. fichier de style, fichiers de script, etc.!

Voyons comment écrire ces choses

(1) Définir l'encodage

<meta charset=”utf-8”>
Copier après la connexion
(2) Définir le titre de la page Web

<title>php中文网</title>
Copier après la connexion
(3) Présentation des styles externes

<link rel="stylesheet" type="text/css" href="">
Copier après la connexion
(4) Présentation des fichiers js externes

<script type="text/javascript" src="demo.js"></script>
Copier après la connexion
En fait, ces contenus sont corrigés. HTML a certains styles intégrés, tels que. comme police, etc., mais celles-ci ne peuvent tout simplement pas répondre aux besoins des pages Web, je vais donc partager avec vous comment maîtriser les connaissances de base du CSS. Voyons comment développer la mise en page d'une page Web. Il existe deux façons

L'une est un tableau, qui est plus ancien, mais relativement simple. L'autre est un div à mettre en page. Je n'ai pas besoin d'utiliser DW lors de sa création, dw est une opération visuelle et j'ai l'impression que j'écris rarement du code, ce qui n'est pas propice au développement, nous pouvons donc utiliser d'autres compilateurs pour écrire le code uniquement à la main. C'est comme ça. Plus vous écrivez, plus vous vous en souviendrez naturellement. Jetons un coup d'œil à la disposition du tableau. Le code du tableau table row tr Quand on parle de lignes, tout le monde doit penser aux colonnes. Dans les tableaux, les colonnes ne sont pas standardisées, ce qui est td

<🎜. >Nous regardons l'exemple suivant

cellspacing="0" cellpadding="0" Si ces deux phrases ne sont pas écrites, alors il y aura des espaces entre nos cellules. , vous pouvez le tester localement !
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="1" width="300" height="100">
<tr>
<th>姓名</th>
<th>籍贯</th>
<th>年龄</th>
</tr>
<tr>
<td>张明</td>
<td>湖北</td>
<td>23</td>
</tr>
</table>
</body>
</html>
Copier après la connexion
É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