HTML5之标签

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

 

转载于:https://www.cnblogs.com/BASE64/p/11545012.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值