HTML5基础学习-表格标签

学习内容:

1.综合案例

在HTML5新标准里<br>换行标签不加 / 是可以的。

<!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>春节</title>
</head>
<body>
<h1>春节(中国四大传统节日之一)</h1>
<p>春节(Spring Festival),即中国农历新年,俗称新春、新岁、岁旦等,口头上又称过年、过大年。春节历史悠久,由上古时代岁首祈岁祭祀演变而来。万物本乎天、人本乎祖,祈岁祭祀、敬天法祖,报本反始也。春节的起源蕴含着深邃的文化内涵,在传承发展中承载了丰厚的历史文化底蕴。在春节期间,全国各地均有举行各种庆贺新春活动,带有浓郁的各地域特色。这些活动以除旧布新、驱邪攘灾、拜神祭祖、纳福祈年为主要内容,形式丰富多彩,凝聚着中华传统文化精华。</p>
<p>在早期观象授时时代,依据斗转星移定岁时,“斗柄回寅”为岁首。“斗柄回寅”大地回春,终而复始,万象更新,新的轮回由此开启。在传统的农耕社会,立春岁首具有重要的意义,衍生了大量与之相关的岁首节俗文化。在历史发展中虽然使用历法不同而岁首节庆日期不同,但是其节庆框架以及许多民俗沿承了下来。在现代,人们把春节定于农历正月初一,但一般至少要到正月十五新年才算结束。春节是集拜神祭祖、祈福辟邪、亲朋团圆、欢庆娱乐和饮食为一体的民俗大节。</p>
<p>百节年为首,春节是中华民族最隆重的传统佳节。受到中华文化的影响,世界上一些国家和地区也有庆贺新春的习俗。据不完全统计,已有近20个国家和地区把中国春节定为整体或者所辖部分城市的法定节假日。春节与清明节、端午节、中秋节并称为中国四大传统节日。春节民俗经国务院批准列入第一批国家级非物质文化遗产名录。</p>
<p><img src="xckl.jfif"><br /></p>
1 <a href="#origin">节日起源</a><br />
2 <a href="#custom">民间习俗</a><br />
3 <a href="#effect">社会效应</a><br />
▪ 经济<br />
▪ 交通<br />
4 <a href="#relevant">其它相关</a><br />
▪ 小知识<br />
▪ 传说<br />
▪ 春晚<br />
<h2 id="origin">节日起源</h2>
<p>古老传统节日的起源与上古原始信仰、祭祀文化以及星象、历法等人文与自然文化内容有关。据现代人类学、考古学的研究成果,人类最原始的两种信仰:一是天地信仰,二是祖先信仰。古老传统节日多数形成于古人择日祭祀,以谢天地神灵、祖先恩德,以及祈福辟邪的活动。早期的节日文化,反映的是古人自然崇拜、天人合一、慎终追远、固本思源的人文精神;一系列的祭祀活动,则蕴含着祗敬感德、礼乐文明深邃文化内涵。岁节(年节)的起源与发展涵盖了人文哲学与自然规律等方面内容。</p>
<p>在早期观象授时时代,“斗柄回寅”为春正(岁首),立春乃万物起始、一切更生之义也,意味着新的一岁已开启。“岁”的概念,来自上古历法,“岁”即“摄提”(原始干支),又名为“岁星”、“太岁”。在传承发展中后世将这套多音节的摄提纪元(岁)术语简化为一个字,其与简化后的干支在《尔雅》与《史记》均有对照关系的记载。如:太岁在寅曰摄提格,在卯曰单阏,…在子曰困敦,在丑曰赤奋若(语出《尔雅·释天》)。干支(岁)纪元以北斗星的斗柄指向正东偏北方位的“建寅”之月为起始,然后顺时针方向旋转,循环往复。在传统文化中,干支与方位以及八卦等是联系在一起的,寅位是后天八卦的艮位,是岁终岁首交结的方位,代表终而又始,如《易·说卦传》曰:“艮,东北之卦也,万物之所成终而所成始也。”十二月运行,周而复始,岁末十二月指丑方,正月又复还寅位。斗柄回寅,春回大地,终而复始,万象更新,新岁由此开始。</p>
<p>在传统的农耕社会,立春岁首具有重要的意义,衍生了大量与之相关的岁首节俗文化。虽然此后由于在历史发展中阴阳合历历法制度的推广,节令与节日发生了分离,但许多节令民俗仍旧保留了下来。春节是由岁首祈岁祭祀演变而来,上古时代人们在春回大地、终而复始、万象更新的岁首,举行祭祀活动报祭天地众神、祖先的恩德,驱邪攘灾、祈岁纳福。古代的祭仪情形虽渺茫难晓,但还是可以从后世的节仪中寻找到一些古俗遗迹。如岭南部分地区沿承有在新年初一拜岁以及新年期间隆重盛大的拜神祭祖、驱邪纳福节仪活动,由此可见上古时代岁首祭祀的蛛丝马迹。春节的起源和发展是一个逐渐形成,潜移默化地完善与普及的过程。春节文化作为中华传统文化的重要组成部分,承载着博大精深的中华文化底蕴,也记录着古代人们丰富多彩的社会生活文化内容。</p>
<img src=https://bkimg.cdn.bcebos.com/pic/8718367adab44aedf6a3a06bbf1c8701a08bfb54?x-bce-process=image/resize,m_lfit,w_440,limit_1/format,f_auto>
<h2 id="custom">民间习俗</h2>
<h3>一、新春扫尘</h3>
<p>据《吕氏春秋》记载,早在尧舜时代,我国就已经有春节扫尘的习俗。因为“尘”与“陈”谐音,所以新春扫尘就赋予了新的含义,有“除陈布新”的意思,希望把一切穷运、晦气统统扫地出门。</p>
<img src=https://img.kemaowang.org.cn/2021/2021/07/6558767443094543320.jpg><br>
<h3>二、贴对联、福字、门神</h3>
<p>春节前一天的下午,小孩子们会踩着凳子,拿着糨糊和刷子,往门上贴对联,然后让下面的大人看看贴的是否端正。有的还横批,贴于门楣的横头上,对联贴在门的左右两边。还有的在屋门、墙壁、门楣上贴福字,寄托人们对幸福生活的向往。还有人会把绘有门神的画帖贴在门板上,祈求一年平安无事,增添节日喜乐气氛。</p>
<img src=https://img.kemaowang.org.cn/2021/2021/07/6882661693042679644.jpg>
<h3>三、祭祖、祭神</h3>
<p>春节祭神,是一种遍及我国东西南北的习俗。全国各地祭神习俗大同小异,但目的基本相同,都是为了祈求来年风调雨顺,五谷丰登、大吉大利等等。</p>
<p>祭祖一般情况下都是在祭神之后,各地风俗也不尽相同,在我们老家都是每天中午吃饭之前,各家各户派个代表,端上食物、供品去祠堂祭奠先祖,一直延续到正月十五,祠堂才会关门。</p>
<h3>四、吃水饺、吃汤圆、吃年糕</h3>
<p>北方大部分地区,春节都有早晨吃水饺的习俗,还经常在水饺里面放一枚硬币,谁要是吃到硬币,大家就说他是全家当年最有福的人。在江苏淮安,早上有吃汤团的习俗,河南开封一带,春节这天既吃饺子又吃汤圆。春节期间还有吃年糕的习惯,年糕口味因地而异。</p>
<h3>五、守岁、给压岁钱</h3>
除夕守岁,也是最重要的春节活动之一,邻居朋友聚在一起,或者一家人在一起,有的打牌,有的看春节晚会,大家终日不眠,一起等待天明,迎接新年的到来。</p>
<p>压岁钱是小孩子和晚辈最喜欢的习俗。除夕吃过年夜饭后,长辈会向晚辈分别赠送钱币,并用红线穿编铜钱成串,挂在小孩胸前,说是能够压邪驱鬼。这个习俗自汉朝开始就已经流行,当然,现在已经没有铜钱了,一般都是拿个红包装现金了。</p>
<img src=https://img.kemaowang.org.cn/2021/2021/07/6978639075597951777.jpg>
<h3>六、燃放炮竹</h3>
<p>新春来临之际,家家户户开门第一件事,就是燃放爆竹,以噼里啪啦的爆竹声辞旧迎新,以示吉庆。当然,现在很多地方都禁止燃放爆竹了,还是应该遵守国家规定,以安全为主。</p>
<img src=https://ts1.cn.mm.bing.net/th?id=OIP-C.quBtLs3Bf9gaPo-mifxnDQHaFg&w=171&h=170&c=8&rs=1&qlt=90&o=6&dpr=1.5&pid=3.1&rm=2>
<h3>七、拜年</h3>
<p>拜年是春节最重要的活动和习俗之一。大年初一的早上,大人小孩都穿上新衣、戴上新帽,走亲访友,相互拜年问好,恭祝新年大吉大利。拜年一般是从自家开始,小辈给长辈拜完年后,人们在外出相遇时,再笑容满面地互相恭贺新年。</p>
<h3>八、逛庙会</h3>
<p>春节期间,一般在农村里都会有庙会。早期的庙会,仅仅是一种隆重的祭祀活动,但随着经济的发展和人们的需要,庙会在保持祭祀活动的同时,又逐渐增加了集市交易活动,还有一些丰富多彩的娱乐活动。</p>
<h3>九、舞龙、舞狮</h3>
<p>龙是传说中的吉祥动物,据说能够在天上呼风唤雨,也能为人间祈福消灾。早在汉代时期,就有舞龙求雨的活动。除了舞龙,还有舞狮子,也是春节期间比较普遍的习俗,在我们北方,也叫耍狮子,小时候经常见,现在也少了。</p>
<img src=https://tse1-mm.cn.bing.net/th/id/OIP-C._affHbXQqbtFb820oeJ1SAHaEE?w=320&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7>
<h3>十、踩高跷</h3>
<p>踩高跷,也是春节期间的一项娱乐活动,历史悠久,在《列子.说符篇》就有记载:“宋有兰子者……以双肢长倍其身,属其胫,并驱并驰。”踩高跷也叫“扎高脚”、“踏高跷”,表演的人在两只脚上绑上两三尺高的木质跷棍,表演各种古怪滑稽的动作,小时候基本村村都有这项活动,后来就越来越少了。</p>
<img src=https://img.kemaowang.org.cn/2021/2021/07/8783092629748963129.jpg>
<h2 id="effect">社会效应</h2>
<h3>经济</h3>
<p>春节是中国最重要和最具文化内涵的节日,更是推动产业经济和内需消费的重要内驱力。随着国民经济的快速增长,居民个人可支配收入不断提高,春节消费也由传统的置办年货发展为具有时代特色的贺岁作品、产品工艺、休闲娱乐等节日产品和服务。春节期间,人群、金融、物资、信息、艺术的大规模流动,带动了<ins>文化、商业、交通、旅游、电信、金融、餐饮</ins>各行各业全面繁荣,形成了独特的“春节经济”。</p>
<h3>交通</h3>
<h4>中国春运</h4>
<img src=https://bkimg.cdn.bcebos.com/pic/6609c93d70cf3bc7c234a79ad500baa1cd112a8b?x-bce-process=image/resize,m_lfit,w_440,limit_1/format,f_auto>
<p>春节期间的运输,简称为“<strong>春运</strong>”。是中国特有的一种运输期间。以春节为界,节前15天,节后25天,共40天,由国家经贸委统一发布(每年起止时间略有不同),铁道部、交通部、民航总局按此进行专门运输安排的全国性交通运输高峰叫做春运。在40天左右的时间里,将有20多亿人次的人口流动,占世界人口的1/3。中国春运入选出中国<strong>世界纪录协会</strong>世界最大的周期性运输高峰。</p>
<p>春运线路:</p>
<p>春节前重点地区通常是<em>京津、长三角、福建、珠三角 </em>地区。</p>
<p>节后重点地区一般是<em>成都、重庆、武汉、长沙、南昌、合肥、阜阳 </em>地区。</p>
春运战略:</p>
<p>为实现“确保安全、满足重点、平稳有序、良好服务”的春运目标,全国铁路春运总体战略是“以客为主,客货双赢;南客北货,南车北调;统筹安排,重点必保;适度屯车,应急有备;车辆挖潜,停短保长;有流开车,无流停运”。</p>
<p>设立春运原因:</p>
<p>设立春运的原因是中国人口众多,而春节又是传统的团圆节日,人们纷纷回家过年,要坐车的人太多,运输部门需要全力保证旅客有车坐,能回家,过完节能回来。</p>
<h2 id="relevant">其它相关</h2>
<h3>小知识</h3>
<h4>春节时间</h4>
<p>春节的时间(农历正月初一)在公历1月21日至2月21日之间游动。“最早的春节”(如1966年的1月21日)和“最迟的春节”(如1985年的2月20日)相差整一个月。根据历法计算,如果农历不进行人为调整的话,2319年2月21日将迎来“史上最晚春节”,此前春节最迟出现在公历2月20日,为1920年和1985年。</p>
<h4>闰春节</h4>
<p>闰春节,又称闰正月,从公元1645年使用历理置闰制开始,到公元2800年的1155年里,农历闰正月只发生6次,非常罕见,其年份分别是1651、2262、2357、2520、2539、2634。</p>
<h4>闰春节的过法</h4>
<p>如果一年有闰正月,原则上春节是过第一个正月的,到了闰正月的时候则不过节。当然,也有少数地区过完第一个正月的春节以后,到了闰正月的时候也过闰正月的春节,因为闰正月也叫正月,所以也把闰正月的初一也看做春节来过。</p>
<h4>天维建元</h4>
<p>天维建元,从寅开始。如《淮南子·天文训》收录:“帝张四维,运之以斗,月徙一辰,复返其所,正月指寅,十二月指丑,一岁而匝,终而复始”。斗柄回寅,大地回春,万象更新。立春乃万物之所成终而所成始,代表万物起始、一切更生之义。从立春起进入了寅月,阴阳转发,阳气初生,万物复苏。在传统观念中,立春具有吉祥的涵义。人们将有“双立春”的农历年视为大吉年份。 </p>
<p>现通常用“岁首”来称呼历法的首月首日。其实严格来讲,“岁”是干支历特有的概念,岁即“摄提”,又名太岁,“岁首”原始含义是摄提(太岁)的首月首日,即立春。阴历是以月相朔望变化为一个月,阴历的首月首日多称为“元朔”。“岁”和“年”,在古时是有严格区别的:从立春到下一个立春,谓之一岁;从一月一日到下一个一月一日,谓之“一年”。</p>
<h4>“双立春”与“无春年”</h4>
<p>“双立春”与“无春年”是夏历(农历)中的概念,是指农历全年都没有“立春”或有“双立春”的年份,这是由于农历年长度有的年份短于回归年、有的年份长于回归年的缘故。公历年平均长度是365.2425天,与回归年相差无几,所以立春在公历年中的日期基本固定,绝大多数年份为2月4日,个别年份为2月3日或2月5日。而农历年情况就不一样了,农历采用的方法是“19年7闰”法,即在19个农历年中加上7个闰月。农历无闰月的年份为353至355天,比回归年少11天左右;有闰月的年份为383天至385天,比回归年多19天左右。故闰年有25个节气,平年有23个或24个节气。于是立春在农历年中的位置呈现出4种情况:在年初;在年末;年初年末两头春;全年无立春日。因经常出现“立春”节气跑到了农历年的上一年尾或跨到了下一年头,这样就出现了“无春”或“两头春”的现象。“双立春”与“无春年”是由于阴阳历转换造成的。不管两个立春日还是没有立春日,都只是正常的历法变化,与吉凶祸福无关。</p>
<h3>传说</h3>
<h4>万年创万年历</h4>
<p>相传,很久很久以前,有个名叫万年的青年,看到当时节令很乱,就有了想把节令定准的打算。受了树影移动与山崖上滴泉的启发,他设计了一个测日影计天时的晷仪和漏壶,用来测定时间,于是便有了万年历。据说春节是由万年青年创制的万年历而来。 </p>
<h4>舜继部落首领</h4>
<p>传说公元前2000多年的一天,舜(上古部落联盟首领)继部落联盟首领,带领着部下人员,祭拜天地。从此,人们就把这一天当作正月初一(岁首)。据说这就是农历新年的由来,后来叫春节。</p>
<h4>年兽传说</h4>
<p>春节的来历有一种传说,中国古时候有一种叫“年”的怪兽,长年深居海底,每到除夕才爬上岸。人们逃往深山,以躲避“年”兽的伤害。后来有一年除夕,从村外来了个老人告知了人们驱赶“年”兽的办法。原来,“年”最怕红色、火光和炸响。从此每年除夕,家家贴红对联、燃放爆竹;户户烛火通明、守更待岁。初一一大早,还要走亲串友道喜问好。这风俗越传越广,成了春节。</p>
<h3>春晚</h3>
<p>春节联欢晚会,通常简称“<a href="spring festival gala.html" target="_blank">春晚</a>”,是中国中央电视台在每年除夕晚上为庆祝农历新年举办的综艺性文艺晚会。1983年,央视举办春节联欢晚会应该说是一个偶然事件。但是这台晚会已经成为了中国人的“新民俗,新文化”,每年除夕夜必看的电视大餐。从1983年起,央视春晚这枚凝聚了十几亿中国人亲情与乡愁的符号,已经成为几代中国人的文化记忆。</p>
<p>从文化发展的角度看,中央电视台春节联欢晚会开创了电视综艺节目的先河,且引发了中国电视传媒表达内容、表达方式等方面的重大变革。春节联欢晚会涵盖小品、歌曲、歌舞、杂技、魔术、戏曲、相声剧等多种表演形式。</p>
<p>更多内容可以<a href="http://www.baidu.com" target="_blank">百度一下</a></p>
</body>
</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>春晚</title>
</head>
<body>
<h2>春晚有着重要的文化象征意义 在数字时代重生</h2>
<img src="http://www.xinhuanet.com/2018-02/15/1122420565_15186560257361n.jpg">
<p>“春节联欢晚会”这顿电视“年夜饭”即将迎来第三十五个年头,除夕夜看央视春晚早已成为中国人过年的新民俗。明星上春晚代表其在业界的地位,新人在春晚上露脸则是“一夜成名”的“捷径”,观众乐于在春节过后点评春晚节目……春晚不仅是一方举国欢庆的民俗舞台,更是受到全民关注的国家文化工程,是新时期以来少有的用普通百姓喜闻乐见的方式形塑主流价值观的文化空间。——编 者</p>
<p>近些年,随着互联网、移动终端等数字媒体的普及,不可否认的是,以“电视”为媒介形态的春晚也遭遇新的挑战。春晚文化能否在数字时代获得重生,这不只关乎一台电视晚会的收视率,而且涉及主流文化如何赢得观众认同的大问题。</p>
<h3>电视春晚的“黄金时代”</h3>
<p>春晚的出现有两个大背景,一是上世纪80年代的思想解放使各种文艺创作重新焕发生机,以曲艺为代表的群众文艺和新兴的流行文化成为春晚节目的“主菜”;二是电视机开始取代广播,逐渐成为八九十年代最大众化的传播媒介,春晚就是当时的新文艺与新媒体有机融合的产物。</p>
<p>1983年,第一届春节联欢晚会在央视直播,借助除夕夜的特殊时刻,电视机的“即时性”把空间上分散的千家万户连接起来,营造中华民族大团圆的氛围。春晚既把欢欢乐乐过大年的民间习俗转化为模拟信号的电视综艺节目,又让全国、全世界的华人小家庭汇聚成中华大家庭的“难忘今宵”。</p>
<p>春晚有着永恒不变的主题,但也时刻保持与时俱进的开放精神。如果说80年代的春晚主要借助体制内的文艺工作者担任主角,那么90年代随着大众文化的全面兴起,更多的娱乐明星走进春晚。90年代的春晚一方面会请当年最热门的明星、新秀表演节目,另一方面也培育制造了一批春晚明星,如解晓东、赵丽蓉等演员迅速成为全民明星。90年代末期随着卫星电视、有线电视的出现,央视不再独享全国收视的垄断地位,这给地方卫视发展提供了契机,尤其是以湖南卫视、浙江卫视、江苏卫视为代表,这些地方卫视推出了如《超级女声》《中国达人秀》《中国好声音》等有影响的综艺节目。央视也及时调整策略,一边邀请高人气的选秀明星参加春晚,一边开办《星光大道》《我要上春晚》等综艺节目。</p>
<p>语言类节目一直是春晚的亮点,这和“让辛劳一年的人们高兴、放松和欢喜”的春晚创作初衷有关。80年代的春晚舞台上,经过新中国改造的新相声艺术承担针砭时弊、嬉笑怒骂的功能,马季、姜昆、冯巩等成为最早的一批电视明星。90年代从话剧教学手法借鉴过来的小品成为香饽饽,更加通俗化、更具有地方特色的方言小品成为春晚的压轴菜。2010年以后,以开心麻花为代表的都市喜剧小品取代了东北风格的小品,显示出观众欣赏趣味的变化以及春晚希望吸引青年都市观众的努力。</p>
<p>春晚的自我更新还体现在与不同时代的新兴媒体展开合作。如八九十年代的电话热线,90年代末期兴起短信投票,以及新世纪以来与微博、支付宝、微信的合作。正是这种在表演形式、舞台风格上既保持固有特色,又不断求新求变的创新精神,使得春晚成为每年最受关注的综艺大餐。</p>
<h3>春晚的文化象征意义</h3>
<p>春晚有着重要的文化象征意义。就像春晚在大年三十除夕之夜的黄金时间播出一样,春晚与守岁、吃年夜饭、家庭团聚等民俗结合起来,象征着团圆,象征着和谐,也象征着社会共识的达成。</p>
首先,春晚的“语法”是总体性的,试图全景式地展现国家和社会的变化。相比娱乐化、低龄化的电视综艺节目,在央视一号演播大厅这一象征性的舞台上,春晚既要有对国富民安、国计民生等大事的关注,又要对家庭矛盾、养老、婚恋等柴米油盐的小事有所反映;既要表现人民过上好日子的幸福和愉悦,又要对守护边疆的战士、在工作岗位坚守的普通职工以及生活在边远地区的少数民族群众送去新春祝福;既要照顾中老年观众的文化趣味,又不能忘记“小镇青年”和广大乡村观众的欣赏习惯。这使得春晚成为分众化时代少有的带有全民色彩的文化舞台。</p>
<p>春晚还呈现出一种包容性和多元化的文化景观。从80年代开始,春晚不再是整齐划一和自上而下的文化宣传,而是试图吸纳不同的表演风格和文化形式。一是,主流文化与通俗文化的结合,比如从1984年开始邀请香港、台湾演艺明星参加春晚,这不仅推动港台流行文化在内地传播,而且实现了内地与港澳台的文化融合;二是,高雅文化与群众文化的融汇,既有男高音等美声唱法、京剧、昆曲等国粹经典,也有娱乐演艺明星的成名曲,还要有出身草根等非职业达人们的才艺表演;三是,民族文化、小众文化等的展示,每年春晚,少数民族舞蹈和歌曲是必不可少的节目,一些受到青年人欢迎的节目也会闪亮登场。</p>
<p>从主流文化角度看,春晚也是实现“社会效益和经济效益相统一”的典范。新时期以来,主旋律文艺与文化市场或多或少地存在着怎样更好兼容的问题,有些过度娱乐化、商业化的大众文化常以利润为导向。春晚却是一个例外。90年代以来从节目冠名权到零点钟声等各个环节都设置不同的广告价位,可以说,很少有一个文化平台可以像春晚这样,既传递积极、正面的主流价值观,又让普通百姓喜笑颜开,让各大赞助商得以确立品牌价值。</p>
<p>春晚越来越难办是不必讳言的现实,但各方依然顶着压力争取给全国人民奉献上一桌美味可口的“年夜饭”。因为对于几代电视观众来说,如果没有春晚,便少了些年味。</p>
<h3>数字时代面临新挑战</h3>
<p>近些年,一些地方卫视有能力举办明星阵容堪比春晚的地方春晚,观众在春节期间有了更多文化选择。互联网等数字媒体开始动摇电视这一传统媒体的霸主地位,电视机逐渐成为客厅里的摆设;以移动终端为载体的微信、视频平台等新媒体迅速普及,这些兼具社交性、适合碎片化阅读、观看的媒体有着越来越多的受众;网络文学、网络游戏、网络影视剧、网络综艺节目等数字文化已经成为大众文化的主体,也改变了以纸媒、电视为基础的文艺形态和格局。</p>
<p>当然,春晚也做了一些与网络文化、新媒体融合的尝试。比如,网络段子很早就进入春晚语言类节目,与微博、微信平台建立广泛的合作关系等。而另一方面,这种“借力”也使得春晚的原创力在降低,如果说八九十年代的春晚为新一年生产新明星和新段子,在当下则更多是对上一年度流行话题、文化时尚的总结。再加上,过节的方式愈发多元化,很多人选择不回家过年,而是旅行或与亲朋好友聚会。围坐在电视机前,全家人一边聊天、一边点评春晚的模式,越来越变成带有怀旧感的家庭仪式。</p>
<p>在这个意义上,春晚一方面需要在电视机前留住观众,比如这两年央视走出去办春晚,采用主演播厅与分会场结合的方式,很多分会场都设在有标识意义的景点,采用实景演出,打破了室内演播厅的空间局限,也有效展示了祖国大江南北不同地域的风俗人情。另一方面,春晚也需要突破电视平台的局限,更多利用移动媒体、短视频等方式来提升传播效果,在传播主流价值的同时,兼顾更加分众化、个性化的审美需求。唯有采取更加多元、开放的态度,才能使得春晚这个文化品牌吸收更多文化养料,历久弥新。</p>
</body>
</html>

