一、HTML代码应如何使用?
新建一份文本文档,在里面保存你所写的HTML代码,然后将文本文档的文件名后缀改为.HTML。然后选择用浏览器打开文档,就可以看到你书写的HTML代码的显示了。
二、html代码复用各种方法
使用步骤:1.安装gulp以及gulp-file-include(NodeJs上)
2.新建gulpfile.js,配置 gulp-file-include:
var gulp =require('gulp');//引入gulp
var fileinclude =require('gulp-file-include');//引入gulp-file-include
gulp.task('fileinclude', function() {
gulp.src('src/**.html') .pipe(fileinclude({//gulp.src中存放要编译的文件
prefix:'@@',
basepath:'@file'
})).pipe(gulp.dest('dist'));//gulp.dest中存放编译后的文件的存放地址
});
3.通过@@include('include/header.html')引用header.html
4.在命令行工具里,执行gulp fileinclude。执行完毕后,dist目录里就有相对应的html文件。
使用步骤:1.安装gulp-ejs(NodeJs上)
2.新建gulpfile.js,配置 gulp-file-include:
var gulp = require('gulp');//引入gulp
var ejs = require('gulp-ejs');//引入gulp-ejs
gulp.task('ejs', function() {
gulp.src('Views/Business/financeManage1.ejs')//gulp.src中存放要编译的文件
.pipe(ejs({},{ext: '.html'}))//设置生成的文件后缀名为html
.pipe(gulp.dest('Views/dist'));//gulp.dest中存放编译后的文件的存放地址
});
3.通过<%-include ../template.html %>引用template.html
4.在命令行工具里,执行gulp ejs。执行完毕后,dist目录里就有相对应的html文件。
1.将项目放于本地服务器如xampp下
2.
3.function reinitIframe(){
var iframe = document.getElementById("iframepage");
console.log(iframe);
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){
console.log(ex);
}
}
var timer1 = window.setInterval("reinitIframe()", 500); //定时开始
function reinitIframeEND(){
var iframe = document.getElementById("iframepage");
console.log("3");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
console.log(bHeight+":"+dHeight);
iframe.height = height;
}catch (ex){
console.log(ex);
}
// 停止定时
window.clearInterval(timer1);
}
三、网页设计常用HTML代码
网页设计常用HTML代码大全
HTML是用来描述网页的一种语言。下面我为大家分享HTML代码,希望对大家学习html代码有帮助!
忽视右键
或
1.如何几秒后转到别的页面?
2.点击关闭窗口
3.请问如何去掉主页右面的滚动条?
4.请问如何做到让一个网页自动关闭.
这个窗口会在10秒过后自动关闭,而且不会出现提示.
如何在不刷新页面的情况下刷新css?
button{ color:#000000;}
请问如何让网页自动刷新?
在head部记入其中20为20秒后自动刷新,你可以更改为任意值。
5.如何让页面自动刷新?
方法一,用refresh
HTML 代码片段如下:
5表示刷新时间
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
方法二,使用setTimeout控制
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
6.如何让超链接没有下划线
在源代码中的
…之间输入如下代码:
7.请问如何去掉IE的上下滚动条?
8.怎样才能把RealPlayer文件在网页做一个试听连接?
9.如何用html实现浏览器上后退按钮的功能?
或者
10.请问怎么在网页中改变鼠标的箭头形状?
HTML 代码片段如下:
11.怎样不使用页面的缓存?即每一次打开页面时不是调用缓存中的东西
12.页面打开时自动弹出一个窗口的代码怎么写?
HTML 代码片段如下:
13.如何让我的页面出现一个会讲话的小人?Merlin
HTML 代码片段如下:
var MerlinID;
var MerlinACS;
sims.Connected = true;
MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);
Merlin = sims.Characters.Character(MerlinID);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("大家好");
Merlin.Play("GestureLeft");
Merlin.Think("我是默林!");
Merlin.Play("Pleased");
Merlin.Think("可爱吗?");
Merlin.Play("GestureDown");
Merlin.Speak("哈哈!");
Merlin.Hide();
function LoadLocalAgent(CharID, CharACS){
LoadReq = sims.Characters.Load(CharID, CharACS);
return(true);
}
看此效果必须装有office2000!!!
14.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
HTML 代码片段如下:
body {background-image:url(logo.gif);
background-repeat:no-repeat; background-position:center }
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
background-repeat:no-repeat; 是让背景图不占满整个页面
body bgproperties="fixed" 是拉动scroll时背景图不动
15.文本输入框什么属性能实现不可输入?
HTML 代码片段如下:
或者
16.如何禁止自己的页面在别人的框架里打开?
把以下代码加至你的
区
if (window.top!=self){
window.top.location=self.location
}
17.如何实现首页全屏幕显示?
HTML 代码片段如下:
18.如何监听一个窗口被关闭了?
HTML 代码片段如下:
19.如何禁止Ctrl+N?
HTML 代码片段如下:
如何把页面加入用户的收藏夹?
HTML 代码片段如下:
javascript:window.external.AddFavorite(‘‘‘‘‘‘‘‘,‘‘‘‘无忧脚本‘‘‘‘)">收藏无忧脚本
如何在我的'页面中加入背景音乐?
IE:
NS:
*.mid你的背景音乐的midi格式文件
关于页面转换效果
或
说明:Transition=23是随机效果,另可以选0-22任一数字固定某个效果
如何设定打开页面的大小
HTML 代码片段如下:
怎样双击滚屏,单击停止?
HTML 代码片段如下:
a
a
a
aa
aa
aa
aa
aa
aa
aa
aa
aa
aa
aa
aa
aa
aa
aa
aa
aa
aa
aa
a
如何让body中的文字不被选中?
HTML 代码片段如下:
aaa
如何让弹出的窗口不能关闭?
在新开的窗口中加入如下代码
如何让浏览器在保存页面时保存失败?
HTML 代码片段如下:
<IFRAME SRC="*.html">
IFRAME>
表单中如何用图片按钮实现 reset?
function aaa(){
document.forms[0].reset()
}
进入网页时弹出的信息对话框
关闭窗口后弹出对话框
告别提示
右键菜单的制作
下拉菜单
;
四、什么是HTML代码 ? 怎么制作HTML代码?
HTML代码 是超文本标记语言文本,可以用文本编辑器制作HTML代码 ,这里以记事本为例。
1、右击电脑桌面任意空白区域,在展开的菜单中点击“新建”按钮,然后点击“文本文件”按钮:
2、打开新建的文本文件,在里面输入一些HTML基础的代码,然后同时按住键盘上的“Ctrl”键+“S”键将文件保存:
3、用鼠标将文件选中,按下键盘上的“F2”键,然后将文件格式从“txt”改成“html”,这时一个简单的HTML代码就制作好了:
五、什么是HTML怎么用?
HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。
插入HTML代码十四、在网页中插入HTML代码
(一)插入HTML代码的方法
1、在设计视图中插入HTML代码
(1)方法一:
①复制HTML代码。
②在DW设计视图中鼠标定位在想要插入代码处,按右键\点插入HTML。
③点“编辑菜单\粘贴HTML”。
(2)方法二:
①在DW设计视图中鼠标定位在想要插入代码处,按右键\点插入HTML。
②在弹出的“插入HTML<>”窗口中的括号<>中间输入代码。
③要编辑修改代码,这样做:右击标签\编辑标签。
2、在代码视图中插入HTML代码
在代码视图中的标记
和之间或者在标记和之间输入代码即可。【例1】在自己的网页中插入Google搜索引擎的方法
①登录网址:
②点“google大全”按钮。
③点“google免费” 按钮。
④选择并复制其提供的全部代码。
⑤在DW设计窗口中鼠标定位在想要插入google搜索引擎处,按右键\点插入HTML。
⑥编辑菜单\粘贴HTML。
【例2】在自己的网页中插入百度搜索引擎的方法。
①登录网址:
②点“网站登录”按钮。
③点“免费搜索代码” 按钮。
④选择并复制其提供的全部代码。
⑤在DW设计窗口中鼠标定位在想要插入百度搜索引擎处,按右键\点插入HTML。
⑥编辑菜单\粘贴HTML。
【一句话技巧】
1、将原代码中所有的空格、另起行等去掉,所有代码紧紧靠在一起,(不会影响代码的解释),则网页代码的大小可以缩小一半左右。
2、在添加表单时,为了排版方便,一般都把表单建在表格单元格中,原代码中即为“