python web前端

最新推荐文章于 2024-07-11 17:17:41 发布
最新推荐文章于 2024-07-11 17:17:41 发布
阅读量149 收藏
点赞数
文章标签： 前端 python 操作系统 ViewUI
原文链接：http://www.cnblogs.com/smile1/p/6052981.html
版权

概述

HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。

浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！(例：djangomoan模版引擎)

HTML文档

文档树

Doctype

Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档

有和无的区别
  1. BackCompat：标准兼容模式未开启（或叫怪异模式[Quirks mode]、混杂模式）
  2. CSS1Compat：标准兼容模式已开启（或叫严格模式[Standards mode/Strict mode]）

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

有，用什么？

Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档, dtd文件则包含了标记、attributes 、properties、约束规则。

更多

Meta(metadata information)

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

    1. 页面编码（告诉浏览器是什么编码）

< meta http-equiv=“content-type” content=“text/html;charset=utf-8”>

    1. 刷新和跳转

< meta http-equiv=“Refresh” Content=“30″>

< meta http-equiv=”Refresh“ Content=”5; Url=http://www.autohome.com.cn“ />

    1. 关键词

< meta name="keywords" content="星际2,星际老男孩,专访,F91,小色,JOY" >

    1. 描述

例如：cnblogs

    1. X-UA-Compatible

微软的IE6是通过XP、Win2003等操作系统发布出来，作为占统治地位的桌面操作系统，也使得IE占据了通知地位，许多的网站开发的时候，就按照IE6的标准去开发，而IE6自身的标准也是微软公司内部定义的。到了IE7出来的时候，采用了微软公司内部标准以及部分W3C的标准，这个时候许多网站升级到IE7的时候，就比较痛苦，很多代码必须调整后，才能够正常的运行。而到了微软的IE8这个版本，基本上把微软内部自己定义的标准抛弃了，而全面的支持W3C的标准，由于基于对标准彻底的变化了，使得原先在早期IE8版本上能够访问的网站，在IE8中无法正常的访问，会出现一些排版错乱、文字重叠，显示不全等各种兼容性错误。

与任何早期浏览器版本相比，Internet Explorer 8 对行业标准提供了更加紧密的支持。 因此，针对旧版本的浏览器设计的站点可能不会按预期显示。 为了帮助减轻任何问题，Internet Explorer 8 引入了文档兼容性的概念，从而允许您指定站点所支持的 Internet Explorer 版本。 文档兼容性在 Internet Explorer 8 中添加了新的模式；这些模式将告诉浏览器如何解释和呈现网站。 如果您的站点在 Internet Explorer 8 中无法正确显示，则可以更新该站点以支持最新的 Web 标准（首选方式），也可以强制 Internet Explorer 8 按照在旧版本的浏览器中查看站点的方式来显示内容。 通过使用 meta 元素将 X-UA-Compatible 标头添加到网页中，可以实现这一点。

当 Internet Explorer 8 遇到未包含 X-UA-Compatible 标头的网页时，它将使用 指令来确定如何显示该网页。 如果该指令丢失或未指定基于标准的文档类型，则 Internet Explorer 8 将以 IE5 模式（Quirks 模式）显示该网页。更多

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Title

网页头部信息

Link

    1. css

< link rel="stylesheet" type="text/css" href="css/common.css" >

    1. icon

< link rel="shortcut icon" href="image/favicon.ico">

Style

在页面中写样式

例如：
< style type="text/css" > 
.bb{ 
       background-color: red;
   } 
< /style> 

Script

    1. 引进文件

< script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js"> </script >

    1. 写js代码

 

< script type="text/javascript" > ... </script >

 

body标签

 

标签一般分为两种：行内标签和块级标签；

 

块级标签： div（白板），H系列（加大加粗），p标签（段落和段落之间有间距）
行内标签： span（白板）

 

  • 标签之间可以嵌套
  • 标签存在的意义，css操作，js操作

 

P和br标签

　　<p>段落</p>        <!--p表示段落，默认段落之间是有间隔的！-->
　　<br/>                <!--br是换行-->
 
a标签
　　 跳转：
　　　　<a href="http://www.baidu.com" target="_blank">点我</a>
　　　　<!--href表示跳转的地址，target="_blank"表示新窗口打开，默认为当前页-->
　　锚：
　　　　<body>
    　　　　 <a href="#1">第一章</a><br/>
    　　　　<a href="#2">第二章</a><br/>
    　　　　<a href="#3">第三章</a><br/>
 　　  　　 <a href="#4">第四章</a><br/>
  
 　　 　　  <div id="1" style="height: 600px;">第一章的内容</div>
    　　　　<div id="2" style="height: 600px;">第二章的内容</div>
    　　　　<div id="3" style="height: 600px;">第三章的内容</div>
    　　　　<div id="4" style="height: 600px;">第四章的内容</div>
