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

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

off999 2024-10-19 07:11 33 浏览 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相当于房屋的骨架,如何提高自己对整体骨架的搭建?可以多参考大型公司官网主页,学习别人的搭建的思路,逐步提高自身的能力。


相关推荐

电脑频繁断电关机(电脑经常断电是不是电源的问题)

电脑自动关机主要有以下几种原因造成:1.散热不好。由于天气温度的影响或CPU风扇的转数不够所引起的系统过热,从而会导致电脑的自动关机,建议可以检查一下系统温度是否正常。2.内存原因。当内存与主板插...

华为手机双密码双界面(华为手机双密码双界面忘记密码了怎么办)

华为手机锁屏怎么有两个锁屏?通常情况下是你多设置了一个锁屏,第一个就是你手势。锁屏二个是密码锁屏,通常这两个同时使用会出现有两个锁屏的现象。你可以在设置里面重新设置一个锁屏就可以了。华为手机锁屏有两个...

无线路由器密码在哪看(无线路由器密码在哪里看)

笔记本已连接wifi密码查看:1.同时按住按键上面的Win和R这2个按键,打开运行程序。2.在运行程序中输入“ncpa.cpl”,并点击“确定”。3.找到WLAN或者无线网络连接图标,...

office2003的主要功能(word2003的主要功能)

是一套Office2003专业版的精简版,包含常用的Word、Excel、PowerPoint三个应用,使用者甚多。楼主如果有需要,请上电脑在本帖下载我的附件。

ie浏览器异常怎么修复(ie浏览器出现问题怎么办)
  • ie浏览器异常怎么修复(ie浏览器出现问题怎么办)
  • ie浏览器异常怎么修复(ie浏览器出现问题怎么办)
  • ie浏览器异常怎么修复(ie浏览器出现问题怎么办)
  • ie浏览器异常怎么修复(ie浏览器出现问题怎么办)
怎样准备一个带pe的u盘的(带pe系统的u盘)

一、U盘安装系统前期准备:  1、首先需要预备一个空的4G或以上U盘,用来存储启动程序跟系统文件。  2、接着我们需要安装的ghost系统。  3、U盘启动盘制作工具:U盘启动工具  二、U盘启动盘制...

怎样拷贝文件到u盘里(怎么文件拷贝到u盘)

方法/步骤分步阅读1点击安全打开等电脑的桌面中弹出U盘插入成功的提示框之后,点击安全打开,将U盘打开。2点击文件将U盘打开之后,在电脑的桌面中找到需要拷贝的文件,点击鼠标右键等弹出序列。3点击复制弹出...

固态硬盘怎么安装win7(固态硬盘怎么安装在电脑上)
固态硬盘怎么安装win7(固态硬盘怎么安装在电脑上)

1.首选需要找一个4GB以上的U盘2.用来存放Win7的ISO镜像文件。带有光盘标识的即为“光盘映像文件”3.在点击写入之前,一定要确保U盘里面没有任何数据,如果有数据应该及时备份,否则里面的数据将被删除,不过在做完启动盘后,仍然可以向里面...

2025-12-27 13:03 off999

苹果手机忘记密码怎么办(很久没用的苹果手机忘记密码怎么办)

在苹果官网中搜索忘记iphone密码,点击置于恢复模式的链接,根据步骤完成解锁即可,以下是详细的操作步骤:方法/步骤1点击搜索图标网页上搜索进入apple官网,进入官网主页面之后,点击页面上方的放大镜...

win10系统防火墙在哪里设置(windows10的防火墙怎么设置)

Windows10的防火墙设置非常简单。首先,您可以点击“开始”菜单,然后在搜索框中输入“防火墙”来打开防火墙设置。接下来,您可以根据需要为不同的网络(包括公用网络、专用网络和域网络)设置不同的防火...

软件市场下载(软件市场下载安装)

是的,因为酷安已经被下架了,目前在所有手机自带的应用市场下载的酷安都是阉割版本。不仅是酷安,其它应用市场比如腾讯的应用宝目前在手机自带的应用商店全都已经下架了。并且申请上架也会被拒绝,拒绝理由是:“暂...

u盘有东西但是显示文件夹为空

u盘里面有文件,却显示文件夹为空是因为文件被隐藏了,开启方法如下:需要用到的工具有:电脑、U盘。1、打开我的电脑,找到并点击进入U盘,2、在U盘目录里面,点击上方的属性功能。3、在属性页面,把隐藏对勾...

五笔86版输入法下载(86版五笔安装包)

要下载王码五笔86版官方,可以前往官方网站进行下载。安装时,先打开下载的安装文件,按照提示完成安装向导。在安装过程中,可以自定义安装路径,也可以选择安装组件。安装完成后,可以在输入法设置中选择王码五笔...

360游戏中心怎么关闭(360游戏中心怎么关闭自动更新)

1.你把360卸载了,换成QQ管家2.你把360卸载,再安装的时候,别一键安装要,改为自定义安装,在安装过程中,如果有弹出窗口,上面显示360游戏大厅,你把360游戏大厅前面的那个选择口里点一下,里面...

宽带安装哪个便宜(安装宽带哪个好)

我认为光纤宽带是目前最便宜和最好用的选择。1.光纤宽带拥有更高的传输速度和稳定性,可以提供更好的上网体验。相比其他宽带类型,如ADSL和电缆宽带,光纤宽带的速度更快,不容易受到网络拥堵的影响。2....

取消回复欢迎 发表评论: