html文件 | 易学教程

HTML api学习笔记

阅读更多关于 HTML api学习笔记

HTML api学习拖放 <!DOCTYPE HTML> <html> <head> <script> function allowDrop(ev) { ev.preventDefault(); //阻止原生事件 } function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); //为拖放事件ev添加data } function drop(ev) { ev.preventDefault(); //阻止原生事件 var data = ev.dataTransfer.getData("text"); //从事件ev中读取data ev.target.appendChild(document.getElementById(data)); //利用data中的元素id构建标签完成拖放 } </script> </head> <body> <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> //ondragover拖放结束 <img id="drag1" src="img_logo.gif" draggable="true" ondragstart="drag(event)" width="336" height="69">

Django之模板语言

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

一、模板语言介绍模板语言渲染的整个过程其实就是将html转换成函数，并为该函数提供全局变量，然后执行该函数二、模板语言的语法模板中也有自己的语言，该语言可以实现数据展示 # 业务请求处理做的页面渲染 return render("request", "template.html", {"k1": "v1", "k2": [11, 22, 33], "k3": {"nid": 12, "name": "aaa"}) # html页面模板语法 {{ k1 }} {{ k2.0 }} # 取列表中的第一个值，通过.获取 {{ k3.name }} # 取字典中对应key的值 # for循环 {% for item in k2 %} <p> {{ item }}, {{ forloop.counter }}, # 索引,从1开始,类似于python中的enumerate， {{ forloop.counter0 }}, # 索引,从0开始,类似于python中的enumerate， {{ forloop.first }}, # 判断当前item是否是第一个元素,成立为True,不成立为False {{ forloop.last }}, # 判断当前item是否是最后一个元素,成立为True,不成立为False {{ forloop.revcounter }} # 倒序索引

3D雪花特效

阅读更多关于 3D雪花特效

话不多说，直接上效果图：代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>3D雪花</title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script> <script src="./snow.js"></script> <style type="text/css"> body{ background-color: rgb(178, 166, 231); } .snow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999; } </style> </head> <body> <div class="snow"></div> </body> </html> snow.js文件点这里。以上代码可直接复制看效果，但snow.js文件位置需自行引入。来源：

利用github免费部署网站

阅读更多关于利用github免费部署网站

#github部署网站教程，注意事先准备好index.html文件 #1.0首先需要注册一个github的账号，我们进到github.com官网点击sign up注册一个账号。 = #2.0注册完成后自己登录就好了，登录后界面如下，当然如果没有创建过仓库好像不是这个界面，所有需要点击右上角加号处，下面的图箭头有点偏了。 #3.0然后点击new repository进入新建仓库界面 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-B7T3fjBR-1583466673573) #4.0输入仓库名称，由于是网页仓库，需要和Github用户名保持一致,填写好后创建即可。 #5.0然后上传文件，我这里显示的是已经上传过了的界面 #6.0将你的html工程拖到上传区，按如下方式，写好说明即可上传 #7.0点击settings，然后一直下滑直至Github Pages，因为网页就是利用github的这个功能，当然github也只能实现一些简单的静态网页，做个人博客再适合不过，按如下图片操作即可 ##如果没有html文件，想先尝试是否可以部署网站怎么办，以下提供我个人写的简单html程序，供测试部署使用。 ##复制以下类容到index.txt,复制后保存，并将index.txt重命名为index.html即可 index.html <!doctype html>

CSS引入方式与选择器

阅读更多关于 CSS引入方式与选择器

参考 https://www.cnblogs.com/yuanchenqi/articles/5977825.html 引入方式方法一（标签里设置） <!DOCTYPE html> <html> <head> <title>Python</title> <link rel="icon" href="https://common.cnblogs.com/favicon.ico"/> <meta charset="utf-8"> </head> <body> <div style="color: #ffff77;background: crimson">你好</div> </body> </html> 方法二（head里面设置） <!DOCTYPE html> <html> <head> <title>Python</title> <link rel="icon" href="https://common.cnblogs.com/favicon.ico"/> <meta charset="utf-8"> <style> #hello{ color: crimson; background: cyan; } </style> </head> <body> <div id="hello">你好</div> </body> </html> 方法三(引入link 主要使用方法) <

python(Django之html模板继承)

阅读更多关于 python(Django之html模板继承)

