html文件 | 易学教程

kotlin编写Html文件

阅读更多关于 kotlin编写Html文件

import java . io . File /** * Created by FangJu on 2020/1/28 * Html DSL */ interface Node { fun render ( ) : String } class StringNode ( val value : String ) : Node { override fun render ( ) : String { return value } } // 父结点 class BlockNode ( val name : String ) : Node { // 子节点 val children = ArrayList < Node > ( ) // 每个头结点对应的属性 val properties = HashMap < String , Any > ( ) override fun render ( ) : String { return """ < $name ${ properties . map { "$ { it . key } = ' ${ it . value } '" }.joinToString("")}> ${ children . joinToString ( "" ) { it . render ( ) } } </ $name > """ . trimIndent (

2013第10周五

阅读更多关于 2013第10周五

杭州这两天很热，我心情也很烦躁混乱，不能集中精力开发控件，被各种事情干扰，今天BS页面开发进展很慢，花费时间远远超过之前的评估，一方面是自己评估的不准确，另一方面是被各种事干扰；自己确实有很多需要积累的地方。因为前段页面开发的问题发现自己很多东西没完全学好；比如html和jsp的本质区别是什么？一个是浏览器直接解析，一个要jsp先编译成servlet然后成calss文件由Tomcat执行，如果要涉及到后台的交互就需要用jsp而不是html；因为后台要处理数据。今天想学习Strucsts2的标签，但不能静心来理解，看到一篇不错的文章， http://blessht.iteye.com/blog/1184960 struts2提供了一整套的自定义标签解决方案，其功能在原生html标签基础上做了很大的改进：控件的name属性可以采用对象图的形式定义，点击提交按钮通过拦截器自动封装属性，这样在后台就不需要用request获取每个属性字段了；struts2对的单选、复选和下拉列表等控件进行了改进，开发人员只需要用一行代码设置集合数据和key/value即可显示出与html同样功能的组件；同时它提供了独有的错误显示标签，用于显示验证不通过的错误信息，非常方便。 http://blog.csdn.net/zxl315/article/details/2886456 我还在迷乱

HTML | 第一期 / 小白入门

阅读更多关于 HTML | 第一期 / 小白入门

本文主要内容头标签排版标签： <p> <div> <span> <br> <hr> <center> <pre> 字体标记： <h1> <font> <b> <u> <sup> <sub> 超链接图片标签前言 web标准 web标准介绍： w3c：万维网联盟组织，用来制定web标准的机构（组织） web标准：制作网页要遵循的规范。 web标准规范的分类：结构标准、表现标准、行为标准。结构：html。表现：css。行为：JavaScript。 web标准总结：结构标准：相当于人的身体。html就是用来制作网页的。表现标准：相当于人的衣服。css就是对网页进行美化的。行为标准：相当于人的动作。JS就是让网页动起来，具有生命力的。浏览器介绍浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、猎豹浏览器、Safari和Opera等。如下图所示：浏览器内核：浏览器内核 IE trident chrome / 欧鹏 blink 火狐 gecko Safari webkit PS：「浏览器内核」也就是浏览器所采用的「渲染引擎」，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。渲染引擎是兼容性问题出现的根本原因。 Sublime Text 的使用详情请移步至： Sublime Text使用技巧一、HTML的介绍 1

webpack4.x 使用

阅读更多关于 webpack4.x 使用

webpack4.x webpack 模块打包工具，分析项目结构，找到js模块及一些浏览器不能运行的语言如ES6/sass等，并将其转换和打包为何时的格式供浏览器使用；打包：将多个js文件打包成一个文件，减少服务器压力和下载带宽；转换：把浏览器不能识别的语言转换为js，让浏览器能够正确识别优化：优化项目，提高性能安装 // 新建项目文件夹，并进入 mkdir webpack_demo cd webpack_demo //全局安装 npm install -g webpack // 全局安装后还需进行一个项目目录的安装，npm安装之前先进行初始化，目的-生成package.json文件（包括当前项目依赖模块，自定义脚本任务等） npm n init // 项目目录的安装 --save-dev保存到package.json中且在dev开发中使用，生产环境中不使用； npm install --save-dev webpack // 查看webpack版本 webpack -v // ps:查看webpack版本时会提示安装webpack-cli，因为此时安装的webpack版本是4.x；webpack 已经将 webpack 命令行相关的内容都迁移到 webpack-cli，所以除了 webpack 外，还需要安装 webpack-cli npm install --save

webpack入门（六）——html-webpack-plugin

阅读更多关于 webpack入门（六）——html-webpack-plugin

html-webpack-plugin 该插件可以简化创建调用webpack bundles的html文件。在每次编译后，文件名会包含有hash值的bundles 特别有用。你可以让插件为您生成一个HTML文件，也可以提供您自己使用lodash模板的模板，或使用您自己的装载机。维护者：Jan Nicklas @jantimon。安装用npm安装这个插件 $ npm install html-webpack-plugin --save-dev 1 基本配置该插件将为您生成一个HTML5文件，这个文件用script标签引用所有的webpack包。只需将插件添加到您的webpack配置，如下： var HtmlWebpackPlugin = require('html-webpack-plugin'); var webpackConfig = { entry: 'index.js', output: { path: 'dist', filename: 'index_bundle.js' }, plugins: [new HtmlWebpackPlugin()] }; 1 2 3 4 5 6 7 8 9 这样就会生成一个文件 dist/index.html ，如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

