html文件

1、JS的HelloWord

由 纵然是瞬间 提交于 2019-12-02 18:37:06
JS中的HelloWord 第一步还是先建一个.html的文件↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> </body> </html> View Code 然后像css要在style里写一样，js代码要写在script标签里 alert的作用： 浏览器弹出警告框↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta

HTML知识点汇总

由 吃可爱长大的小学妹 提交于 2019-12-02 17:06:50
一、什么是HTML HTML是用来描述网页的一种语言。 HTML是指超文本标记语言（不仅包含纯文本，还包含图片、超链接、音频、视频等）。 HTML使用一套标记标签来描述网页。 二、HTML标签的作用 充当网页骨架。 语义化，使网络爬虫更好的抓取网站信息。 三、HTML骨架 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <!-- 作用：配置html文件 --> 5 </head> 6 <body> 7 <!-- 书写标签组成的网页结构 --> 8 </body> 9 </html> 1、DOCTYPE是document type(文档类型)的简写，在网页中用来说明当前使用的XHTML或者HTML是什么版本 2、head是对HTML进行一些附加信息，内容不显示在网页中 3、body是HTML的主体部分，显示在网页中的内容 四、head标签中可以放的元素 1、meta标签 　　<meta charset = "UTF-8" /> 用于声明字符编码级 　　<meta name="keywords" content = "内容"> 用于提供给搜索引擎关键字 　　<meta name = "discription" content = "内容"> 用于提供给搜索引擎网页简单描述 2、title标签 标识文档标题，该标题会显示在浏览器的标题栏的标签页上 3

前端 CSS 三种引入方式

