用户中心
  • 学 号:
  • 姓 名:
网站统计
    • ·共有文章:263篇
    • ·文章阅读:33167人次
    • ·共有图集:个
    • ·共有软件:个
    • ·共有视频:个
    • ·总共留言:条

python之路 前段之htmlcss

发布时间:2020-09-14 15:23 点击数: 【字体:

  超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,

  它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字 如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停 止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可 能会有不同的显示效果.

  .可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求, 超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

  .平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(盛行的另一个原因。 通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

  DOCTYPE标签是单独出现的 说明: 文档类型,会使浏览器使用相应标准加载网页并显示 文档类型定义在HTML文档的第一行,在html标签之前 文档不定义DOCTYPE,浏览器将无法获知HTML或XHTML文档的类型,因此会进入混乱模式,详见:浏览器模式 引用网址:http:

  DOCTYPE,简称为DTDs,是英文Document type的缩写,中文“文档类型”

  这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。如果你的页面添加了那么,那么就等同于开启了标准模式,那么浏览器就得老老 实实的按照W3C的标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了。

  提供有关页面的元信息,例:页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词

  关键字的作用:一般是让爬虫之类的收录程序,当他们在爬你的网站的时候,如果你有关键字,那么他们会优先把关键字收录到他们的记录中,比如百度:如果他们收录之后,他们搜索你的关键字的时候,就能找到咱们的网站。

  X-UA-Compatible 这个是IE8特有的,知道即可,因为做前端的同学都很害怕IE因为他们问题比较多各个版本问题很诡异,当IE8的时候微软想把各个版本的统一,那么这个 参数就出现了,他为了向下兼容,如下的代码如果使用IE8的时候他会以IE7的模式运行。

  2、在其他文件中写Css样式类似python的模块导入的方式把Css样式导入到当前文件中使用

  2、在其他文件中写JS类似python的模块导入的方式把JS导入到当前文件中使用

  1、body里面分为两类标签:块级标签和内联标签,块级标签占用的是整行,内联标签占用的他所使用的实际大小如下图:

  举例来说h1是标题标签,如果我想输出h1这个字符串,而不是想获取h1的样式怎么办呢?

  正常情况下如果直接在html文件里输入h1当有浏览器在读取的时候就会讲h1解释,页面将无法显示,所以特殊的标签需要特殊处理

  p帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅/p p帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅/p p帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅/p p帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅/p p帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅/p

  br/标签:换行标签;有一个br/为一个换行,看下面的代码

  p帅哥帅帅哥帅帅哥帅br/帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅/p p帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅/p p帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅/p p帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅/p p帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅帅哥帅/p

  默认如果在aa/标签中不设置那么他仅仅在浏览器中显示文本,如下面代码

  锚的作用是类似于读书时候的书签,当你你点击这个“锚”=“书签”,的时候就跳转到指定的位置

  上面的代码中,如果点击了书签之后,那么就会跳转到id=a2的书签的位置!

  有一种情况,看下图,在不使用label标签的时候,我们只能点进框体里去,否则就不能输入或选择,这样用户体验不是很好:

  标签应用,为指定标签统一设置格式:在头部stylep{....}/style 这里的p是标签的名称,也可以是div这样就会给所有的div设置格式,代码如下

  首先确认,div是块级别的标签,我们的图片仅仅是一个小的图片,但是现在是平铺,所以看下面的代码:

  注:这里需要注意,有一种情况,如果不给父div设置高度,并且设置了float之后,子的float可能会覆盖父div的颜色怎么办?在父的div内加一条:

顶一下
(0)
0%
踩一下
(0)
0%
[收藏>] [打印] [挑错] [推荐] 作者:admin 来源:未知 查看所有评论
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价: