recherche

Maison >interface Web >Tutoriel H5 >Le chemin de Xiaoqiang vers le développement mobile HTML5 (1) - Introduction au HTML

Le chemin de Xiaoqiang vers le développement mobile HTML5 (1) - Introduction au HTML

黄舟
黄舟original
2017-01-22 10:17:251343parcourir

HTML est l'abréviation de HyperText Markup Language, qui est une combinaison de texte et de balises qui constituent la structure de base de toutes les pages Web.

1. Navigateurs populaires actuellement sur le marché

IE/Chrome/firefox/opera

Le chemin de Xiaoqiang vers le développement mobile HTML5 (1) - Introduction au HTML

Le chemin de Xiaoqiang vers le développement mobile HTML5 (1) - Introduction au HTML

Chrome/firefox/opera et IE 9/10 sont tous très compatibles avec HTML5

2. Balises HTML

Les balises html commencent toutes par "" Fin des parenthèses

tels que

Les attributs couramment utilisés sont : id, class, style, title

id : Cet attribut fournit un nom pour l'objet pointé par le label

class : Cet attribut fournit un nom de classe pour l'objet

style : Cet attribut applique un CSS correspondant style

titre : donnez à l'objet un titre, que la plupart des navigateurs afficheront lorsque la souris passera dessus.

Nous utiliserons la balise dans le développement Android ultérieur. Jetons un coup d'œil à une utilisation de la balise , est aussi notre mot d'accueil.

<html>  
    <head>  
        <title>first html</title>  
<!--refresh:刷新-->  
        <meta http-equiv="refresh" content="1;url=http://blog.csdn.net/dawanganban&#39;">  
<!-- 表示每隔1秒向url地址刷新 -->  
        <meta http-equiv="content-type" content="text/html;charset=utf-8">  
<!--引入一个样式文件-->  
        <link rel="stylesheet" type="text/css" href="style.css">  
      
    </head>  
    <body>  
        hello word  
    <body>  
</html>

3. Marques importantes

(1) Lien

target="_black": Ouvrir le lien dans une nouvelle fenêtre

target="_selt": Valeur par défaut, dans l'Open actuel

dans la fenêtre (2) Lien image 

<a href="地址" border="0"><img  src="test.jpg" alt="Le chemin de Xiaoqiang vers le développement mobile HTML5 (1) - Introduction au HTML" ></a>

valeur de l'attribut border : Afin de supprimer la bordure par défaut.

(3) Envoyer un e-mail 

<a href="mailto:739299362@qq.com?subject=hello">发邮件</a>
 （4）锚点（在同一页面进行跳转）
<a name="top">跳到这里</a>
<a href="#top">跳到top</a>

(5) Tableau 

<table border="1" width="60%" cellpadding="10" cellspacing="0">
<tr><td>表格一</td><td>表格二</td></tr><tr><td>BIAOGE</td><td>BIAOGE</td></tr>
</table>

Alignement du tableau

attribut d'alignement : alignement horizontal. Valeur : left (par défaut) : left/rignt/center
attribut valign : alignement vertical. Valeur : haut/bas (par défaut)/milieu
Tableau irrégulier
attribut colspan : fusionner les cellules horizontales (fusionner les colonnes)
attribut rowspan : fusionner les cellules verticales (fusionner les lignes)
Le tableau peut être imbriqué
Définition complète du tableau 

<table>
<caption>主题</caption>   只能是0个或者1个
<thead>表头</thead>       只能是0个或者1个
<tfoot>表脚</tfoot>
<tbody>表体</tbody>
</table>

(6) Formulaire 

<form action="服务器端的一个程序" method="get/post">
<!--input标记-->
<!--非input标记-->
      </form>
      1)input标记：
文本输入框:<input type="text" name="username" value="缺省值"/><!--必须加name-->
提交按钮： <input type="submit" value="确认"/>
密码输入框：<input type="password" name="pwd"/> <!--必须加name-->
单选：<input type="radio" name="gender" value="m"/><!--必须加name和value-->
   <!--同一组name必须相同-->
多选：<input type="checkbox" name="interest" value="fishing"/>
重置：<input type="reset" value="取消"/>
普通按钮：<input type="button" value="点我吧"/>
上传文件：<input type="file" name="file1"/>
隐藏域：<input type="hidden" name="userId" value="123">
      2)非input标记

liste déroulante : 

<select name="city" multiple="multiple">
<option value="bj">北京</option>
<option value="wh">武汉</option>
<option value="nj">南京</option>
</select>
<!--加上mutiple属性就成为多选了-->

Multiligne zone de saisie de texte : 

<textarea name="desc" cols="" rows=""></textarea>

(7) Liste
Liste non ordonnée : 

<ul>
<li>item1</li>
<li>item2</li>
</ul>

Liste ordonnée : 

<ol>
<li>item1</li>
<li>item2</li>
<ol>

(8) Frame


est utilisé pour diviser une grande fenêtre en plusieurs sous-fenêtres 
<frameset rows="200,300,*">  <!--划分为三个窗口-->
<frameset rows="20%,*">  <!--按照百分比划分-->
<frame src="top.html"/>
<frameset cols="30%,*"/>
<frame src="left.html"/>
<frame src="right.html"/>
</frameset>
</frameset>
<iframe>

est utilisé pour diviser la fenêtre actuelle en Embed une sous-fenêtre dans 

<iframe src="some.html" width="" height="">
</iframe>

Ce qui précède est le contenu de la route de développement mobile HTML5 de Xiaoqiang (1) -introduction HTML 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：Version concise des notes d'étude HTML5 (11) : Nouvelle APIArticle suivant：Version concise des notes d'étude HTML5 (11) : Nouvelle API

Articles Liés

Voir plus