　　　　</body>
 
h标签
　 　标题h1、h2、h3、h4、h5、h6、h7表示不同的大小；
 

div标签

　　块级标签-白板，可以设置属性；

 

span标签

　　行内标签-白板

 

input系列

　　

  • text
    1
    < input  type = "text"  name = "user" / >
  • password
    1
    < input  type = "password"  name = "passwd" / >
  • submit
    1
    < input  type = "submit"  value = "登录" / >
  • button
    1
    < input  type = "button"  value = "登录" / >
  • radio 单选框
    1
    2
    3
    <p>请选择性别:< / p>
    男:< input  type = "radio"  name = "sex"  value = "1"  checked = "checked" / >
    女:< input  type = "radio"  name = "sex"  value = "2" / >

页面效果如下：

 

  • checkbox 多选框
    1
    2
    3
    4
    5
    <p>爱好< / p>
    篮球:< input  type = "checkbox"  name = "favor"  value = "1"  checked = "checked" / >
    足球:< input  type = "checkbox"  name = "favor"  value = "2" / >
    台球:< input  type = "checkbox"  name = "favor"  value = "3" / >
    <! - - checked = "checked" 表示默认选择 - - >

页面效果如下：

  • file 上传文件
    1
    < input  type = "file"  name = "fname" / >

页面效果如下：

  • reset 重置
1
< input  type = "reset"  value = "重置" / >

页面效果如下：

 

一、基础标签

<i>、<em>

文字倾斜

<i>倾斜</i>或<em>倾斜</em>

<b>、<strong>

文字加粗

<b>加粗字体</b>

<sup>、<sub>

上标和下标

4<sup>2</sup>，O<sup>2</sup>

<del>

删除字

<del>删除字</del>

二、特殊符号

编号

标签名

含义

示例

01

&nbsp;

一个空格

你&nbsp;好！

02

&gt;

大于号

5&gt;3

03

&lt;

小于号

5&lt;8

04

&copy;

版权符号

&copy; 海文国际

05

&quot;

双引号

&quot; 中国 &quot;

 

 

转载于:https://www.cnblogs.com/smile1/p/6052981.html