2.表格标签

2.1 表格的主要作用

表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 

tips:表格不是用来布局页面的,而是用来展示数据的。

2.2 表格的基本语法

<table>

    <tr>

        <td>单元格内的文字</td>

        . . .

    </tr>

    . . .

</table>

1.<table></table>是用于定义表格的标签。

2<tr></tr>标签用于定义表格中的行,必须嵌套在 <table></table>标签中。

3.<td></td>用于定义表格中的单元格,必须嵌套在<tr></tr>标签中。

4.字母td指表格数据(table data),即数据单元格的内容。

<!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>
    <table>
        <tr><td>姓名</td> <td>性别</td> <td>年龄</td></tr>
        <tr><td>喻言</td> <td>女</td> <td>24</td></tr>
        <tr><td>小红</td> <td>女</td> <td>18</td></tr>
        <tr><td>小舟</td> <td>男</td> <td>21</td></tr>
        <tr><td>小明</td> <td>男</td> <td>19</td></tr>
    </table>
</body>
</html>

 2.3 表头单元格标签

一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示。

<th>标签表示HTML表格的表头部分(table head的缩写)

<table>

    <tr>

        <th>姓名</th>

        . . .

    </tr>

    . . . 

</table>

<!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>
    <table>
        <tr><th>姓名</th> <th>性别</th> <th>年龄</th></tr>
        <tr><td>喻言</td> <td>女</td> <td>24</td></tr>
        <tr><td>小红</td> <td>女</td> <td>18</td></tr>
        <tr><td>小舟</td> <td>男</td> <td>21</td></tr>
        <tr><td>小明</td> <td>男</td> <td>19</td></tr>
    </table>