由 匿名 (未验证) 提交于 2019-12-02 16:56:17
CSS三种引入方式 行内样式 内接样式 外部样式 链接式 导入式 就是在标签加上style属性设置样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> </head> <body> <!-- 行内样式 --> <div> <p style="color: red">我是一个段落</p> </div> </body> </html> CSS样式写在head标签里面的style标签里面，格式如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> <style> /*

15 Django Ajax

由 我们两清 提交于 2019-12-02 16:40:42
目录 一、Ajax 介绍 二、Ajax 实例 三、contentType 交互的数据格式 四、Ajax传json格式数据 五、Ajax向后端传文件 六、给前端返回一个字典 七、Ajax + sweetalert 一、Ajax 介绍 Ajax是一种异步提交，就是在当前页面时，不刷新当前页面的前提下，将数据提交到另一个页面 Ajax可以局部刷新页面，在一个页面下，不整体刷新页面，而是可以将当前页面的某一个部分刷新 此处回忆一下同步异步/阻塞非阻塞 同步异步： 描述的任务的提交方式 同步： 提交任务之后 原地等待任务的返回结果 期间不干日他的事情 异步： :提交任务之后 不原地等待 直接执行下一行代码 任务结果的返回通过回调机制 阻塞非阻塞： 程序的运行状态------了解程序运行的状态图 Ajax（Asynchronous Javascript And XML）： 翻译成中文就是“异步的 Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。 Ajax不是新的编程语言，而是一种使用现有标准的新方法 Ajax是一门 JS 技术，基于原生 JS 开发，但用原生的 JS 写代码太过于繁琐，我们用 JavaSquery是实现 提示： JavaSquery是基于javascript方法封装的。。。。

初始HTML

由 蹲街弑〆低调 提交于 2019-12-02 15:58:13
初始HTML 超文本标记语言，一种用于创建网页的标记语言。 是一种标记语言，不是编程语言，使用标签来描述网页。 网页文件的扩展名：.html或.htm HTML文档结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <!DOCTYPE html>声明为HTML5文档 <html></html>是文档的开始标记和结束标记。在这中间的所有内容才是真正的HTML <head></head>定义了HTML文档的开头部分。 <body></body>之间的文本是可见的网页主体内容。 HTML标签格式 几个重要属性 id: 定义标签的唯一ID，HTML文档树中唯一 class: 为HTML元素定义一个或多个样式(CSS样式类名) style: 规定元素的行内样式(CSS样式) HTML注释 <!--注释内容--> HTML常用标签 head内常用标签 <title></title>定义网页标题 <style></style>定义内部样式表 <script></script>定义JS代码或引入外部JS文件 <link/>引入外部样式表文件或网站图标 <meta/>定义网页原信息 body内常用标签 基本标签 <b>加粗</b> <i>斜体</i

html页面的渲染And<script>位置的影响

由 Deadly 提交于 2019-12-02 15:28:42
周末加班敲代码的时用到了<script>标签，突然想到了一个问题：别的自测项目里面<script>我把他放在了不同位置，这里应该会对代码的执行与渲染后影响吧？于是今天专门进行了查询，趁机总结以下： html 文档的解释方式&顺序： 预备知识：（需要简单理解同步/异步的区别） 同步，是所有的操作都做完，才返回给用户结果。即写完数据库之后，在相应用户，用户体验不好。 异步，不用等所有操作等做完，就相应用户请求。即先相应用户请求，然后慢慢去写数据库，用户体验较好。 html文档的执行，从上到下解释 解释过程中遇到 <link>,<img> 标签就会异步进行加载/下载，然后继续向下进行代码的解释 遇到<script> 标签时情况相反，此时会开始同步请求JS文件，然后逐句执行JS文件中的代码，知道所有代码执行完再继续进行html剩余代码的解释 <script>标签引起的问题And位置的影响： 解决<script>同步执行导致html脚本解释的阻塞问题： 方法一 => 将<script>放在<body>的最后一部分 给<script>标签添加 defer 属性；用法： <script type="text/javascript" defer="defer">defer 作用：属性规定是否对脚本执行进行延迟，直到页面加载为止。（注意：局限于IE浏览器;详细请参考=>请点击这里）当然也有缺点

HTML常用标签一

由 风流意气都作罢 提交于 2019-12-02 12:50:45
html文本格式化标签 在网页中，有时需要为文字设置 粗体 、 斜体 或 下划线 效果，这是就需要用到HTML中的文本格式标签，是文字以特殊的方式显示 标签语义：突出重要性，比普通文字更重要 语义 标签 说明 加粗 <strong></strong>或者<b></b> 推荐使用<strong>标签，语义更加强烈 倾斜 <em></em>或者<i></i> 推荐使用<em>标签，语义更加强烈 删除线 <del></del>或者<s></s> 推荐使用<del>标签，语义更加强烈 下划线 <ins></ins>或者<u></u> 推荐使用<ins>标签，语义更加强烈 <!DOCTYPE html> <html lang="en"> <head> <mate charset="UTF-8"> <title></title> </head> <body> <strong >我是加粗</strong> <b>我也是加粗</b> <em>我是斜体</em> <i>我是斜体</i> <del>删除线</del> <s>删除线</s> <ins>下划线</ins> <u>下划线</u> </body> </html> <div>和<span> 标签 <div> 和<span> 没有语义，他们就是一个盒子，用来装内容的。 <!DOCTYPE html> <html lang="en"> <head>

第三阶段：Django框架 day58 Django--模板层

由 元气小坏坏 提交于 2019-12-02 07:01:29
目录 Django之模板层 一 模板简介 二 模板语法之变量 三 模板语法之标签 四 自定义过滤器和标签 五 模板的导入和继承 静态文件配置 Django之模板层 一 模板简介 在刚刚介绍完的视图层中我们提到，浏览器发送的请求信息会转发给视图函数进行处理，而视图函数在经过一系列处理后必须要有返回信息给浏览器。如果我们要返回html标签、css等数据给浏览器进行渲染，我们可以在视图函数中这么做 def current_datetime(request): now = datetime.datetime.now() html = "<html><body>It is now %s.</body></html>" % now return HttpResponse(html) 上例所示，我们直接将HTML代码放到视图函数里，然后进行返回，这可以使我们很直观地看清楚浏览器从发送请求到看到前端界面内容的这个过程中视图函数的基本工作原理，但是这种将前端代码与后端代码耦合到了一起开发方式，会存在以下问题 1、程序的可维护性与可扩展性问题 前端界面一旦需要重新设计、修改，则必须对后端的Python代码进行相应的修改。 然而前端界面的修改往往比后端 Python 代码的修改要频繁得多，因此如果可以在不进行 Python 代码修改的情况下变更前端界面的设计，那将会方便得多。 2、开发效率问题

Django之模板层

由 笑着哭i 提交于 2019-12-02 06:57:15
Django之模板层 一 、模板简介 在刚刚介绍完的视图层中我们提到，浏览器发送的请求信息会转发给视图函数进行处理，而视图函数在经过一系列处理后必须要有返回信息给浏览器。如果我们要返回 html 标签、 css 等数据给浏览器进行渲染，我们可以在视图函数中这么做 def current_datetime(request): now = datetime.datetime.now() html = "<html><body>It is now %s.</body></html>" % now return HttpResponse(html) 上例所示，我们直接将 HTML 代码放到视图函数里，然后进行返回，这可以使我们很直观地看清楚浏览器从发送请求到看到前端界面内容的这个过程中视图函数的基本工作原理，但是这种将前端代码与后端代码耦合到了一起开发方式，会存在以下问题 程序的可维护性与可扩展性问题 前端界面一旦需要重新设计、修改，则必须对后端的Python代码进行相应的修改。 然而前端界面的修改往往比后端 Python 代码的修改要频繁得多，因此如果可以在不进行 Python 代码修改的情况下变更前端界面的设计，那将会方便得多。 开发效率问题 Python 代码编写和 HTML 设计是两项不同的工作，大多数专业的网站开发环境都将它们分配给不同的人员（甚至不同部门）来完成。

Go语言标准库之http/template

由 戏子无情 提交于 2019-12-02 06:52:31
Go语言标准库之http/template html/template 包实现了数据驱动的模板，用于生成可对抗代码注入的安全HTML输出。它提供了和 text/template 包相同的接口，Go语言中输出HTML的场景都应使用 text/template 包。 模板 在基于MVC的Web架构中，我们通常需要在后端渲染一些数据到HTML文件中，从而实现动态的网页效果。 模板示例 通过将模板应用于一个数据结构（即该数据结构作为模板的参数）来执行，来获得输出。模板中的注释引用数据接口的元素（一般如结构体的字段或者字典的键）来控制执行过程和获取需要呈现的值。模板执行时会遍历结构并将指针表示为’.‘（称之为”dot”）指向运行过程中数据结构的当前位置的值。 用作模板的输入文本必须是utf-8编码的文本。”Action”—数据运算和控制单位—由”{{“和”}}“界定；在Action之外的所有文本都不做修改的拷贝到输出中。Action内部不能有换行，但注释可以有换行。 HTML文件代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X
订阅 html文件