学习前端第二天
目录
接上篇→
新闻案例
4.4文本格式化标签
4.5和标签
4.6 图像标签和路径(重点)
1.图像标签
2.路径
4.7超链接标签(重点)
1.链接的语法格式
2.链接分类
5.1注释标签
案例训练-人物百科
HTML标签(下)
1.表格标签
实例练习
2.列表标签
2.1无序列表
2.2有序列表
2.3自定义列表(重点)
3.表单标签
3.1为什么需要表单
3.2 表单的组成
接上篇→
新闻案例
利用第一天所学知识完成新闻稿的排版如图所示:

代码如下:
新闻
农村地区如何“保健康、防重症”?为何要搞好村内环境卫生?
1.问:农村地区如何做到“保健康、防重症”?
答:我国农村地域广、人口多、人均医疗资源相对不足。为了最大程度降低新冠病毒感染带来的影响,更好保障农村居民健康,各地围绕“保健康、防重症”的目标,突出重点人群管理,做到医疗救治“关口前移”,其核心就是“早发现、早识别、早干预、早转诊”。
2.问:一直在农村生活的人,会不会感染新冠病毒?
答:人群对新冠病毒普遍易感。奥密克戎变异株传播力强、传播速度快。过年、过节期间及前后,人员流动加大,返乡人员增多,也会有很多旅游者来往,加上节庆娱乐、聚餐聚会、走亲访友等人际交流活动,这些都加大了农村居民感染新冠病毒的风险。
3.问:赶集、去农贸市场或超市有哪些注意事项?
答:赶集或前往农贸市场、超市时,应全程佩戴口罩,咳嗽、打喷嚏时应避开他人且不应摘掉口罩,不随地吐痰。挑选商品或排队结账时,与他人保持1米以上社交距离。注意手卫生,尽量少接触公共设施和物品。及时洗手或使用手部消毒剂,不要用不干净的手触摸口、眼、鼻。倡导线上、线下结合的方式进行采购,鼓励线上采购、上门配送、无接触交易等便利服务。
编辑:程祥 责任编辑:刘亮
来源:新华网 | 2023年02月02日 06:03:52
4.4文本格式化标签
在网页中,需要显示文字设置粗体、斜线、下划线等效果,这时就需要HTML中的文本格式化标签,使文字以特殊的方式显示。
标签语义:突出重要性,比普通文字更重要。
| 语义 | 标签 | 说明 |
| 加粗 | 或 | 推荐,语义更强烈 |
| 倾斜 | 或 | 推荐,语义更强烈 |
| 删除线 | 推荐 | |
| 下划线 | 或 | 推荐,语义强烈 |
练习:

代码如下:
文本格式化标签
姓名需要进行加粗姓名需要进行加粗
这里需要倾斜这里需要倾斜
错误需要删除错误需要删除
重点需要下划线重点需要下划线
4.5 和标签
和是没有语义的,他们就是一个盒子,用来装内容的。
这是头部
今日价格
特点:
1.标签用来布局,但是现在一行只能放一个。大盒子
2.标签用来布局,一行上可以多个。小盒子
4.6 图像标签和路径(重点)
1.图像标签
标签用于定义HTML页面中的图像。

src是标签的必须属性,它用于指定图像文件的路径和文件名。

代码如下:
Document
测试显示如下logo:
图像标签的其他属性:
| 属性 | 属性值 | 说明 |
| scr | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本。图片不能显示的文字 |
| title | 文本 | 提示文本。鼠标放到图像上,显示的文字 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像宽度 |
| border | 像素 | 设置图像的边框粗细 |
练习:

代码如下:
Document
测试显示如下logo:

替换文本 测试显示如下logo:

提示文本 测试显示如下logo:

width height 测试显示如下logo:

宽度和高度改一个即可,自动等比例缩放提示文本 测试显示如下logo:
图像标签使用的注意点:
1.图像标签可以拥有多个属性,但必须在标签名的后面。
2.属性间不分前后顺序,标签名各个属性间均有空格隔开。
3.属性="属性值"(键值对格式)
2.路径
1.目录文件夹和根目录:
目录文件夹:就是普通文件夹,里面只不过存放了我们做页面所需要的相关材料,比如html文件、图片等。
根目录:打开目录文件夹的第一层就是根目录。
2.路径
路径可分为:
相对路径:以引用文件所在位置为参考基础,建立的目录路径。(图片相对于HTML页面的位置)
| 相对路径分类 | 符号 | 书名 |
| 同一级路径 | 图像文件位于HTML文件同一级 如 | |
| 下一级路径 | / | 图像文件位于HTML文件下一级 如 |
| 上一级路径 | ../ | 图像文件位于HTML文件上一级 如 |
绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
如:G:\前端学习\案例\image.png 或网络上的绝对地址 https://p2.img.cctvpic.com/photoAlbum/page/performance/img/2023/2/2/1675295083572_177.jpg
4.7超链接标签(重点)
在HTML标签中,用标签来定义超链接,作用是从一个页面链接到另一个页面。
1.链接的语法格式
文本或图像
两个属性的作用:
| 属性 | 作用 |
| href | 用于指定连接目标的URL地址,必须属性 |
| target | 用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式。 |
2.链接分类
1.外部链接,例如百度。
2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如首页。
4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
5.网页元素链接:在网页中各种网页元素,如文本、图像、表格、音频、视频等。
6.锚点链接:点击链接快速跳转至本页面某一处。
在链接的href属性中,设置属性值为#名字的形式,如第二
找到目标位置标签,里面添加一个id属性=名字,如
第二
。练习1:

链接
外部链接
百度内部链接
查看新闻空链接
首页下载链接
下载文件网页元素链接
练习二:

农村地区如何“保健康、防重症”?为何要搞好村内环境卫生?
目录
问题一
问题二
问题三
问题四
问题五
......
5.问:一直在农村生活的人,会不会感染新冠病毒?
答:人群对新冠病毒普遍易感。奥密克戎变异株传播力强、传播速度快。过年、过节期间及前后,人员流动加大,返乡人员增多,也会有很多旅游者来往,加上节庆娱乐、聚餐聚会、走亲访友等人际交流活动,这些都加大了农村居民感染新冠病毒的风险。返回目录
5.1注释标签
在HTML文档中添加便于阅读但不显示在页面的文字,采用注释标签。
快捷键:ctrl+/
5.2 特殊字符
| 特殊字符 | 描述 | 代码 |
| 空格 | ||
| < | 小于 | < |
| > | 大于 | > |
| & | 和 | & |
| ¥ | 人民币 | ¥ |
| © | 版权 | © |
| ® | 注册商标 | ® |
| ° | 摄氏度 | ° |
| ± | 正负 | ± |
| × | 乘 | × |
| ÷ | 除 | ÷ |
| ² | 平方 | ² |
| ³ | 立方 | ³ |
案例训练-人物百科

实现:内部链接、外部链接、锚点链接等等功能。
代码如下:
<--demo.html-->
Document
艾伦·麦席森·图灵
艾伦·麦席森·图灵(Alan Mathison Turing,1912年6月23日-1954年6月7日),生于英国伦敦,毕业于剑桥大学国王学院和美国普林斯顿大学,英国数学家、逻辑学家,被称为计算机科学之父,人工智能之父。
1931年,考入剑桥大学国王学院,由于成绩优异而获得数学奖学金。1935年,在《伦敦数学会杂志》上发表第一篇数学论文“左右殆周期性的等价”。1936年9月,应邀到美国普林斯顿高级研究院学习,并与丘奇一同工作。1937年,发表的另一篇文章“可计算性与λ可定义性”则拓广了丘奇(Church)提出的“丘奇论点”,形成“丘奇-图灵论点”,对计算理论的严格化,对计算机科学的形成和发展都具有奠基性的意义。1938年夏,回到英国,仍在剑桥大学国王学院任研究员,继续研究数理逻辑和计算理论,同时开始了计算机的研制工作。1939年秋,应召到英国外交部通信处从事军事工作,主要是破译敌方密码的工作。1948年,接受了曼彻斯特大学的高级讲师职务,并被指定为曼彻斯特自动数字计算机(Madam)项目的负责人助理。1951年,由于在可计算数方面所取得的成就,成为英国皇家学会会员。1952年,辞去剑桥大学国王学院研究员的职务,专心在曼彻斯特大学工作,同年被判“化学阉割”。1954年6月7日,氰化物中毒,享年41岁。
中文名 艾伦·麦席森·图灵
外文名 Alan Mathison Turing
代表作品 论数字计算在决断难题中的应用、机器能思考吗?
职业 数学家、逻辑学家、密码学家
出生日期 1912年6月23日bsp;
逝世日期 1954年6月7日
目录
1人物生平
2主要成就
3荣誉表彰
4人物关系
5人物评价
6人物纪念
1人物生平
早年经历

艾伦·麦席森·图灵,1912年生于英国伦敦。艾伦·麦席森·图灵少年时就表现出独特的直觉创造能力和对数学的爱好。1926年,他考入伦敦有名的舍本(Sherborne)公学,受到良好的中等教育.他在中学期间表现出对自然科学的极大兴趣和敏锐的数学头脑。
1927年末,年仅15岁的图灵为了帮助母亲理解爱因斯坦的相对论,写了爱因斯坦的一部著作的内容提要,表现出他已具备非同凡响的数学水平和科学理解力。他对自然科学的兴趣使他在1930年和1931年两次获得他的一位同学莫科姆的父母设立的自然科学奖,获奖工作中有一篇论文题为“亚硫酸盐和卤化物在酸性溶液中的反应”,受到政府派来的督学的赞赏,对自然科学的兴趣为他后来的一些研究奠定了基础,他的数学能力使他在念中学时获得过国王爱德华六世数学金盾奖章。
科研经历
1931年,图灵考入剑桥大学国王学院,由于成绩优异而获得数学奖学金。[4]在剑桥,他的数学能力得到充分的发展。
1935年,他的第一篇数学论文“左右殆周期性的等价”发表于《伦敦数学会杂志》上。同一年,他还写出“论高斯误差函数”一文。这一论文使他由一名大学生直接当选为国王学院的研究员,并于次年荣获英国著名的史密斯(Smith)数学奖,成为国王学院声名显赫的毕业生之一。
1936年5月,图灵向伦敦权威的数学杂志投了一篇论文,题为《论数字计算在决断难题中的应用》。该文于1937年在《伦敦数学会文集》第42期上发表后,立即引起广泛的注意。在论文的附录里他描述了一种可以辅助数学研究的机器,后来被人称为“图灵机”,这个设想最牛的地方在于,它第一次在纯数学的符号逻辑,和实体世界之间建立了联系,后来我们所熟知的电脑,以及还没有实现的“人工智能”,都基于这个设想。这是他人生第一篇重要论文,也是他的成名之作。
1937年,图灵发表的另一篇文章“可计算性与λ可定义性”则拓广了丘奇(Church)提出的“丘奇论点”,形成“丘奇-图灵论点”,对计算理论的严格化,对计算机科学的形成和发展都具有奠基性的意义。
1936年9月,图灵应邀到美国普林斯顿高级研究院学习,并与丘奇一同工作。在美国期间,他对群论作了一些研究,并撰写了博士论文。1938年在普林斯顿获博士学位,其论文题目为“以序数为基础的逻辑系统”,1939年正式发表,在数理逻辑研究中产生了深远的影响。
1938年夏,图灵回到英国,仍在剑桥大学国王学院任研究员,继续研究数理逻辑和计算理论,同时开始了计算机的研制工作。
二战经历
第二次世界大战打断了图灵的正常研究工作,1939年秋,他应召到英国外交部通信处从事军事工作,主要是破译敌方密码的工作。由于破译工作的需要,他参与了世界上最早的电子计算机的研制工作。他的工作取得了极好的成就,因而于1945年获政府的最高奖——大英帝国荣誉勋章(O.B.E.勋章)。
1945年,图灵结束了在外交部的工作,他试图恢复战前在理论计算机科学方面的研究,并结合战时的工作,具体研制出新的计算机来。这一想法得到当局的支持。同年,图灵被录用为泰丁顿(Teddington)国家物理研究所的研究人员,开始从事“自动计算机”(ACE)的逻辑设计和具体研制工作。这一年,图灵写出一份长达50页的关于ACE的设计说明书。这一说明书在保密了27年之后,于1972年正式发表。在图灵的设计思想指导下,1950年制出了ACE样机,1958年制成大型ACE机。人们认为,通用计算机的概念就是图灵提出来的。
1945年到1948年,他在英国国家物理实验室工作,负责自动计算引擎的研究。
1946年的8月,图灵参加了他正式跑步训练后的第一个比赛。那是在他加入沃尔顿田径俱乐部后参加的3英里(4.8公里)比赛,图灵以15分37秒的成绩夺得第一,这一成绩当年在英国排名第20位。
1947年,在莱斯特郡拉夫堡(Loughborough)大学体育场举行的英国业余田径协会马拉松锦标赛上,图灵跑出了他在马拉松赛中的个人最好成绩2小时46分03秒,在那场比赛中列第五名。
1948年,图灵接受了曼彻斯特大学的高级讲师职务,并被指定为曼彻斯特自动数字计算机(Madam)项目的负责人助理,具体领导该项目数学方面的工作.作为这一工作的总结。
1949年成为曼彻斯特大学计算机实验室的副主任,负责最早的真正意义上的计算机——“曼彻斯特一号”的软件理论开发,因此成为世界上第一位把计算机实际用于数学研究的科学家。
1950年,图灵编写并出版了《曼彻斯特电子计算机程序员手册》(The programmers’handbook for the Manchester electronic computer)。这期间,他继续进行数理逻辑方面的理论研究。并提出了著名的“图灵测试”。
1950年,他提出关于机器思维的问题,他的论文“计算机和智能(Computingmachiery and intelligence),引起了广泛的注意和深远的影响。1950年10月,图灵发表论文《机器能思考吗》。这一划时代的作品,使图灵赢得了“人工智能之父”的桂冠。
1951年,由于在可计算数方面所取得的成就,成为英国皇家学会会员,时年39岁。
1952年,他辞去剑桥大学国王学院研究员的职务,专心在曼彻斯特大学工作.除了日常工作和研究工作之外,他还指导一些博士研究生,还担任了制造曼彻斯特自动数字计算机的一家公司——弗兰蒂公司的顾问。1952年,图灵写了一个国际象棋程序。可是,当时没有一台计算机有足够的运算能力去执行这个程序,他就模仿计算机,每走一步要用半小时。他与一位同事下了一盘,结果程序输了。后来美国新墨西哥州洛斯阿拉莫斯国家实验室的研究群根据图灵的理论,在MANIAC上设计出世界上第一个电脑程序的象棋。
2主要成就
图灵在科学、特别在数理逻辑和计算机科学方面,取得了举世瞩目的成就,他的一些科学成果,构成了现代计算机技术的基础。可计算性理论
计算,可以说是人类最先遇到的数学课题,并且在漫长的历史年代里,成为人们社会生活中不可或缺的工具.那么,什么是计算呢?直观地看,计算一般是指运用事先规定的规则,将一组数值变换为另一(所需的)数值的过程.对某一类问题,如果能找到一组确定的规则,按这组规则,当给出这类问题中的任一具体问题后,就可以完全机械地在有限步内求出结果,则说这类问题是可计算的。这种规则就是算法,这类可计算问题也可称之为存在算法的问题。这就是直观上的能行可计算或算法可计算的概念
在20世纪以前,人们普遍认为,所有的问题类都是有算法的,人们的计算研究就是找出算法来。似乎正是为了证明一切科学命题,至少是一切数学命题存在算法,莱布尼茨(Leibniz)开创了数理逻辑的研究工作。但是20世纪初,人们发现有许多问题已经过长期研究,仍然找不到算法,例如希尔伯特第10问题,半群的字的问题等.于是人们开始怀疑,是否对这些问题来说,根本就不存在算法,即它们是不可计算的。这种不存在性当然需要证明,这时人们才发现,无论对算法还是对可计算性,都没有精确的定义!按前述对直观的可计算性的陈述,根本无法作出不存在算法的证明,因为“完全机械地”指什么?“确定的规则”又指什么?仍然是不明确的。实际上,没有明确的定义也不能抽象地证明某类问题存在算法,不过存在算法的问题一般是通过构造出算法来确证的,因而可以不涉及算法的精确定义问题。
解决问题的需要促使人们不断作出探索。1934年,哥德尔(Godel)在埃尔布朗(Herbrand)的启示下提出了一般递归函数的概念,并指出:凡算法可计算函数都是一般递归函数,反之亦然。1936年,克林(Kleene)又加以具体化.因此,算法可计算函数的一般递归函数定义后来被称为埃尔布朗-哥德尔-克林定义.同年,丘奇证明了他提出的λ可定义函数与一般递归函数是等价的,并提出算法可计算函数等同于一般递归函数或λ可定义函数,这就是著名的“丘奇论点”。
用一般递归函数虽给出了可计算函数的严格数学定义,但在具体的计算过程中,就某一步运算而言,选用什么初始函数和基本运算仍有不确定性。为消除所有的不确定性,图灵在他的“论可计算数及其在判定问题中的应用”一文中从一个全新的角度定义了可计算函数。他全面分析了人的计算过程,把计算归结为最简单、最基本、最确定的操作动作,从而用一种简单的方法来描述那种直观上具有机械性的基本计算程序,使任何机械(能行)的程序都可以归约为这些动作。这种简单的方法是以一个抽象自动机概念为基础的,其结果是:算法可计算函数就是这种自动机能计算的函数。这不仅给计算下了一个完全确定的定义,而且第一次把计算和自动机联系起来,对后世产生了巨大的影响,这种“自动机”后来被人们称为“图灵机”。
图灵机是一种自动机的数学模型,它是一条两端(或一端)无限延长的纸带,上面划成方格,每个方格中可以印上某字母表中的一个字母(亦可为空格,记为S0);又有一个读写头,它具有有限个内部状态。任何时刻读写头都注视着纸带上的某一个方格,并根据注视方格的内容以及读写头当时的内部状态而执行变换规则所规定的动作。每个图灵机都有一组变换规则,它们具有下列三种形状之一:qiaRqi,qiaLqi,qiabqj。意思是:当读写头处于状态qi时如果注视格的内容为字母a则读写头右移一格,或左移一格,或印下字母b(即把注视格的内容由a改成b.a,b可为S0)。
图灵把可计算函数定义为图灵机可计算函数.1937年,图灵在他的“可计算性与λ可定义性”一文中证明了图灵机可计算函数与λ可定义函数是等价的,从而拓广了丘奇论点,得出:算法(能行)可计算函数等同于一般递归函数或λ可定义函数或图灵机可计算函数。这就是“丘奇-图灵论点”,相当完善地解决了可计算函数的精确定义问题,对数理逻辑的发展起了巨大的推动作用。电子计算机
图灵在第二次世界大战中从事的密码破译工作涉及到电子计算机的设计和研制,但此项工作严格保密。直到70年代,内情才有所披露。从一些文件来看,很可能世界上第一台电子计算机不是ENIAC,而是与图灵有关的另一台机器,即图灵在战时服务的机构于1943年研制成功的CO-LOSSUS(巨人)机,这台机器的设计采用了图灵提出的某些概念。它用了1500个电子管,采用了光电管阅读器;利用穿孔纸带输入;并采用了电子管双稳态线路,执行计数、二进制算术及布尔代数逻辑运算,巨人机共生产了10台,用它们出色地完成了密码破译工作。
战后,图灵任职于泰丁顿国家物理研究所(Teddington National Physical Laboratory),开始从事“自动计算机”(Automatic Computing Engine)的逻辑设计和具体研制工作。1946年,图灵发表论文阐述存储程序计算机的设计。他的成就与研究离散变量自动电子计算机(Electronic Discrete Variable Automatic Computer)的约翰·冯·诺伊曼(John von Neumann)同期。图灵的自动计算机与诺伊曼的离散变量自动电子计算机都采用了二进制,都以“内存储存程序以运行计算机”打破了那个时代的旧有概念。人工智能
1950年,图灵被录用为泰丁顿(Teddington)国家物理研究所的研究人员,开始从事“自动计算机”(ACE)的逻辑设计和具体研制工作。1950年,他提出关于机器思维的问题,他的论文“计算机和智能(Computing machinery and intelligence),引起了广泛的注意和深远的影响。3荣誉表彰
1946年,由于他在二战中为破译德军密码做出的巨大贡献,获得“不列颠帝国勋章”,这是英国皇室授予为国家和人民做出巨大贡献者的最高荣誉勋章。[6]
1932年,荣获英国著名的史密斯数学奖。
1926年,图灵考入英国著名的谢伯恩公学,在中学时就获得了国王爱德华六世数学金盾奖章。
4人物关系编辑
家族成员里有三位当选过英国皇家学会会员,祖父还曾获得剑桥大学数学荣誉学位。
图灵的父亲J·M·图灵早年就读于牛津大学科帕斯克斯蒂学院历史系,后来从政,被派往印度,担任民政部的官员。
图灵的母亲E·S·斯托尼(Stoney)生于一个铁路工程师家庭,曾就读于巴黎大学文理学院,图灵是次子。
5人物评价
图灵不但以破译密码而名闻天下,他在人工智能和计算机等领域也作出了重要贡献,他常被认为是现代计算机科学的创始人。战争结束后,在曼彻斯特大学工作的他研制了“曼彻斯特马克一号”———著名的现代计算机之一。1999年,他被《时代》杂志评选为20世纪100个最重要的人物之一。
2012年,是一个伟人的百年诞辰。即使我们把所有崇高的致意奉献给他都不为过。他就是艾伦·图灵。100年前,艾伦·图灵诞生在一个文化和科技水平都与现在完全不同的时代里,但这并不影响他成为今天最伟大最值得纪念的人之一。他为计算机领域奠定了不可埋没的基础,没有他就没有计算机的今天。(2012年6月23号是图灵诞辰100年纪念日,BBC在发表了一系列的纪念性文章,其中就有图灵奖获得者、Google资深副总裁兼首席因特网专家文特·瑟夫的这些评价)
图灵在破解二战德军密码、拯救国家上发挥了关键作用,是一个“了不起的人”。(英国首相卡梅伦评价)
一个古怪的不信上帝的同性恋,一个成就辉煌的英国数学家,两顶大帽子把图灵扣得好生纠结。然而,他却肩负着两项伟大的历史使命,一边是计算机科学中最有诗意的概念和理论,一边是在第二次世界大战时为世界和平而解谜。(《哥德尔·艾舍尔·巴赫》作者,人工智能专家道格拉斯·霍夫施塔特评价)
更多内容百度一下
<--london.html-->
英国伦敦-百度百科
伦敦
英国首都
伦敦(London),是大不列颠及北爱尔兰联合王国首都,世界第一大金融中心,与纽约和香港并称为“纽伦港”。伦敦是英国的政治、经济、文化、金融中心,是全世界博物馆、图书馆和体育馆数量最多的城市。有19家世界500强总部和7座世界排名前100的大学位于伦敦。伦敦的伦敦大学学院世界排名第8、帝国理工大学世界排名第9、伦敦政治经济学院世界排名第27、伦敦国王学院世界排名第33。[1]2018年伦敦地区生产总值已达到6532亿美元。
HTML标签(下)
1.表格标签
主要作用:
表格主要用于显示、展示数据,使得可视化,可观察性更强。
基本语法
单元格内的文字
......
......
1.
2.
3.
表头单元格标签
表头加粗居中
姓名 学号 性别 班级 学生1 001 男 1班 学生2 002 男 2班 学生3 003 女 1班
表格属性
后期使用css完成,熟记以下内容:
| 属性名 | 属性值 | 描述 |
| align | left、center、right | 规定表格相对周围元素的对齐方式。 |
| border | 1或"" | 规定表格单元是否拥有边框,默认为"",表示没有边框。 |
| cellpadding | 像素值 | 规定单元边沿与其内容之间空白,默认1像素。 |
| cellspacing | 像素值 | 规定单元格之间的空白,默认2像素。 |
| width | 像素值或百分比 | 规定表格的宽度。 |
实例练习