Django补充之模板语言

阅读更多关于 Django补充之模板语言

路由系统 Django页面详情以及分页举个例子: 有一组后台数据,需要展示到页面上,但由于数据量较大,那就需要做分页了吧,那么怎么才能将页面详情和分页都融合进去呢,Django里的路由系统加上正则表达式可以满足: 项目中的views.py, 需要注意的是要传入页面的参数 : USER_LIST=[] for item in range(94): temp = {"id":item,"username":'alex'+str(item),"email":'alexemail'+str(item)} USER_LIST.append(temp) #传入第几页的参数 def index(request,page): page=int(page) start=(page-1)*10 end=page*10 user_list=USER_LIST[start:end] return render(request,'index.html',{"user_list":user_list}) #传入数据库中ID的参数,方便指定具体的数据 def detail(request,nid): nid=int(nid) current_user_dict=USER_LIST[nid] return render(request,'detail.html',{'current_user_dict'

html-webpack-plugin

阅读更多关于 html-webpack-plugin

简介: 　　 html-webpack-plugin 是一个webpack插件，它简化了注入webpack打包文件的html的创建。当webpack打包文件使用哈希值作为文件名并且每次编译的哈希值都不同时尤其有用。你可以使用lodash模板来创建html文件，也可以使用你自己的加载器。安装： npm install html-webpack-plugin --save-dev 第三方插件： html-webpack-plugin 通过提供钩子（参考下面的事件）来扩展你的需求。可以通过零配置来集成下面这些非常有用的插件： webpack-subresource-integrity 用于增强资源安全性 appcache-webpack-plugin 供IOS和Android离线使用 favicons-webpack-plugin 用于对IOS，Android和桌面浏览器生成图标和收藏夹图标 html-webpack-harddisk-plugin 可以被用于总是将html文件写入磁盘，使用webpack-dev-server和模块热替换时尤其有用 html-webpack-inline-source-plugin 用于在生成的html文件中内联资源 html-webpack-inline-svg-plugin 用于在生成的html文件中内联SVG资源 html-webpack

前端学习--HTML入门第一天

阅读更多关于前端学习--HTML入门第一天

目录 HTML的基本概念什么是HTML 什么是HTML标签（HTML TAG) 网页第一个HTML文档用记事本编写第一个HTML文件编写HTML文件文件的保存 web解释可能遇到的问题 HTML常用标签标题段落图像链接 HTML的基本概念什么是HTML HTML是超文本标记语言（ H yper T ext M arkup L anguage），用来描述网页。不是C,C++之类的编程语言，而是一种标记语言标记语言是一套标记标签 HTML利用标记标签来描述网页什么是HTML标签（HTML TAG) 用<>括号括起来的关键字一般是成对出现的，标签对中第一个标签称为开始标签，第二个标签称为结束标签网页网页==HTML文档，包含HTML标签和纯文本网页的开发步骤编写HTML文档使用WEB浏览器打开HTML文档 WEB浏览器读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容第一个HTML文档 <html> <body> <h1>Header 标题</h1> <p>段落</p> </body> </html> <html> 与 </html> 之间的文本描述网页 <body> 与 </body> 之间的文本是可见的页面内容 <h1> 与 </h1> 之间的文本被显示为标题 <p> 与 </p>

二、JavaScript语言--JS基础--JavaScript入门篇

阅读更多关于二、JavaScript语言--JS基础--JavaScript入门篇

1、如何插入JS 　　使用<script>标签在HTML网页中插入JavaScript代码。注意， <script>标签要成对出现，并把JavaScript代码写在 <script></script> 之间。 <script type="text/javascript"> 表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。 2、JS如何引用外部文件　　JavaScript代码只能写在HTML文件中吗?当然不是，我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js，然后将JS代码直接写在JS文件中。注意:在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。JS文件不能直接运行，需嵌入到HTML文件中执行，我们需在HTML中添加如下代码，就可将JS文件嵌入HTML文件中。<script src="script.js"></script> 3、JS在页面中的位置　　我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。　　放在<head>部分：最常用的方式是在页面中head部分放置<script>元素

怎样在一个HTML中嵌入另一个HTML页面(iframe标签用法)

阅读更多关于怎样在一个HTML中嵌入另一个HTML页面(iframe标签用法)

iframe 怎么在一个网页中嵌入另一个网页呢，我们可以用html中的iframe标签搞定。 iframe支持所有浏览器。下面来看语法： <iframe src="规定在 iframe 中显示的文档的 URL" width="" height="" frameborder="1/0" name="iframe名称" scrolling="yes/no/auto"> </iframe> 在src里写上你要嵌入到当前网页的html文件即可。 iframe还有一些其他的属性，通过这些属性，你可以更改用来放嵌入网页区域的样式。来张图吧 iframe这个标签现在一般用的不是很多了，因为它也有一些缺点。我的另一篇文章详细介绍了iframe的优缺点。如有需要，请点击打开链接来源： https://www.cnblogs.com/chengzp/p/iframe.html

订阅 html文件