最新动态
web前端之HTML5 入门(4):HTML标题、链接、段落和文本格式化
2024-11-18 01:01

在 HTML 文档中,标题很重要。

web前端之HTML5 入门(4):HTML标题、链接、段落和文本格式化

正文标题(Heading)是通过 标签进行定义的, 定义最大的标题。 定义最小的标题。应该将 h1 用作主标题(最重要的,其后是 h2(次重要的,再其次是 h3,以此类推。

  • HTML 标题标签最好只用于标题。不要为了生成粗体或大号的文本而使用标题。
  • 搜索引擎会使用标题为您的网页的结构和内容编制索引。
  • 用户可以通过标题来快速浏览您的网页

HTML 水平线和注释 标签在 HTML 页面中创建水平线,用于分隔内容。 注释中开始括号之后(左边的括号)需要紧跟一个叹号,如下web前端之HTML5 入门(4):HTML标题、链接、段落和文本格式化 下面举一个标题的例子web前端之HTML5 入门(4):HTML标题、链接、段落和文本格式化

段落是通过 标签定义的,分割为若干段落。

注意:浏览器会自动地在段落的前后添加空行。( 是块级元素

当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

如果希望在不产生一个新段落的情况下进行换行(新行,请使用 标签(没有结束标签

web前端之HTML5 入门(4):HTML标题、链接、段落和文本格式化

HTML 文本格式化标签

标签描述定义粗体文本定义着重文字定义斜体字定义小号字定义加重语气定义下标字定义上标字定义插入字定义删除字

HTML “计算机输出” 标签

标签描述定义计算机代码定义键盘码定义计算机代码样本定义变量定义预格式文本

HTML 引文, 引用, 及标签定义web前端之HTML5 入门(4):HTML标题、链接、段落和文本格式化 大致举个例子展示如下web前端之HTML5 入门(4):HTML标题、链接、段落和文本格式化

HTML 使用超链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 HTML使用标签 来设置超文本链接。在标签 中使用了来描述链接的地址。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 当鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

默认情况下,链接将以以下形式出现在浏览器中

  • 一个未访问过的链接显示为蓝色字体并带有下划线
  • 访问过的链接显示为紫色并带有下划线
  • 点击链接时,链接显示为红色并带有下划线

注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。

HTML 链接语法

 

上面这行代码显示为:百度首页

标签的target 属性,target="_blank"表示新窗口打开文档

HTML 链接- id 属性 在HTML文档中插入ID:

 

在HTML文档中创建一个链接到"顶部(id=“tips”"

 

或者,从另一个页面创建一个链接到"有用的提示部分(id=“tips”"

 

最后注意

请始终将正斜杠添加到子文件夹(末尾)。假如这样书写链接:href=“http://www.runoob.com/html”,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=“http://www.runoob.com/html/”。

    以上就是本篇文章【web前端之HTML5 入门(4):HTML标题、链接、段落和文本格式化】的全部内容了,欢迎阅览 ! 文章地址:http://fmiwue.riyuangf.com/quote/1232.html 
     动态      相关文章      文章      同类文章      热门文章      栏目首页      网站地图      返回首页 迅易网资讯移动站 http://mip.riyuangf.com/ , 查看更多   
发表评论
0评