文本修饰标签

<b>加粗文本</b>
<s>删除线</s>
<u>下划线</u>
<sup>上标</sup>
<sub>下标</sub>
<font>字体标记</font>
<!-- 不常用属性
size: 文本大小,1-7。
color: 颜色值。
face: 字体。 
-->

排版标签

p

<p align="center">段落</p>
不常用属性
  • align: 水平对齐方式,取值:left、center、right

hr

<hr size="2px" color="yellow" width="10px" noshade />
不常用属性
  • size: 水平线的粗细,单位一般为 px。
  • color: 颜色。
  • width: 宽度。
  • noshade: 去掉水平线的阴影。

字符实体

<: &lt; >: &gt; &: &amp; ¥: &yen; ×: &times; ÷: &divide;

列表

ul

<ul type="circle">
  <li>无序列表</li>
</ul>

不常用属性

  • type: 符号类型,circle、square、disc。

ol

<ol type="a" start="3">
  <li>有序列表</li>
</ol>

不常用属性

  • type: 编号类型,取值:1、a、A、i、I。
  • start: 从第几个开始编号(数字)。

图片标签

img

<img align="right" hspace="10px" vspace="10px" />

不常用属性

  • align: 图片的水平对齐方式,取值:left、center、right (Align 属性只能让文本居中,不能让图片单独居中。)
  • hspace: 图片与左右文字之间的距离(水平距离)
  • vspace: 图片与上下文字之间的距离(垂直距离)

meta 标签

<meta>的主要作用,是提供网页的元信息。 标记有两个属性:http-equiv 和 name。

http-equiv 属性

功能:模拟 http 协议文件头信息,当信息从服务器端传到客户端时,告诉浏览器如何正确的显示网页内容。 http-equiv 属性一般要与 content 属性配合使用。Content 属性指定信息的详细参数。

  1. 设置网页的字符集
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  1. 网页自动刷新
<meta http-equiv="refresh" content="2" /> //每隔2秒钟,自动刷新网页一次

name 属性

name 属性主要用于设置网页的搜索关键字、版权信息、作者等。

table

<table
  border="2"
  width="300"
  height="100"
  bordercolor="blue"
  bgcolor="#88cc66"
  cellspacing="0"
  cellpadding="2"
  rules="all"
>
  <thead>
    <tr>
      <th>1</th>
      <th>2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </tbody>
</table>

不常用属性

  • align:表格水平对齐方式,取值:left、center、right
  • border:边框粗细
  • bordercolor:边框颜色
  • bgColor:表格背景色
  • cellpadding:单元格边线到内容间的距离(填充距离)
  • cellspacing:单元格与单元格之间的距离(间距)
  • rules:合并单元格边框线,取值:all 注意:rules 兼容性不好,请使用 CSS 来取代它。

a

特殊的链接 1)下载链接 什么样的文件会出现下载提示? 反过来说,哪些文件网页可以直接执行?如:.jpg、.png、.gif、.html、.htm、.txt 等。 大部分文件,浏览器是不能直接执行的。如:.doc、.xls、.ppt、.rar、.psd…… 不能直接执行的话就会出现下载框

form

不常用属性

  • name: 给表单起个名字。这个名字主要给JavaScript来用。JS主要用来做客户端表单验证。
  • enctype:指定表单数据的编码方式(解密方式)。这个属性只能用在 method = “post” 的情况下。
    • application/x-www-form-urldecoded //默认的加密方式
    • multipart/form-data //如果你上传文件,该值必须它自己。

input

不常用属性

  • size: 文本框的长度,以“字符”为单位。

h5布局

<body>
  <header>
    <nav></nav>
  </header>
  <section>
    <aside></aside>
    <article></article>
  </section>
  <footer></footer>
</body>