Le chemin de Xiaoqiang vers le développement mobile HTML5 (1) - Introduction au HTML-Tutoriel H5-php.cn

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

黄舟

Libérer： 2017-01-22 10:17:25

original

1316 Les gens l'ont consulté

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

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

(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>

Copier après la connexion

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>

Copier après la connexion

(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标记

Copier après la connexion

liste déroulante :

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

Copier après la connexion

Multiligne zone de saisie de texte :

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

Copier après la connexion

(7) Liste
Liste non ordonnée :

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

Copier après la connexion

Liste ordonnée :

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

Copier après la connexion

(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>

Copier après la connexion

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

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

Copier après la connexion

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