微信小程序开发之路之从HTML出发

微信小程序开发之路

---

第一部分——HTML

---

• HTML是超文本标记语言的缩写,它不是一种编程语言，它是一种标记语言
• 浏览器是解释和执行HTML的工具，标签用来描述网页，因此网页不会显示标签

<meta>标签

• 描述文档类型和字符编码 ,比如其中的charset，通常设置为UTF-8，防止浏览器载入时乱码
• 提供网页检索的依据 ，比如name属性中定义的关键词就是搜索引擎分类检索的依据

html标签分类

• 块级标签：显示为块状，前后隔一行
• 行级标签：显示为行

常用标签

• 可以用<title>name</title>定义页面名称
• 标题标签：<h1>标题</h1>,提供h1到h6的标题风格
• 段落标签：<p>段落</p>,前后换行，为一个自然段
• 分割线标签： <hr/>，提供一行分割线，不成对
• 有序列表： 列表元素带数字序号

<ol>
<li>coffee</li>
<li>tea</li>
<li>water</li>

</ol>   

• 无序列表： 列表元素用原点分布

<ul>
<li>coffe</li>
<li>tea</li>
<li>water</li>
</ul>
//简单嵌套


<h4>一个嵌套列表：</h4>
<ul>
  <li>咖啡</li>
  <li>  茶
    <ul>
    <li>红茶</li>
    <li>绿茶
      <ul>
      <li>中国茶</li>
      <li>非洲茶</li>
      </ul>
    </li>
    </ul>
  </li>
  <li>牛奶</li>
</ul>

• 定义描述标签： 形式为给出词语及解释

<dl>
<dt>title</dt>
<dd>define</dd>


</dl>

• 表格标签： 其中border属性表示边框尺寸，tr声明行，td声明列，有几对就是有几行，每行里面有几列

<table border="1">
<tr>
<td colspan="2">1</td>
<td>2</td>
<td>3</td>
</tr>

</table>

colspan 是跨列数；rowspan是跨行数;th标签是表头

• 表单标签： form为用户创建输入表单，

<form >
    name:
    <input type="text" name="inch">
    <br/>
    sex:
    <input type="checkbox" name="insex">
</form>

input类型有很多种，包括submit和reset，分别是提交和重置键，对于动态链接

<form action="www.xxx" method="get/post"></form>

其中get方法将数据写在地址栏上