ddeuhl0418
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
day33-HTML
chxlloli的博客
11-10 102
1 概括 HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 HTML指的是超文本标记语言 (Hyper Text Markup Language) HTML不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) 2HTML骨.
python后端，web前端 做网页
情感识别技术的博客
09-16 298
setting.py """ Django settings for myproject project. Generated by 'django-admin startproject' using Django 3.0.3. For more information on this file, see https://docs.djangoproject.com/en/3.0/topics/settings/ For the full list of settings and their valu
初识HTML（新手入门）
baichaji的博客
12-14 767
HTML是一种超文本标记语言（英文全称：HyperText Markup Language，简称：HTML），HTML是 前端最基础的部分，但我们不能认为他就是不重要的，相反他是非常重要的。HTML可以说是页面的骨架（框架）。我们可以在HTML页面中船舰图片、链接、搭建页面主要框架等。HTML不属于编程语言，而是一种标记语言，
[HTML]初识html
qq_43587354的博客
07-16 459
文章目录1.初识HTML超文本的含义1.1骨架标签1.2标签元素分类1.3标签之间的关系1.4HTML常用标签1.4.1 排版标签1）标题标签h2）段落标签p3）水平线标签hr4）换行标签br5）div 和 span标签(重点)排版标签总结1.4.2文本格式化标签1.4.3图像标签img1.4.4链接标签1.4.5注释标签 1.初识HTML HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。 HTML 不是一种编程语言，而是一种标记语言 (
JavaWeb学习笔记01概述与Html
wy19961103的博客
11-25 179
web概念概述 JavaWeb：* 使用Java语言开发基于互联网的项目 一、软件架构： C/S: Client/Server 客户端/服务器端 在用户本地有一个客户端程序，在远程有一个服务器端程序。如：QQ，迅雷… 优点： 用户体验好 缺点： 开发、安装，部署，维护 麻烦 2.B/S: Browser/Server 浏览器/服务器端 只需要一个浏览器，用户通过不同的网址(URL)，客户...
初识HTML
weixin_41355956的博客
05-26 93
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、什么是HTML？二、简单HTML5页面结构三、HTML的hello world2.读入数据总结 前言 什么是HTML 一、什么是HTML？ 超文本标记语言，是一种标记语言，不做逻辑处理，不是编程语言，它告诉浏览器如何构造网页。 HTML由一个个标签组成： 标签很多，常用如下： 二、简单HTML5页面结构 html页面的组成部分： 1、DOCTYPE声明部分，可以告知Web浏览器页面使用了哪种HTML版本； 2、h.
python web
lass77的博客
12-30 363
1.关系（必考） ①#models.py class banj(models.Model): mc=models.CharField(max_length=8) def str(self): return self.mc class xues(models.Model): xm=models.CharField(max_length=8) bj=models.ForeignKey(banj,on_delete=models.CASCADE,null=True) def str(self): return s
Python Web前端开发JavaScript视频教程（四）
06-13
在本套"Python Web前端开发JavaScript视频教程（四）"中，主要聚焦于JavaScript这门重要的编程语言在Web前端开发中的应用。JavaScript是构建交互式网页的关键技术，无论是对于有基础还是无基础的学习者，都能从中...
Python Web前端开发HTML+CSS视频教程（三）
06-13
在本课程"Python Web前端开发HTML+CSS视频教程（三）"中，主要涵盖了Web前端开发的核心技术，特别是HTML5和CSS3的应用。这是一门针对想要提升前端开发技能的学员设计的教程，旨在帮助他们从基础知识到实战案例全面...
Python-web前端.ppt
04-09
Web开发这样一个大概念，对我...在网上广泛地浏览了一下这个方面的文章后，我发现当今Web开发的一大热门语言是Python（最大的当然还是PHP），而恰好我平常用Python也多，从Python入手，学习Web后端开发，也许要容易些。
Python Web前端开发jQuery从入门到精通视频教程（五）
06-13
了解Web前端开发技术掌握JavaScript和jQuery的基础语法及ajax方法的使用，并且使用他们可以编写简单的网页脚本，导航轮播图等内容。可以对js的使用有一个完整的了解 对于想从事web全栈开发的小伙伴是一个必不可少的...
Python Web开发实战_python_ｗｅｂ_
09-29
《Python Web开发实战》这本书是针对想要学习和实践Python Web开发的读者精心编写的。它不仅涵盖了基础理论，还深入到了实际项目构建的各个环节，旨在帮助读者从零开始，逐步成为一个全面掌握Web开发技能的专业人士...
一、初识Html
weixin_46820017的博客
04-30 441
编辑器相关 前端开发的编辑器软件，我首先推荐 VS Code，其次推荐Sublime Text。 有人说 WebStorm 也不错？但真实情况是，自从VS Code 问世之后，用 WebStorm 的人越来越少了。 PS：文件的后缀名不能决定文件格式，只能决定打开文件打开的方式。 VS Code 的使用 详情请移步至：第一次使用VS Code时你应该知道的一切配置 Sublime Text 的使用 详情请移步至：Sublime Text使用技巧 HTML的概述 HTML的概念 HTML 全称为 HyperT
HTML页面唤醒微信
热门推荐
qq_23082205的博客
08-08 1万+
HTML页面唤醒微信APP 1.在HTML页面中唤醒微信APP只需要做一个很贱的操作如下图 <a class="wechat-copy" href='weixin://'>复制并添加微信号</a> 只需要在a标签中添加href='weixin://‘就可以唤醒微信APP，之前是想用js去写得我试了一下 window.open('weixin://') window.lo...
初识html
m0_61801103的博客
05-29 190
目录 html标签 常见的html标签 注释标签 标题标签 段落标签 换行标签 格式化标签 图片标签 超链接标签 表格标签 列表标签 无序列表 有序列表 自定义列表 表单标签 form标签 input标签 select标签 textarea 标签 无语义标签div&span 特殊字符 html标签 html 标签是整个 html 文件的根标签(最顶层标签) head 标签中写页面的属性. body 标签中写的是页面上显示的内容 ...
html基本使用
weixin_34357962的博客
09-18 98
作为自己的html字典，常用的罗列的一下。。。逻辑架构图：基本作用：HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！(例：djangomoan模版引...
html代码点击复制微信号并自动打开微信
weixin_45436857的博客
04-09 3386
<title>复制按钮</title> 微信号：xyz2018 点击复制 ———————————————— 版权声明：本文为CSDN博主「qdjinmingok」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qdjinmingok/article...
如何搭建互联网医院系统源码？医疗陪诊APP开发实战详解
最新发布
meihusdk的博客
07-11 246
希望本文能够为正在或即将从事相关开发的技术人员提供一些参考和帮助。通过不断的努力和创新，我们可以为患者提供更优质的医疗服务，推动医疗行业的数字化转型。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值