1、<h1>这是一个标题</h1>,一共有6级标题
2、<p>这是一个段落</p>
3、<a href="www.baidu.com">这是一个链接</a>
4、<img src="img/logo.png" width="285" height="39" />
5、<br>、<br />换行
6、<hr> 、<hr />标签在 HTML 页面中创建水平线
7、<!--这是一个注释-->
8、<b>这个文本是加粗的</b>
9、<strong>这个文本是加粗的</strong>
10、<i>这个文本是斜体的</i>
11、<em>这个文本时斜体的</em>
12、<big>这个文本是放大的</big>
13、<small>这个文本是缩小的</small>
14、<sub>这个文本包含下标</sub>
15、<sup>这个文本包含上标</sup>
16、<pre>对空行和空格进行控制,可以让输出的格式按照标签里的格式输出</pre>
17、<code>计算机输出</code>
18、<kbd>键盘输入</kbd>
19、<samp>计算机代码样本</samp>
20、<tt>打字机文本</tt>
21、<var>计算机变量</var>
22、<address>在HTML文件中写地址</address>
23、<abbr title="首字母缩写">缩写</abbr>
24、<acronym title="首字母缩写">缩写</acronym>
25、<bdo dir="rtl">该段落文字从右到左显示。</bdo>
26、<q>定义一个短的引用,引用名言警句</q>
27、<del>删除字,在字上划掉</del>
28、<ins>给字添加下划线</ins>
29、<blockquote cite="url">定义一个长的引用</blockquote>
30、创建文本跳转链接:
<a id="tips">有用的提示部分</a>
<a href="tips">同一个页面的访问有用的提示部分</a>
<a href="http://www.baidu.com/html/html-links.html#tips">从一个页面访问另一个页面的有id属性的有用的提示部分</a>
31、创建图片链接:
<a href="http:www.runoob.com"><img border="0" src="smile.gif" alt="smile.gif" width="24" height="24"/></a>
32、邮件链接:
<a href="mailto:someone@example.com?Subject=Hello%20World" target="_top">发送邮件</a>
33、更复杂的邮件链接:
<a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse.example.com&Subject=Hello%20Word&body=Welcome%20to%20our%20summer%20party!" target="_top">发送邮件</a>
34、设置所有链接的访问地址:
<head><base href="//www.runoob.com/images/" target="_blank"></head>
35、可以在head中添加的标签是<title><style><meta><link><script><noscript><base>
36、创建没有下划线的链接:
<a href="//www.runoob.com/" style="text-decoration:none;">访问runoob</a>
37、<link rel="stylesheet" type="text/css" href="styles.css">链接外接样式表
38、<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="//www.runoob.com" target="iframe_a">Runoob.com</p>
将一个页面的内容显示在iframe中,可以指定iframe的高度和宽度
小提示:
1、第31在创建图片链接的时候border是设置图片显示的边框,alt值的作用是当你的图片无法正常显示的时候,alt的值将会替换图片显示“跳转按钮”
2、<a href="">跳转</a>、<a href="" target="_top">跳出框架</a>这两个有什么区别???
3、第32的邮件链接格式:“邮箱地址?Subject=单词%20单词”,邮箱地址与内容用?隔开,Subject变量是邮件内容,单词之间的空格用%20隔开以便正常显示
4、HTML字符实体,在HTML中是无法使用<、>的,因为浏览器会认为他们是标签,这时候就需要我们用字符实体来替代https://www.runoob.com/html/html-entities.html
https://www.runoob.com/tags/html-reference.html