Maison > interface Web > tutoriel HTML > le corps du texte

Quelles sont les structures d'éléments HTML couramment utilisées ?

php中世界最好的语言
Libérer: 2018-02-05 09:19:20
original
2746 Les gens l'ont consulté

Cette fois, je vais vous expliquer quelles sont les structures d'éléments HTML courantes et quelles sont les précautions à prendre pour utiliser les structures d'éléments HTML courantes. Ce qui suit est un cas pratique, jetons un coup d'œil.

  1. Structure de base :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title></title> 
</head> 
<body> 
</body> 
</html>
Copier après la connexion

2. Type de document :

(1)HTML 4.01

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Copier après la connexion

(2)HTML5

<!DOCTYPE html>
Copier après la connexion

(3)XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Copier après la connexion

3. En-tête :
(1) jeu de caractères

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
Copier après la connexion

(2) Introduire JS

<script language="javascript"></script> 
<script language="javascript" src=""></script> 
<script language="javascript">var u="__URL__";var a="__APP__";</script> 
<script language="javascript" src="__PUBLIC__/js/jquery-1.8.1.min.js"></script>
Copier après la connexion

(3) Introduire CSS

Copier le code

Le code est le suivant :

<style type="text/css"></style> 
<link rel="stylesheet" href="" type="text/css">
Copier après la connexion

(4) Définir le saut par défaut

<base href="" /> 
<base target="_blank" />
Copier après la connexion

(5) Définir les informations relatives au moteur de recherche

<meta name="description" content=",," />
<meta name="keywords" content=",," />
Copier après la connexion

4. Corps principal :

(1) Contenu de base

<body onload=""> 
<div id="" class="">
</div> <div style="clear:both;">
Copier après la connexion

(2) Formulaire
Soumission GET :

<form id="" action="" method="post"></form>
Copier après la connexion

Soumission POST :

<form id="" action="" method="get"></form>
Copier après la connexion


Soumettre avec les documents :

<form id="" action="" method="post" enctype="multipart/form-data"></form>
Copier après la connexion


Page d'accueil couramment utilisée :

文本域:<input id="" name="" class="" type="text"></input>
密码域:<input id="" name="" class="" type="password"></input> 
普通按钮:<input id="" name="" class="" type="button"></input> 
单选按钮:<input id="" name="" class="" type="radio"></input> 
多选按钮:<input id="" name="" class="" type="checkbox"></input>
Copier après la connexion

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment définir l'entrée en lecture seule via désactivé et lecture seule

Quelles sont les balises de la fonction méta

Comment implémenter la redirection d'actualisation à l'aide de la balise d'en-tête HTML méta

Comment utiliser le formulaire interne balise HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

É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