</body>
</html>

2.4 表格属性

表格标签这部分属性在我们实际开发中并不常用,后面通过CSS来设置。

学习的目的:

1.记住这些英语单词,后面CSS会使用。

2.直观感受表格的外观形态。

<!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>
    <!-- 这些表格属性要写到表格标签table里面去 -->
    <table align="center" border = 1 cellpadding=0 cellspacing=0 width=500 height=245> 
        <tr><th>姓名</th> <th>性别</th> <th>年龄</th></tr>
        <tr><td>喻言</td> <td>女</td> <td>24</td></tr>
        <tr><td>小红</td> <td>女</td> <td>18</td></tr>
        <tr><td>小舟</td> <td>男</td> <td>21</td></tr>
        <tr><td>小明</td> <td>男</td> <td>25</td></tr>
    </table>
</body>
</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>今日小说排行榜</title>
</head>
<body>
    <table align="center" width=500 height=245 border=1 cellspacing=0>
        <tr>
            <th>排名</th>
            <th>关键词</th>
            <th>趋势</th>
            <th>进入搜索</th>
            <th>最近七日</th>
            <th>相关链接</th>
        </tr>
        <tr>
            <td>1</td>
            <td>鬼吹灯</td>
            <td><img src="down.jfif" width=15></td>
            <td>345</td>
            <td>123</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
        <tr>
            <td>2</td>
            <td>盗墓笔记</td>
            <td><img src="down.jfif" width=15></td>
            <td>124</td>
            <td>675432</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
        <tr>
            <td>3</td>
            <td>西游记</td>
            <td><img src="up.jfif" width=15></td>
            <td>212</td>
            <td>7654</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
        <tr>
            <td>4</td>
            <td>东游记</td>
            <td><img src="up.jfif" width=15></td>
            <td>23</td>
            <td>75645</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
        <tr>
            <td>5</td>
            <td>甄嬛传</td>
            <td><img src="down.jfif" width=15></td>
            <td>121</td>
            <td>7676</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
        <tr>
            <td>6</td>
            <td>水浒传</td>
            <td><img src="up.jfif" width=15></td>
            <td>576576</td>
            <td>1231421</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
         <tr>
            <td>7</td>
            <td>三国演义</td>
            <td><img src="up.jfif" width=15></td>
            <td>234</td>
            <td>7686</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
    </table>
