HTML常用总结

文本格式化标签:
标签        描述
<b>        定义粗体文本。
<big>        定义大号字。
<em>        定义着重文字。
<i>        定义斜体字。
<small>        定义小号字。
<strong>    定义加重语气。
<sub>        定义下标字。
<sup>        定义上标字。
<ins>        定义插入字。
<del>        定义删除字。
<s>        不赞成使用。使用 <del> 代替。
<strike>    不赞成使用。使用 <del> 代替。
<u>        不赞成使用。使用样式(style)代替。

“计算机输出”标签:
标签        描述
<code>        定义计算机代码。
<kbd>        定义键盘码。
<samp>        定义计算机代码样本。
<tt>        定义打字机代码。
<var>        定义变量。
<pre>        定义预格式文本。
<listing>    不赞成使用。使用 <pre> 代替。
<plaintext>    不赞成使用。使用 <pre> 代替。
<xmp>        不赞成使用。使用 <pre> 代替。

引用、引用和术语定义:
标签        描述
<abbr>        定义缩写。
<acronym>    定义首字母缩写。
<address>    定义地址。
<bdo>        定义文字方向。
<blockquote>    定义长的引用。
<q>        定义短的引用语。
<cite>        定义引用、引证。
<dfn>        定义一个定义项目。


1 a – 锚点

2 abbr – 缩写

3 acronym – 首字

4 b – 粗体(不推荐)

5 bdo – bidi override

6 big – 大字体

7 br – 换行

8 cite – 引用

9 code – 计算机代码(在引用源码的时候需要)

10 dfn – 定义字段

11 em – 强调

12 font – 字体设定(不推荐)

13 i– 斜体

14 img – 图片

15 input – 输入框

16 kbd – 定义键盘文本

17 label – 表格标签

18 q – 短引用

19 s – 中划线(不推荐)

20 samp – 定义范例计算机代码

21 select – 项目选择

22 small – 小字体文本

23 span – 常用内联容器,定义文本内区块

24 strike – 中划线

25 strong – 粗体强调

26 sub – 下标

27 sup – 上标

28 textarea– 多行文本输入框

29 tt – 电传文本

30 u – 下划线

31 var – 定义变量



2017-09-11
常用的一周就能学会,全部属性和方法则得一个月,精通最少得半年实践积累。

HTML Basic Document
      <html>      
      <head>
      <title>Document name goes here</title>
      </head>
      <body>
      Visible text goes here
      </body>
      </html>
Text Elements
      <p>This is a paragraph</p>
      <br> (line break)
      <hr> (horizontal rule)
      <pre>This text is preformatted</pre>
Logical Styles
      <em>This text is emphasized</em>
      <strong>This text is strong</strong>
      <code>This is some computer code</code>
Physical Styles
      <b>This text is bold</b>
      <i>This text is italic</i>
Links, Anchors, and Image Elements
      <a href="http://www.example.com/">This is a Link</a>
      <a href="http://www.example.com/"><img src="URL"
alt="Alternate Text"></a>
      <a href="mailto:webmaster@example.com">Send e-mail</a>A named anchor:
      <a name="tips">Useful Tips Section</a>
      <a href="#tips">Jump to the Useful Tips Section</a>
Unordered list
      <ul>
      <li>First item</li>
      <li>Next item</li>
      </ul>
Ordered list
      <ol>
      <li>First item</li>
      <li>Next item</li>
      </ol>
Definition list
      <dl>
      <dt>First term</dt>
      <dd>Definition</dd>
      <dt>Next term</dt>
      <dd>Definition</dd>
      </dl>
Tables
      <table border="1">
      <tr>
        <th>someheader</th>
        <th>someheader</th>
      </tr>
      <tr>
        <td>sometext</td>
        <td>sometext</td>
      </tr>
      </table>
Frames
      <frameset cols="25%,75%">
        <frame src="page1.htm">
        <frame src="page2.htm">
      </frameset>
Forms
      <form action="http://www.example.com/test.asp" method="post/get">
      <input type="text" name="lastname"
      value="Nixon" size="30" maxlength="50">
      <input type="password">
      <input type="checkbox" checked="checked"> 复选框
      <input type="radio" checked="checked">单选按钮
      <input type="submit">
      <input type="reset">
      <input type="hidden">
      <select>
      <option>Apples
      <option selected>Bananas
      <option>Cherries
      </select>
      <textarea name="Comment" rows="60"
      cols="20"></textarea>设置文本域
      </form>
Entities
      &lt; is the same as <
      &gt; is the same as >
      &#169; is the same as
Other Elements
      <!-- This is a comment -->
      <blockquote>
      Text quoted from some source.
      </blockquote>
      <address>
      Address 1<br>
      Address 2<br>
      City<br>
      </address>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值