HTML文本基础

最新推荐文章于 2024-08-29 10:19:45 发布

不准跷二郎腿

最新推荐文章于 2024-08-29 10:19:45 发布

阅读量138

点赞数

文章标签： html 搜索引擎 css

本文链接：https://blog.csdn.net/weixin_62285502/article/details/129658321

版权

本文介绍了HTML的基本元素，包括元信息如meta标签的使用，如页面描述和关键词设置；超链接的<a>标签及其属性，如href和target；标题<h1>至<h6>的层次结构；换行<br>标签；列表(有序、无序和描述列表)的创建；以及文本格式化元素如<strong>、<em>、<mark>、<small>等。此外，还讲解了引用内容的表示，如<q>和<blockquote>元素。

摘要由CSDN通过智能技术生成

一个简单完整网页结构。它包含的主要元素，如下图所示：

<title>标题内容</title>

元信息元素：meta

meta元素提供元数据信息，主要包括：
页面编码；网页标题；网页描述；网页关键词。

描述：description

描述信息使用一句话告知搜索引擎我们网页的主要内容是什么。

通常description的写法如下：<meta name="description" content="一句话描述网页内容">

关键词：keywords

同理，关键词信息使用多个并行的关键词告知搜索引擎我们网页内容的关键词信息。

通常keywords的写法如下：<meta name="keywords" content="关键词一,关键词二,关键词三">

主体元素：body 元素

<body>元素是一个文档的主体，文档内容都包含在<body>元素中，最终呈现在

1.<a> 标签定义超链接。<a href="https://baidu.com">百度搜索</a>
<a href="URL">其中，目标URL有三种类型：
锚 URL (anchor URL)：指向同一页面内某一位置；

相对 URL (relative URL)：指向同一网站的不同文件；

绝对 URL (absolute URL)：指向另一个网站。

<a href="#id值内容">简介</a>

<开始标签 id="id值内容">内容<结束标签>

此外，当href="#"时，默认回到网页顶部位置。

2.<p>发送邮件到：<a href="mailto:someone@email.com">someone</a>

3.target 属性：在何处打开链接

target属性规定了在何处打开超链接。

一个常用的例子如下：<p><a href="https://en.wikipedia.org/wiki/HTML" target="_blank">HTML</a>

其中，我们指定了 target="_blank"，所以在点击之后，将在新标签中打开链接。

HTML提供了六级标题用于创建网页信息的层级关系。<h1> 定义重要等级最高的标题，之后<h2>到<h6>层级依次递减。

那么如果我们想要在一个段落中换行要怎么做呢？

我们可以使用<br>标签。

列表

生活中我们经常使用列表，例如购物清单、待办事项。在HTML中，我们可以创建无序列表、有序列表和描述列表，而且一个列表中可以嵌套另一个列表。

通常，列表都是由父元素和子元素构成的，父元素用于指定要创建的列表的类型，子元素用于指定要创建的列表项目类型。

三种列表类型组成元素如下：

| 类型 | 父元素 | 子元素| | ------------ | ------------ | | 有序列表 | ol | li| | 无序列表 | ul | li| | 描述列表 | dl| dt， dd|

提示：

ol: order list；

ul: unorder list。

文本格式化

一个网页中通常包含了文本信息，对于不同的文本类型，我们可以选择合适的 HTML 语义化元素进行标记。例如，em 元素用于标记强调部分内容，small 元素用于注解、署名等类型的文本。

常用的元素如下

元素	含义	举例
strong	表示内容的重要性	-
em	表示内容的着重点	-
mark	表示内容高亮显示	对搜索结果页面或文章中的搜索词进行突出显示
small	表示细则一类的旁注	通常包括免责声明、注意事项、法律限制、版权信息等
b	希望读者注意的文字	如文档摘要里的关键词、评论中的产品名、文章导语等
i	表示不同于其他文字的文字，具有不同的语态或语气	如分类名称、技术术语、翻译的散文等
sub	定义下标	常见的下标包括化学符号等
sup	定义上标	常见的上标包括商标符号、指数和脚注编号等