</body>
</html>

 tips:<a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>这三个是空连接。

2.5 表格结构标签

使用场景:因为表格可能很长,为了更好的表示表格的语义,可以将表格分割成表格头部和表格主体两大部分。

在表格标签中,分别用:<thead>标签 表格的头部区域、<tbody>标签 表格的主体区域。这样可以更好的分清表格结构。

<!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>今日小说排行榜</title>
</head>
<body>
    <table align="center" width=500 height=245 border=1 cellspacing=0>
    <thead>
        <tr>
            <th>排名</th>
            <th>关键词</th>
            <th>趋势</th>
            <th>进入搜索</th>
            <th>最近七日</th>
            <th>相关链接</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>鬼吹灯</td>
            <td><img src="down.jfif" width=15></td>
            <td>345</td>
            <td>123</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
        <tr>
            <td>2</td>
            <td>盗墓笔记</td>
            <td><img src="down.jfif" width=15></td>
            <td>124</td>
            <td>675432</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
        <tr>
            <td>3</td>
            <td>西游记</td>
            <td><img src="up.jfif" width=15></td>
            <td>212</td>
            <td>7654</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
        <tr>
            <td>4</td>
            <td>东游记</td>
            <td><img src="up.jfif" width=15></td>
            <td>23</td>
            <td>75645</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
        <tr>
            <td>5</td>
            <td>甄嬛传</td>
            <td><img src="down.jfif" width=15></td>
            <td>121</td>
            <td>7676</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
        <tr>
            <td>6</td>
            <td>水浒传</td>
            <td><img src="up.jfif" width=15></td>
            <td>576576</td>
            <td>1231421</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
         <tr>
            <td>7</td>
            <td>三国演义</td>
            <td><img src="up.jfif" width=15></td>
            <td>234</td>
            <td>7686</td>
            <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
        </tr>
    </tbody>
    </table>
