《Python web开发》笔记一：网页开发基础知识

时间：2023-04-03 01:14:07 HTML

网页基础知识网页的构成由html、css和Javascript组成，html是框架，CSS是样式和装饰，JS是各种功能的实现。我们把网页的构成比作房子，Html相当于房子的结构，CSS相当于房子的装修，JavaScript相当于房子的水、电、通讯等功能。HTML基础HTML（HyperTextMarkupLanguage）：超文本标记语言，它使用各种标签来表示网页的骨架。大概有100多个标签。标签常用的标签大约有10种。例如：div标签是用来组合其他HTML元素的，本身没有实际意义。ul、li、ol、dl、dt、dd等标签用于设置包含内容的列表。表格表格相关。表形式相关。img用于图像显示。标签用于打开链接。标签属性id和class之间的区别只应在您绝对确定该元素只会出现一次时使用。如果您认为以后可能需要类似的元素，请使用Class。style:HTML:我在浏览器中浏览，内容背景为白色

我在浏览器中浏览，内容背景为白色red

标签的嵌套网页实际上是由各种类型的标签嵌套组成的。所谓嵌套，就是在成对的标签中加入另一组成对或不成对的标签。外层的标签与内层是父关系，内层与外层是子关系。嵌套可以理解为一种逻辑关系。同一个逻辑关系可以有多种呈现风格，比如产品功能流程一致的情况（HTML），UI设计可以有多种风格（CSS）。标签是不关闭的自关闭标签。src指的是“来源”，图片的URL地址，图片1.jpg和hmtl在同一个文件夹，alt是图片的文字说明，不能用在1.jpg显示的时候，会显示图片的文字。如果鼠标放在图片上，会有提示内容，就是pic。常用页面结构header（head：tabbar，navigationbar，banner）；内容（内容：文章博客、内容列表）；footer（页脚：网站信息、联系方式等）由三部分组成。研究将CSS样式引入HTML的三种方法及其优先级。引用CSS样式有三种方式：内联定义、链接到内部CSS和链接到外部CSS。三者优先级说明：内联定义最高，内部CSS次之，外部CSS优先级最低。块级元素和行内元素的区别：在内容上：一般情况下，行内元素只能包含数据和其他行内元素。另一方面，块级元素可以包含行内元素和其他块级元素。这种结构包含区别允许块级元素创建比行内元素“更大”的结构。在格式方面：默认情况下，内联元素不会换行开始，而块级元素会换行开始。自闭标签常见的自闭标签有：
,

,,,,相对引用和绝对引用会决定位置相关参考和写作。其他补充原子编辑器快捷键ctrl+D同时修改多个单词ctrl+\打开/关闭目录树ctrl+alt+C调用颜色插件ctrl+/评论补充学习资料作业知识点补充标签用法访问W3School!href参数表示连接指向的地址，分为内部书签链接和外部URL链接。InternalBookmarkLink:Anchor首先，我们在HTML文档中命名锚点（创建书签）：BasicNotes-HelpfulTip然后，我们在同一个文档中创建指向锚点的链接：HelpfulTipYoualsoLinkstothisanchorcanbecreatedinotherpages:ausefulhint目标参数指示链接应该如何打开。_parent：在父窗口中打开。_blank：在新窗口中打开。_self：在同一窗口中打开。（默认）_top：在浏览器的整个窗口中打开，忽略任何框架。备注本文来自网易微专业《Python web开发》Section1.1同学整理Pythonweb开发Section1.1课程大纲本文由EverFight创作，采用CreativeCommonsAttribution3.0中国大陆许可协议授权。