百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

Python Web全栈之旅03--Web前端●走入HTML的世界(下)

off999 2024-10-19 07:11 28 浏览 0 评论


一、列表元素

1、分类

● 无序列表

元素:ul

全称:unordered list

>> type属性,不要使用,已经废弃,样式统一使用css控制


● 有序列表

元素:ol

全称:ordered list

>> 基本使用参考栗子:

>> type属性,不建议使用,样式使用css控制

● 定义列表

HTML <dl> 元素 (或 HTML 描述列表元素)是一个包含术语定义以及描述的列表,通常用于展示词汇表或者元数据 (键-值对列表)。

英文全称:

dl: definition list

dt: definition title

dd: definition description

① 单条术语与描述

② 多条术语,单条描述

③ 单条术语,多条描述

④ 多条术语,多条描述


2、无序列表与有序列表的区别

结合上篇的讲解,如何选择元素,应该取决于它的语义,而不是它的显示。

举两个栗子:

① 场景一

② 场景二

场景一,我们使用有序列表元素,因为这是存在逻辑的,如果我们打乱顺序,可能读者不明所以;相反,场景二我们使用无需列表元素。


二、容器元素

容器元素:该元素代表一个块区域,内部用于放置其他元素

1、 div元素

没有语义

2、 语义化容器元素

header元素

用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素,但也可能包含其他元素,比如 Logo、搜索框、作者名称,等等。

footer元素

表示最近一个章节内容或者根节点(sectioning root )元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。

article

表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,如在发布中,它可能是论坛帖子杂志新闻文章博客、用户提交的评论、交互式组件,或者其他独立的内容项目。??

section

表示一个包含在HTML文档中的独立部分,它没有更具体的语义元素来表示,一般来说会有包含一个标题。

aside

表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者标注框(call-out boxes)。


三、上一篇

>>>《Python Web全栈之旅01--Web前端●走入HTML的世界(中)》


四、后记

Python Web前端的学习走完html的旅程,html相当于房屋的骨架,如何提高自己对整体骨架的搭建?可以多参考大型公司官网主页,学习别人的搭建的思路,逐步提高自身的能力。


相关推荐

office完整版下载(office2019完整版下载)

word是office软件中的一部份,完全的安装了office软件就等于安装了word。安装具体步骤如下:1、搜索,下载Office安装包。2、下载完成后,将Office安装包解压。选中Offic...

qq邮箱网页登陆(qq邮箱网页登陆提示安全风险要验证码)

qq邮箱的登录方法:1登录QQ后,正常情况下头像旁边有一个邮箱图标,点击直接登录QQ邮箱2如果没有在主面板上显示的话,可以点击界面管理器添加3在界面管理的右侧,找到QQ邮箱并设置为选状态这样就可直接从...

360软件管家有必要安装吗

360电脑管家这类软件属于安全软件,其作用是用来防病毒木马。有无安装必要主要看你的电脑使用习惯。比如有的电脑不联网,而且不插外来U盘,这样的电脑几乎与外界隔离,就没有必要安装安全软件。再比如有的电脑经...

如何桥接无线路由器并设置上网

1、登录副路由器管理界面操作电脑连接到副路由器的LAN口或无线信号(默认为TP-LINK_XXXX),打开浏览器,清空地址栏并输入tplogin.cn或192.168.1.1,设置不少于6位数的登录密...

电脑配置搭配(电脑配置搭配表)

电脑配置搭配需要考虑多个组件,包括CPU、主板、显卡、内存、硬盘、电源以及散热器等。以下是一些建议和指南:CPU选择:CPU是电脑的心脏,决定了电脑的整体性能。选择CPU时需要考虑核心数、主频、线程数...

新买的电脑从哪下载应用(电脑软件应用商店哪个好)
  • 新买的电脑从哪下载应用(电脑软件应用商店哪个好)
  • 新买的电脑从哪下载应用(电脑软件应用商店哪个好)
  • 新买的电脑从哪下载应用(电脑软件应用商店哪个好)
  • 新买的电脑从哪下载应用(电脑软件应用商店哪个好)
windows7安装步骤简述(win7的安装)

运行温度时期的电脑怎么组装?官方已经给出了相关配置:处理器(cpu)最好是主频1GHZ以上,32位或64位处理器,不过目前的处理器几乎都是64位的了,一般双核处理器都在1GHZ以上。  也就是说目前绝...

电脑删除的数据怎么恢复(电脑删除数据怎么恢复原状)

步骤一:打开电脑上已经装好的Superrecovery软件,直接进入到“向导模式”。首先,大家需要做的就是选择文件所在的位置,例如:需要恢复的数据是在移动存储设备上(如:U盘、SD卡等),直接选择设备...

小马激活office2010(小马激活win11)
  • 小马激活office2010(小马激活win11)
  • 小马激活office2010(小马激活win11)
  • 小马激活office2010(小马激活win11)
  • 小马激活office2010(小马激活win11)
删除数据恢复(删除数据恢复出厂设置)

1.在手机上下载手机数据恢复精灵,进入软件之后,选择微信恢复。2.点击开始恢复,选择需要恢复的联系人,等待一会儿,就能看到恢复好的聊天记录。3.可以安装打开互盾安卓恢复大师,手机数据线连接手机后,点击...

复制粘贴不了怎么解决(电脑不能复制粘贴了怎么处理)

1、查看手机输入法的剪贴板选项,是否有复制的文本,如果有就直接点击就可以直接输入了。2、复制后,长按不出来粘贴键的时候,需要把应用程序关闭掉重新开,重新复制粘贴,或者尝试重启手机。3、可以尝试重新复制...

u盘被写保护去除步骤(u盘的被写保护怎么解除)

U盘被写保护通常是因为存储器故障、病毒感染、文件系统损坏等原因导致的,但可以通过以下几种方法进行解除:1.检查U盘开关:一些U盘可能会有物理上的写保护开关,将其关闭即可解除写保护。2.使用命令行清...

电脑蓝屏怎么用u盘重装系统(电脑蓝屏重装系统教程u盘)

U盘装系统步骤:1.制作U盘启动盘。这里推荐U启动U盘启动盘制作工具,在网上一搜便是。2.U盘启动盘做好了,我们还需要一个GHOST文件,可以从网上下载一个ghost版的XP/WIN7/WIN8系统,...

erp管理软件(erp管理软件免费版)
erp管理软件(erp管理软件免费版)

用友的ERP应该说从3万-3000都有ERP的价格随着企业的规模不同,价格也是不一样的。因为企业规模不同产生的效果也是不一样的,所以用友的产品分T1/T3/T6/U8/U9/NC3万小企业做个财务业务一体化还是勉强可以做的。只...

2025-11-11 09:03 off999

笔记本启动黑屏怎么回事(笔记本启动黑屏没反应)

笔记本开机后黑屏最常遇到的一种情况:因随便点击垃圾网站而导致电脑中脑或受到木马的侵袭,致使电脑系统瘫痪,解决的办法就是重装电脑系统,装好系统后安装查毒软件,定期对电脑进行杀毒全盘扫描,然后平时尽量不要...

取消回复欢迎 发表评论: