欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

关于春节的那些事（HTML的标签和链接）

程序员文章站 2022-05-06 19:06:51
...

前言

随着计算机的不断发展，学习HTML这门技术也越来越重要，很多人都开启了学习，本文就介绍了学习HTML的基础内容。

一、HTML是什么？

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面
  • HTML 实例:

1

2

3

4

5

6

7

8

9

10

11

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>html学习</title>

</head>

<body>

    <h1>第一个标题</h1>

    <p>第一个段落</p>

</body>

</html>

二、标签

1.图像标签和文本格式化标签

  1>文本格式化标签
加粗：<strong></strong> or <b></b>
倾斜：<em></em> or <i></i>
删除线：<del></del> or <s></s>
下划线：<ins></ins> or <u></u>
注意：以上内容均推荐使用第一种，语义更强烈，表示强调
 2>图像标签

<img /> 这是一个单标签，标签有两个必需的属性：src 属性 和 alt 属性。
alt属性：替换文本，图像不能显示时的文字
title属性：提示文本，鼠标放到图像上，显示的文字
width/height：设置图像的宽度和高度
border：单位是像素，设置图像的边框粗细

注意：

  1. 图像标签可以有多个属性，必须写在标签名的后边
  2. 属性之间不分先后的顺序，标签名与属性、属性与属性之间均以空格分开
  3. 属性采用键值对的格式，即key = “value”的格式，属性 = “属性值”

2.相对路径与绝对路径

  • 相对路径：以引用文件（相对HTML页面的位置）所在位置为参考基础，而建立出的目录路径<img src=“文件夹/img.jpg”/>下一级路径; <img src=“../img.jpg”/>上一级路径
  • 绝对路径：目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径，或者是网页中图片的网址,如 <img src=“http://www.baidu.com”/>

3.超链接标签

语法格式：<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href：用于指定链接目标的url地址（必须属性）
target：用于指定链接页面的打开方式，其中_self为默认值，在当前窗口打开，_blank为在新窗口中打开方式。
外部链接：
<a href="http://www.baidu.com">百度</a>
内部链接：网页内部的链接，直接在href后输入该链接名（xxx.html）就可以
空链接：# <a href="#">这是个空链接</a>,用于不知道链接在那个位置的时候
下载链接：
如果href后边跟的是一个压缩包形式(.exe或者.zip等)，会下载这个文件
网页元素链接：文本，图像，音频，视频等都可以添加超链接
<a href="http://www.baidu.com"><img src="img.jpg"></a>
锚点链接：点击链接，快速定位到页面中的某个位置
href属性中设置属性值为#名字的形式<a href="#nh">你好</a>
找到目标位置标签，里面添加一个id 属性 = 刚才的名字，<h3 id="nh">你好</h3>

案例：春节的那些事

<body>
    <h1>春节的来历和风俗</h1>

    <a href="#oldman">1.春节的来历</a> <br />
    <a href="#fengsu"> 2. 春节的风俗</a><br />
     <a href="#ziliao">3.扩展资料</a><br />

    <h2 id="oldman">春节的来历</h2>
    
     <p>春节，是农历的岁首， <a href="chunjie.html">春节</a>的另一名称叫过年，是中国最盛大、最热闹、最重要的一个古老传统节日，也是中国人所独有的节日。是中华文明最集中的表现。自西汉以来，春节的习俗一直延续到今天。</p>
   <h2 id="fengsu">  春节的风俗：</h2>
 <p>在春节这一传统节日期间，我国的汉族和大多数少数民族都有要举行各种庆祝活动，这些活动大多以祭祀神佛、祭奠祖先、除旧布新、迎禧接福、祈求丰年为主要内容。活动形式丰富多彩，带有浓郁的民族特色。</p>
<img src="xinnian.jpg">


<h2 id="ziliao">扩展资料</h2>

 <p>腊月二十三 祭灶我国春节，一般是从祭灶揭开序幕的。祭灶，是一项在我国民间影响很大、流传极广的习俗。旧时，差不多家家灶间都设有“灶王爷”神位。</p>

 <p>腊月二十四 扫尘“腊月二十四，掸尘扫房子” ，据《吕氏春秋》记载，我国在尧舜时代就有春节扫尘的风俗。按民间的说法：因“尘”与“陈”谐音，新春扫尘有“除陈布新”的涵义，其用意是要把一切穷运、晦气统统扫出门。</p>
 
 <p>腊月二十五 接玉皇旧俗认为灶神上天后，天帝玉皇于农历十二月二十五日亲自下界,查察人间善恶，并定来年祸福，所以家家祭之以祈福，称为“接玉皇”。这一天起居、言语都要谨慎，争取好表现，以博取玉皇欢心，降福来年. </p>

 <p>更多详情<a href="http://www.baidu.com" target="_blank"> 百度一下</a></p>
</body>

 这是chunjie.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1> 春节 （中国四大传统节日之一） 语音 编辑 讨论99+ 上传视频</h1>
 <p>春节（Spring Festival），即中国农历新年，俗称新春、新岁、岁旦等，口头上又称过年、过大年。春节历史悠久，由上古时代岁首祈岁祭祀演变而来。万物本乎天、人本乎祖，祈岁祭祀、敬天法祖，报本反始也。春节的起源蕴含着深邃的文化内涵，在传承发展中承载了丰厚的历史文化底蕴。在春节期间，全国各地均有举行各种庆贺新春活动，带有浓郁的各地域特色。这些活动以除旧布新、驱邪攘灾、拜神祭祖、纳福祈年为主要内容，形式丰富多彩，凝聚着中华传统文化精华。 [1-2] </p>

 <p>在早期观象授时时代，依据斗转星移定岁时，“斗柄回寅”为岁首。“斗柄回寅”大地回春，终而复始，万象更新，新的轮回由此开启。在传统的农耕社会，立春岁首具有重要的意义，衍生了大量与之相关的岁首节俗文化。在历史发展中虽然使用历法不同而岁首节庆日期不同，但是其节庆框架以及许多民俗沿承了下来。在现代，人们把春节定于农历正月初一，但一般至少要到正月十五新年才算结束。春节是集拜神祭祖、祈福辟邪、亲朋团圆、欢庆娱乐和饮食为一体的民俗大节。 [2-4]  [129] </p>

 <p>百节年为首，春节是中华民族最隆重的传统佳节。受到中华文化的影响，世界上一些国家和地区也有庆贺新春的习俗。据不完全统计，已有近20个国家和地区把中国春节定为整体或者所辖部分城市的法定节假日。春节与清明节、端午节、中秋节并称为中国四大传统节日。春节民俗经国务院批准列入第一批*非物质文化遗产名录。</p>
</body>
</html>

总结

以上就是今天要讲的内容，本文仅仅简单介绍了html的使用，也提供了一些平时常用的标签和链接这些能使我们快速便捷地掌握和理解。

相关标签： html webview p2p

上一篇： pytorch：torch.cuda中的函数

下一篇： Python基础打卡第一天

推荐阅读