</body>
</html>

 1.<thead></thead>:用于定义表格的头部。<head>内部必须拥有<tr>标签。一般是位于第一行。

2.<tbody></tbody>:用于定义表格的主体,主要用于放数据本体。

2.6 合并单元格

特殊情况下,可以把多个单元格合并为一个单元格,这里我们会最简单的合并单元格即可。

2.6.1.合并单元格方式:

跨行合并:rowspan="合并单元格的个数"

跨列合并:colspan="合并单元格的个数"

 2.6.2.目标单元格:(写合并代码)

跨行:最上侧单元格为目标单元格,写合并代码

跨列:最左侧单元格为目标单元格,写合并代码

2.6.3.合并单元格三步曲:

1.先确定是跨行还是跨列合并。

2.找到目标单元格。写上合并方式=合并的单元格数量。比如:<td colspan= "2" ></td>

3.删除多余的单元格

<!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>合并单元格</title>
</head>
<body>
    <table width=500 height=245 border=1 cellspacing=0>
        <tr>
            <td></td>
            <td colspan=2></td>
        </tr>
        <tr>
            <td rowspan=2></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>
</body>
</html>

2.7 表格总结

表格学习整体可以分为三大部分:

1. 表格的相关标签

table 标签           tr 行标签            td 单元格标签                 th 表头单元格(字体加粗居中)标签   

thead表格头部区域标签               tbody表格主体区域标签

2. 表格的相关属性

align="left / center / right" 规定表格的位置。

border = 1/" " 规定单元格是否拥有边框,默认为"",表示没有边框。

cellpadding="1"(像素值)规定单元边沿与其内容之间的空白,默认为1像素。

cellspacing="0"(像素值)规定单元格之间的空白,默认为2像素。

width=像素值或百分比 规定表格的宽度

height=像素值或百分比 规定表格的高度

3. 合并单元格 

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值