HTML+CSS基础——基础标签（连接标签＜a＞）

张謹礧

于 2023-12-27 11:16:41 发布

阅读量1k

点赞数 25

分类专栏： HTML+CSS基础——标签文章标签： html css 前端

本文链接：https://blog.csdn.net/weixin_66547608/article/details/135240772

版权

HTML+CSS基础——标签专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<html>
  <head>
	<title>Links</title>
  </head>
  <body>
	<h1 id="top">Film Fork</h1>
	<h2>Festival Diary</h2>
	<p>Here are some of the film festivals we will be attending this year.</br>Please<a href="mailto:filmfork@example.org">contact us</a>
	if you would like more information.</p>
	<h3>January</h3>
	<p><a href="First-html.html">Sundance Film Festival</a></br>Prak City,Utah,USA</br>20 - 30  January 2021</p>
	<h3>February</h3>
	<p><a href="secondly-html.html">Tropfest</a></br>Sydney,Australia</br>20 February 2011</p>
	<!-- additional content  -->
	<p><a href="thrid-html.html">About Film Folk</a></p>
	<p><a href="fourth-html.html">Top of page</a></p>
  </body>
</html>

head标签，它包含页面元数据，如标题
title标签，它为页面定义标题（页面标题显示在浏览器标签页中）
body标签，它包含可见的页面内容
h1, h2和h3标签，它们定义文本标题的等级和样式
p标签，它定义了段落文本
a标签，它定义超链接，用户可以单击以访问其他网页或下载文件
br标签，它定义一个换行符
注释，通过使用“”标记可以在HTML代码中添加注释，这些注释不会在网页中显示，而是用于开发人员更好地理解代码。

一个级别为1的标题（h1），内容为 “Film Fork”，并且还有一个唯一的id为 “top”。
一个级别为2的标题（h2），内容为 “Festival Diary”。
一个段落（p），内容为 “Here are some of the film festivals we will be attending this year. Please contact us if you would like more information.”，其中还有一个链接（a），将邮件地址设置为 “filmfork@example.org”。
一个级别为3的标题（h3），内容为 “January”。
一个段落（p），其中包含一个链接（a），链接到 “First-html.html” 页面，指向 “Sundance Film Festival”，并提供了该电影节的日期和地点信息。
一个级别为3的标题（h3），内容为 “February”。
一个段落（p），其中包含一个链接（a），链接到 “secondly-html.html” 页面，指向 “Tropfest”，并提供了该电影节的日期和地点信息。
两个其他段落，其中一个链接到 “thrid-html.html” 页面，内容为 “About Film Folk”，另一个链接到 “fourth-html.html” 页面，内容为 “Top of page”。

文档声明和 HTML 标签:

<!DOCTYPE html>
<html>

这部分指定了文档类型并开始了 HTML 文档的根元素。

头部部分:

  <head>
	<title>Links</title>
  </head>

这里是文档的头部部分，其中包含了标题（title）。

主体部分:

  <body>
	<h1 id="top">Film Fork</h1>
	<h2>Festival Diary</h2>
	<p> ... </p>
	<!-- additional content  -->
	<p> ... </p>
  </body>

这部分包含了页面的主体内容，包括标题（h1, h2）和段落（p），以及一些注释。

链接部分:

	<p><a href="mailto:filmfork@example.org">contact us</a> if you would like more information.</p>
	<h3>January</h3>
	<p> ... </p>
	<h3>February</h3>
	<p> ... </p>
	<p><a href="thrid-html.html">About Film Folk</a></p>
	<p><a href="fourth-html.html">Top of page</a></p>

这部分包含了一些超链接（a）到其他页面或者邮件地址。

<html>: HTML文档的根元素，包含了整个HTML文档的内容。
<head>: 包含了文档的元数据，如标题、引用的样式表和脚本等。
<title>: 指定文档的标题，显示在浏览器标签页上。
<body>: 包含了文档的主体内容，是用户在浏览器中看到的部分。
<h1>,<h2>,<h3>: 标题标签，按照优先级从高到低分别表示一级标题、二级标题和三级标题。
<p>: 段落标签，用于包裹段落文本。
<a>: 锚点标签，用于创建链接。href属性指定链接的目标，可以是一个URL地址、一个文件路径或一个已定义的锚点。
<br>: 换行标签，用于在文本中插入一个换行符。
: 注释标签，可用于添加注释，不会在浏览器中显示。

张謹礧

关注

25
点赞
踩
18

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML+CSS基础——基础标签（连接标签＜a＞）

: HTML文档的根元素，包含了整个HTML文档的内容。: 包含了文档的元数据，如标题、引用的样式表和脚本等。: 指定文档的标题，显示在浏览器标签页上。: 包含了文档的主体内容，是用户在浏览器中看到的部分。,,: 标题标签，按照优先级从高到低分别表示一级标题、二级标题和三级标题。: 段落标签，用于包裹段落文本。: 锚点标签，用于创建链接。href属性指定链接的目标，可以是一个URL地址、一个文件路径或一个已定义
复制链接

扫一扫