HTML学习笔记 Day.2 文本 超链接

  • html标题

确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

  • html水平线

<hr> 标签在 HTML 页面中创建水平线,hr 元素可用于分隔内容。
在这里插入图片描述

  • html注释
    可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
    注释写法: <!-- 注释内容 -->
    在这里插入图片描述

  • html 折行

如果希望在不产生一个新段落的情况下进行换行(新行),使用
标签:

<p>这个<br>段落<br>演示了分行的效果</p>

在这里插入图片描述
<br/>元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

html文本格式化
文本格式化标签
在这里插入图片描述


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<body>
 
<p>我的第一个网页</p>
<b>我的第一个网页</b>
<em>我的第一个网页</em>
<i>我的第一个网页</i>
<small>我的第一个网页</small>
<sub>我的第一个网页</sub>
<sup>我的第一个段落</sup>
<ins>我的第一个网页</ins>
<del>我的第一个网页</del>
</body>
</html>

浏览器显示:
在这里插入图片描述
html链接
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
在标签 <a>中使用了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时,链接显示为红色并带有下划线。
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。
语法: <a href="url">链接文本</a>
例:<a href="https://www.baidu.com">百度</a>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<body>
 
<p>我的第一个网页</p>
<b>我的第一个网页</b>
<em>我的第一个网页</em>
<i>我的第一个网页</i>
<small>我的第一个网页</small>
<sub>我的第一个网页</sub>
<sup>我的第一个段落</sup>
<ins>我的第一个网页</ins>
<del>我的第一个网页</del>
<br>
<a href="https://www.baidu.com">百度</a>
</body>
</html>

浏览器显示:
在这里插入图片描述
当鼠标触碰到百度两字的时就会出现小手的状态。点击就会进入百度网址。
这个打开之后会在同一个窗口上加载。
target属性可以实现在新的窗口打开。
例:<a href="https://www.bilibili.com/ target="_blank"">哔哩哔哩</a>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值