代码如下:
表格基本语法
排名 关键词 趋势 进入搜索 最近七日 相关链接 学生1 001 
222 111 图片 贴吧 百科 学生2 002 
222 111 图片 贴吧 百科 学生3 003 
222 111 图片 贴吧 百科 学生4 004 
222 111 图片 贴吧 百科 学生5 005 
222 111 图片 贴吧 百科
表格结构标签
标签为表格头部区域,内部必须拥有标签。
为表格主题区域,主要放数据本题。
两者均放在
标签中。
合并单元格
1.合并单元格方式
跨行合并:rowspan="合并单元格的个数"
跨列合并:colspan="合并单元格的个数"
2.目标单元格:(写合并代码)
跨行:最上侧单元格为目标单元格,写合并代码
跨列:最左侧单元格为目标单元格,写合并代码
3.合并单元格的步骤
先确定跨行还是跨列
再找到目标单元格。写上合并方式=合并的单元格数量。比如:
最后删除多余单元格
测试:

学生1 001 
222 111 图片 贴吧 百科
2.列表标签
列表是用来做布局的
列表最大的特点就是整齐、整洁、有序,作为布局会更加自由和方便。
根据使用情景可分为三大类:无序列表、有序列表、和自定义列表。
2.1无序列表
标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用- 标签定义。
- 列表项1
- 列表项2
- 列表项3
...
特点:
1.无序列的各个列表项直接没有顺序级别之分,是并列的。
2.
中只能嵌套 ,直接在
标签中输入其他标签中输入其他标签或者文字的做法是不被允许的。
3.
- 与
之间相当于一个容器,可以容纳所有元素。
4.无序列表会带有自己的样式属性,但在实际使用时,使用css来设置。
2.2有序列表
有序列表即为有排列顺序的列表,其各个列表项会按照一定的顺序排列定义。
在HTML标签中,
标签用于定义有序标签,列表排序以数字来显示,并且使用- 标签来定义列表项。
有序列表的基本语法格式:
- 列表项1
- 列表项2
- 列表项2
...
注意:
1.
只能嵌套 ,直接在
标签中输入其他标签中输入其他标签或者文字的做法是不被允许的。
2.
- 与
之间相当于一个容器,可以容纳所有元素。
3.无序列表会带有自己的样式属性,但在实际使用时,使用css来设置。
2.3自定义列表(重点)
使用场景:对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。
在HTML标签中,
标签用于定义描述列表,该标签会与- (定义项目/名字)和
- (描述每一个项目/名字)一起使用。
基本语法格式:
- 名词1
- 名词2
- 名词3
注意:
1.
里面只能包含 - 和
- 。
2.
- 和
- 个数没有限制,经常是一个
- 对应多个
- 。
3.表单标签
3.1为什么需要表单
使用表单的目的是为了收集用户信息。
3.2 表单的组成
在HTML中,一个完整的表单通常由表单域、表单控件(也称为表单元素)和提示信息3部分构成。
3.3表单域
表单域是一个包含表单元素的区域。
在HTML中,