# coding=utf-8from django.shortcuts import renderfrom django.http import HttpResponsefrom models import *def index(request): # hero=HeroInfo.objects.get(pk=1) # context={'hero':hero} list = HeroInfo.objects.filter(isDelete=False) context = {'list': list} return render(request, 'booktest/index.html', context)def show(request, id, id2): context = {'id': id} return render(request, 'booktest/show.html', context)# 用于练习模板的继承def index2(request): return render(request, 'booktest/index2.html')def user1(request): context = {'uname': '习总'} return render(request, 'booktest/user1.html', context)def user2

在HTML网页中插入ActiveX控件

阅读更多关于在HTML网页中插入ActiveX控件

开发工具: 1. Visual Studio 2005，用于ActiveX组件的开发 2. Microsoft ActiveX Control Pad，用于生成包含ActiveX Control的HTML网页。步骤： 1. 通过Visual Studio 2005新建一个MFC ActiveX Control工程，编译之后在debug/release目录下可以找到一个XXXX.ocx文件。具体步骤可以参考MSDN。 2. 在ActiveX Control Pad选择菜单File -> New HTML，创建一个HTML页面。 3. 从ActiveX Control Pad选择菜单Edit -> Insert ActiveX Control ....，然后会弹出一个消息框。从消息框的列表中选择相应的ActiveX Control，点击OK即可将ActiveX Control插入到HTML页面。 4. 在本机通过IE浏览器打开生成的HTML即可看到ActiveX Control显示在HTML页面中。如果把网页放到HTTP server上，要让其他电脑上可以通过IE来访问该页面并且ActiveX组件可以正常运行，还有一些额外的步骤需要完成。通过ActiveX Control Pad生成的HTML看起来就像下面一定脚本： <HTML> <HEAD> <TITLE>New Page<

Velocity根据模版生成静态html

阅读更多关于 Velocity根据模版生成静态html

新公司的一个CMS项目要用到，这里记录下一、项目文件图二、springmvc-servlet.xml 添加  <bean id="propertyHolder" class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"> <property name="systemPropertiesModeName" value="SYSTEM_PROPERTIES_MODE_OVERRIDE"/> <property name="ignoreResourceNotFound" value="true"/> <property name="locations"> <list> <value>classpath*:/*.properties</value> </list> </property> </bean> 三、html_template.vm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv=

HTML5初探 - 基本的HTML5模版

阅读更多关于 HTML5初探 - 基本的HTML5模版

用HTML5已经有一段时间了，却没有时间来个系统的学习。最近开始准备系统地学习HTML5，顺便开博写些自己学习的心得。首先看下HTML5的基本模版吧，从基本结构的定义上就看到HTML5的基本模版更加简洁，没有那些繁琐的DTD定义，仅仅用一条<!DOCTYPE HTML>就定义了HTML5的标准，而仅仅一个<meta charset="utf-8">就定义了文档的字符编码。细心的同学肯定发现为什么是<meta charset="utf-8">，而不是<meta charset="utf-8" />呢？这个闭合标签的符号咋就没有了呢? 这在上一个标准中是不符合的规则的，也是不是WEB标准哦，而就是这样简洁的风格就是现在版本HTML5语法，我们先看基本模版再来细谈这些。下面看看HTML5的基本模版吧，顺便比较一下与之前的版本 <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title></head><body></body></html> XHTML1.1的基本模版 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

利用模版生成html页

阅读更多关于利用模版生成html页

Asp.NET 生成静态页环境:Microsoft .NET Framework SDK v1.1 OS:Windows Server 2003 中文版 ASP.Net生成静态HTML页在Asp中实现的生成静态页用到的FileSystemObject对象! 在.Net中涉及此类操作的是System.IO 以下是程序代码注:此代码非原创!参考别人代码 //生成HTML页 public static bool WriteFile(string strText,string strContent,string strAuthor) { string path = HttpContext.Current.Server.MapPath("/news/"); Encoding code = Encoding.GetEncoding("gb2312"); // 读取模板文件 string temp = HttpContext.Current.Server.MapPath("/news/text.html"); StreamReader sr=null; StreamWriter sw=null; string str=""; try { sr = new StreamReader(temp, code); str = sr.ReadToEnd(); // 读取文件 } catch

订阅 html文件