communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

HTML+CSS Débuter facilement avec les balises HTML de base (2)

Lien hypertexte

Format : <a href=''></a>

Les exemples suivants : 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<a href="php.cn">php中文网</a>
</body>
</html>

Remarque : href est un attribut essentiel d'une balise href="link to place", comme Baidu, Taobao, etc.

Qu'est-ce qu'un lien vide ?

Pour écrire un lien vide, utilisez la touche #

Le code est le suivant : 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<a href="#">php中文网</a>
</body>
</html>

De cette façon, il n'y aura aucune réponse lorsque nous cliquerons sur le lien

Comment utiliser les balises de style CSS

<style>< ;/style>

Remarque : La balise de style est écrite dans le fichier d'en-tête, le code est le suivant

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
			/*写入css样式*/
	</style>
</head>
<body>
		欢迎来到php中文网
</body>
</html>

Remarque : L'attribut type est obligatoire et définit le contenu du élément de style. La seule valeur possible est "text/css".

Il en va de même pour l'écriture du code du script :

Comme indiqué dans le code suivant

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript">
			//写入脚本代码
	</script>
</head>
<body>
		欢迎来到php中文网
</body>
</html>

L'attribut type spécifie le type de script

La balise d'image

<img> est affichée dans le code suivant : 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		欢迎来到php中文网
		<img src="images/1.jpg">
</body>
</html>

Si cette image existe, nous l'afficherons il


Présentation de styles ou de scripts externes

Présentation de styles externes, par exemple, je crée un style .css, ma page actuelle utilisera le style du fichier style.css

comme indiqué dans le code suivant : 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
		欢迎来到php中文网
</body>
</html>

De cette façon, nous avons introduit le style

Présentation des fichiers de script étrangers

Le code suivant est affiché : 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript" src="index.js"></script>
</head>
<body>
		欢迎来到php中文网
</body>
</html>


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*写入css样式*/ </style> </head> <body> 欢迎来到php中文网 </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492331 joue