首页 > Web开发 > 详细

学习笔记之HTML(三)

时间:2020-01-17 19:19:04      阅读:58      评论:0      收藏:0      [点我收藏+]

1、HTML文本格式化

文本格式化标签:

<b>定义粗体文本

<big>定义大号字

<em>定义着重文字

<strong>定义加重语气

<i>定义斜体字

<small>定义小号字

<sub>定义下标字

<sup>定义上标字

<ins>定义插入字

<del>定义删除字

<html>
<body>
<b>粗体字</b>
<br />
<strong>加重语气</strong>
<br />
<big>大号字</big>
<br />
<em>着重文字</em>
<br />
<i>斜体</i>
<br />
<small>小号字</small>
<br />
文本<sub>下标</sub>文本<sup>上标</sup>
<br />
一二三<ins></ins><del></del>四五
</body>
</html>

技术分享图片

 

 2、HTML引用

HTML <q> 元素定义短的引用。

<html>
<body>
 加个<q>引号</q>
</body>
</html>

技术分享图片

 

 3、HTML代码

<html>
<body>
<p>code 元素不保留多余的空格和折行:</p>

<code>
var person = {
    firstName:"F",
    lastName:"1",
    age:20
}

</body>
</html>

技术分享图片

 注:<pre>元素可解决此问题

<html>
<body>
<code>
<pre>
var person = {
    firstName:"F",
    lastName:"1",
    age:20
}
</pre>
</code>
</body>
</html>

技术分享图片

 

 4、HTML链接

通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式:通过使用 href 属性 - 创建指向另一个文档的链接;通过使用 name 属性 - 创建文档内的书签

语法:<a href="url">Link text</a>

<html>
<body>

<p><a href="http://www.baidu.com/"></a> 点击</p>

</code>
</body>
</html>

技术分享图片

 

 4.1 HTML 链接 - target 属性

使用 Target 属性,可以定义被链接的文档在何处显示。

把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。

<html>
<body>

<p><a href="http://www.baidu.com/"
target="_blank"></a> 点击</p>

</code>
</body>
</html>

5、HTML图像

显示为背景图片

<html>
<body background="/E:/timg (4).jpg">

<p><a href="http://www.baidu.com/"
target="_blank"></a> 点击</p>

</code>
</body>
</html>

技术分享图片

学习笔记之HTML(三)

原文:https://www.cnblogs.com/tinkerbell/p/12207003.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!