HTML 速查列表


本文摘自PHP中文网,作者不言,侵删。

这篇文章主要介绍了关于HTML 速查列表,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

HTML 基本文档

1

2

3

4

5

6

7

<!DOCTYPE html>

<html>

    <head>

        <title>文档标题</title>

    </head>

    <body>可见文本...</body>

</html>


基本标签(Basic Tags)

1

2

3

4

5

6

7

8

9

10

<h1>最大的标题</h1>

<h2> . . . </h2>

<h3> . . . </h3>

<h4> . . . </h4>

<h5> . . . </h5>

<h6>最小的标题</h6>

<p>这是一个段落。</p>

<br> (换行)

<hr> (水平线)

<!-- 这是注释 -->


文本格式化(Formatting)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<b>粗体文本</b>

<code>计算机代码</code>

<em>强调文本</em>

<i>斜体文本</i>

<kbd>键盘输入</kbd>

<pre>预格式化文本</pre>

<small>更小的文本</small>

<strong>重要的文本</strong>

<abbr> (缩写)

<address> (联系信息)

<bdo> (文字方向)

<blockquote> (从另一个源引用的部分)

<cite> (工作的名称)

<del> (删除的文本)

<ins> (插入的文本)

<sub> (下标文本)

<sup> (上标文本)


链接(Links)

1

2

3

4

5

普通的链接:<a href="http://www.example.com/">链接文本</a>

图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>

邮件链接: <a href="mailto:webmaster@example.com">发送e-mail</a>

书签:<a id="tips">提示部分</a>

<a href="#tips">跳到提示部分</a>


图片(Images)

1

<img src="URL" alt="替换文本" height="42" width="42">


样式/区块(Styles/Sections)

1

2

3

4

5

6

<style type="text/css">

    h1 {color:red;}

    p {color:blue;}

</style>

<p>文档中的块级元素</p>

<span>文档中的内联元素</span>


无序列表

1

2

3

4

<ul>   

    <li>项目</li>  

    <li>项目</li>

</ul>


有序列表

1

2

3

4

<ol>   

    <li>第一项</li>   

    <li>第二项</li>

</ol>


定义列表

1

2

3

4

5

6

<dl

    <dt>项目 1</dt>   

    <dd>描述项目 1</dd

    <dt>项目 2</dt>   

    <dd>描述项目 2</dd>

</dl>


表格(Tables)

1

2

3

4

5

6

7

8

9

10

<table border="1"

    <tr>   

        <th>表格标题</th>   

        <th>表格标题</th

    </tr

    <tr>   

        <td>表格数据</td>   

        <td>表格数据</td

   </tr>

</table>

框架(Iframe)

1

<iframe src="demo_iframe.htm"></iframe>


表单(Forms)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<form action="demo_form.php" method="post/get">

    <input type="text" name="email" size="40" maxlength="50"><input type="password">

    <input type="checkbox" checked="checked">

    <input type="radio" checked="checked">

    <input type="submit" value="Send">

    <input type="reset">

    <input type="hidden">

    <select>

        <option>苹果</option>

        <option selected="selected">香蕉</option>

        <option>樱桃</option>

    </select>

    <textarea name="comment" rows="60" cols="20"></textarea>

</form>


实体(Entities)

1

2

3

&lt; 等同于 <

&gt; 等同于 >

&#169; 等同于 ?

相关推荐:

HTML中重要的关键字

html自适应字号

以上就是HTML 速查列表的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

如何理解Html、css、javascript之间的关系?

Html是什么语言

什么是Html元素?浅谈元素的语法规则

Html如何设置尺寸大小

一分钟了解Html中css的三种链接方式

Html如何实现audio停止

Html怎样对图片实现checkbox方法

Html是xml吗

Html怎么让图片变亮

Html和url有什么区别么

更多相关阅读请进入《Html》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...