×

html静态网页完整代码

html静态网页完整代码（求html静态页面的代码，简单点的）

admin admin 发表于2022-09-05 13:28:30 浏览147 评论0

抢沙发发表评论

本文目录

求html静态页面的代码，简单点的


《html》《head》 《title》滚动字幕《/title》 《/head》
《body text=#ff0000 bgcolor=#ccff99》
《marquee》请进入音乐休闲屋《/marquee》
《marquee direction=left》看我还会动呢,并且是从右向左移动
《/marquee》 《p》
《marquee direction =right behavior=scroll》我从左向右一圈一圈的移动
《/marquee 》 《p》
《marquee scrollamount=18》我是不是移动的比较快？
《/marquee》 《P》
《marquee loop=3 bgcolor=blue》我的底色是蓝的，我循环三次即停止移动
《/marquee 》 《p》
《/body》 《/html》

生成静态页面的代码应该怎么写


只能每页都生成一个单独的页面文件，
比如说你你面的参数是 aaa.aspx?pageindex=1&pagesize=10
那么你第一页生成 aaaa-1-10.html ,第二页生成 aaaa-2-10.html， 那么你在生成静态页时， 页面上的链接也要相应的修改成静态页的URL。 比如说， 你把页面上的所有aaa.aspx?pageindex=2&pagesize=10的连接全部改成 aaaa-2-10.html
依此类推。
还有一个办法就是把 htm 为后缀的请求交给你的WEB程序处理，像是生成静态页面了，其实还是动态的（也就是URL重写啦）。

用原生js写一个html静态网页代码，实现鼠标点哪个td哪个td的内容显示“已选”，且背景变红


《!DOCTYPE html》

《html》

《head》

《meta charset=“UTF-8“》

《title》《/title》

《style type=“text/css“》

table{border-collapse: collapse;}

td{cursor: pointer}

《/style》

《/head》

《body》

《table border=““ cellspacing=“0“ cellpadding=“30“》

《tr》《td》Data《/td》《td》Data《/td》《td》Data《/td》《td》Data《/td》《td》Data《/td》《/tr》

《tr》《td》Data《/td》《td》Data《/td》《td》Data《/td》《td》Data《/td》《td》Data《/td》《/tr》

《tr》《td》Data《/td》《td》Data《/td》《td》Data《/td》《td》Data《/td》《td》Data《/td》《/tr》

《/table》

《script》

var tds = document.querySelectorAll(’td’)

var arr = Array.prototype.slice.call(tds)

arr.forEach(function (i) {

console.log(i)

i.onclick = function () {

i.innerHTML = ’已选’

i.style.background = ’#f00’

}

})

《/script》

《/body》

《/html》


在静态页面里怎么调用静态页面，常用的代码是什么


html 静态页面中引用外部页面没那么方便，主要方法有：
1.使用框架来实现，但是那样占用线程较多，速度慢；
《IFRAME width=100% height=30 marginwidth=0 marginheight=0 SRC=“header.htm“ 》《/IFRAME》
加上它的一些属性可以实现一些透明,无滚动条等具体的效果.大家可以html教程的相关介绍
2.使用. js脚本来实现
就是把相关的html文件转化为js文件.再在调用的时候用
《script src=“import.js“》《/script》
或《script src=“import.asp“》《/script》，此时import.asp中的内容必须使用js输入才行。
如果你用此方法来包含像头部,导航条的话,它将不利于搜索引擎的搜集。
另外，编写js输出的内容代码较凌乱，容易出错。
3.下面是一种实现方法：
最好能有一种方法，就像asp页面包含其他页面时那样，用一小段包含语句就可以实现，不要将需要包含的内容出现在本页面内，而是分割出去到另外一个自己的页面。
《span 》《IE:Download STYLE=“behavior:url(#default#download)“ /》
《script》
function onDownloadDone(downData){
showImport1.innerHTML=downData
}
oDownload1.startDownload(’top.htm’,onDownloadDone)
《/script》
注：包含的页面为 top.htm 只要把需要包含的页面改掉就可以了！其中id=showimport 不能改为其他，这种写法为一次包含一个文件。
4.《object》 个人觉得此法方便比较好
《object type=“text/x-scriptlet“ data=“import.htm“ width=100% height=30》《/object》
5.Behavior的download方式
《span
《IE:Download STYLE=“behavior:url(#default#download)“ /》
《script》
function onDownloadDone(downDate){
showImport.innerHTML=downDate
}
oDownload.startDownload(’import.htm’,onDownloadDone)
《/script》
6、HTML中执行SSL
存在这种情况，主机只默认的是index.html，但是需要首页是动态的，除了上述方法，可以使用SSL
[!--#exec cgi=“index.pl“ --]
1、在服务器上打开“服务器端包含”
2、把你的静态文件扩展名改成：shtml
3、在文件中添加《!--#include file=“你要包含的文件“ --》
-html静态网页完整代码

求静态网页代码 成品


具体题主并没有明确说明需要哪类的静态网页，是前台还是后台？具体有什么要求？

没能明确这个，很难给题主提供，不过题主可以到相关的资源网站寻找一下，有能够满足你要求的。

网页链接

sc.chinaz.com/tag_moban/JingTai.html

祝好运，望采纳。


高手帮帮我，写一个html静态网页代码，实现鼠标点哪个td哪个td的内容显示“已选”，且背景变红


// 这个得用jQuery实现。
$(“td“).click(function(){
$(this).text(“已选“);
$(this).css(“background“,“red“)
});
// 如果你不会jQuery，建议去学习下，这个对前端很有用处。光只会基本的html根本不行，html只是最最最基本的东西。
-html静态网页完整代码

谁有那种静态网页的源代码，老师要我们做五张网页


《!DOCTYPE html》
《html》
《head》
《meta charset=“UTF-8“》
《title》Dot《/title》
《style》
body{
background-color: #222
}
.bd{
width: 400px;
height: 400px;
margin: -200px 0 0 -200px;
}
.bg1{
width: 200px;
height: 200px;
border: 8px solid grey;
margin: -108px 0 0 -108px;
background-color: rgb(64, 255, 0);
animation: gradiant 1s infinite linear alternate;
}
.bg2{
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
background-color: grey;
}
.dot{
cursor: pointer;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
animation: rotate 1s infinite linear;
}
.dot:before{
content: ’’;
top: -75px;
left: 50%;
width: 8px;
height: 75px;
margin-left: -4px;
}
.bg, .dot{
border-radius: 50%;
}
.bd, .bg, .dot{
position: absolute;
top: 50%;
left: 50%;
}
.dot, .dot:before{
position: absolute;
background-color: #ddd;
}
@keyframes rotate{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
@keyframes gradiant{
0%{
background-color: rgb(64, 255, 0);
}
100%{
background-color: rgb(255, 225, 0);
}
}
《/style》
《/head》
《body》
《div》
《div class=“bg bg1“》《/div》
《div class=“bg bg2“》《/div》
《div》《/div》
《/div》
《/body》
《/html》
《!DOCTYPE html》
《html》
《meta charset=“UTF-8“》
《title》Wave《/title》
《style》
body {
background: #222;
margin: 0px;
}
.bd {
position: absolute;
top: 50%;
left: 50%;
width: 198px;
height: 198px;
border: 1px solid white;
margin: -100px 0 0 -100px;
animation: Rotate 1s infinite linear;
}
.waves {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border-radius: 50%;
}
.waves:before,
.waves:after {
position: absolute;
background: white;
width: 20px;
height: 20px;
content: ““;
display: block;
border-radius: 50%;
}
.waves:before {
animation: wave-animate 1s infinite ease-out;
}
.waves:after {
opacity: 0;
animation: wave-animate 1s .5s infinite ease-out;
}
@keyframes Rotate {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
@keyframes wave-animate {
0% {
transform: scale(0);
opacity: 1;
transform-origin: center;
}
100% {
transform: scale(3);
opacity: 0;
transform-origin: center;
}
}
《/style》
《div class=“bd“》《/div》
《div class=“waves“》《/div》
《/html》
《!DOCTYPE html》
《html》
《head》
《meta charset=“utf-8“ /》
《title》- 3D -密码: LPT《/title》
《script src=“http://t.cn/R8x6B8l“》《/script》
《script src=“http://t.cn/R8xXzoK“》《/script》
《link rel=“stylesheet“ type=“text/css“ href=“css/style.css“/》
《script》
$(function () {
window.onload = function(){//预加载图片
$(’.cards’).css(’background-size’,’100%’);
};
$(’#btn_flex’).click(function () {//操作台收展切换
var btn_height = Number($(’#btn’).css(’height’).split(’px’));
console.log(’btn_height: ’ + btn_height);
if (btn_height !== 0) {
$(’#btn’).css(’height’, ’0’);
$(this).html(’展开’);
} else {
$(’#btn’).css(’height’, ’auto’);
$(this).html(’收起’);
}
});
$(’input[type=button]’).click(function () {//控件按钮事件
var tt = $(this).prev();
var css_name_0 = tt.attr(’id’).split(’_’);
var css_name_1 = tt.attr(’id’).split(’_’);
var css_name_3 = ’(’ + tt.val() + ’)’;
var unite = new Array(’px’, ’s’, ’deg’);
console.log(tt);
console.log(css_name_0 + ’||’ + css_name_1);
console.log(typeof css_name_0 + ’||’ + typeof css_name_1);
if (css_name_1 === ’’) {
if (css_name_0 === ’perspective’) {
$(’#see’).css(css_name_0, tt.val() + unite);
} else {
$(’body,h1,h3,h3,h4,h5,h6,b,span,input,ul,ul,div,button’).css(css_name_0, tt.val() + unite);
};
} else if (css_name_0 === ’scal’) {
$(’#bd’).css(’transform’, css_name_0 + css_name_1 + css_name_3);
} else {
$(’#bd’).css(’transform’, css_name_0 + css_name_1 + ’(’ + tt.val() + unite + ’)’);
};
});
$(’.cards’).click(function () {//翻页
var page = $(’#bd’).css(’transform’);
console.log(page);
});
$(’button’).click(function () {//自定义bd的CSS
var command_name = $(’#css_user_name’).val();
var command_text = $(’#css_user_text’).val();
var $button = $(this).html();
if (command_name === ’style’) {
if ($button === ’提交’) {
$(command_name).html(command_text);
console.log(command_name + ’ (style): ’ + command_text);
} else {
alert(’此DOM自定义内容为您输入在文本框内的内容,自行修改提交即可.’);
};
} else {
if ($button === ’提交’) {
$(command_name).attr(’style’, command_text);
console.log(command_name + ’ (CSS): ’ + command_text);
} else if ($button === ’清除自定义样式’) {
$(command_name).removeAttr(’style’);
console.log(command_name + ’ (CSS): Clear’);
};
};
});
//**//
});
function SV() {//实时记录CSS数值
$(’#perspective_val’).html($(’#see’).css(’perspective’));
$(’#transition_val’).html($(’#bd’).css(’transition’));
$(’#rotateX_val’).html($(’#bd’).css(’transform’));
$(’#rotateY_val’).html($(’#bd’).css(’transform’));
$(’#rotateZ_val’).html($(’#bd’).css(’transform’));
$(’#scale_val’).html($(’#bd’).css(’transform’));
};
setInterval(SV, 80);
《/script》
《style》《/style》
《/head》
《body》
《div》
《ul id=“btn“》
《li id=“btn_flex“ class=“title“》收起《/li》
《li》
《b》自定义CSS( 《input type=“text“ id=“css_user_name“ placeholder=“DOM选择“ /》 )《/b》
《br/》
《textarea id=“css_user_text“》《/textarea》
《br/》
《button》提交《/button》
《button》清除样式《/button》
《br/》
《b》perspective(视距)《/b》
《br/》
《span》value:《/span》
《br/》
《input type=“text“ id=“perspective_“ /》
《input type=“button“ value=“修改“ /》
《br/》
《span class=“css_val“ id=“perspective_val“》《/span》
《br/》
《b》transition(过渡时间)《/b》
《br/》
《span》value:《/span》
《br/》
《input type=“text“ id=“transition_“ /》
《input type=“button“ value=“修改“ /》
《br/》
《span class=“css_val“ id=“transition_val“》《/span》
《br/》
《b》rotate(3D旋转)《/b》
《br/》
《span》X轴旋转:《/span》
《br/》
《input type=“text“ id=“rotate_X“ /》
《input type=“button“ value=“修改“ /》
《br/》
《span class=“css_val“ id=“rotateX_val“》《/span》
《br/》
《span》Y轴旋装:《/span》
《br/》
《input type=“text“ id=“rotate_Y“ /》
《input type=“button“ value=“修改“ /》
《br/》
《span class=“css_val“ id=“rotateY_val“》《/span》
《br/》
《span》Z轴旋转:《/span》
《br/》
《input type=“text“ id=“rotate_Z“ /》
《input type=“button“ value=“修改“ /》
《br/》
《span class=“css_val“ id=“rotateZ_val“》《/span》
《br/》
《b》scale(缩放)《/b》
《br/》
《span》value:《/span》
《br/》
《input type=“text“ id=“scal_e“ /》
《input type=“button“ value=“修改“ /》
《br/》
《span class=“css_val“ id=“scale_val“》《/span》
《/li》
《/ul》
《/div》
《div id=“see“》
《div id=“bd“》
《div class=“cards“》《/div》
《div class=“cards“》《/div》
《div class=“cards“》《/div》
《div class=“cards“》《/div》
《div class=“cards“》《/div》
《div class=“cards“》《/div》
《div class=“cards“》《/div》
《div class=“cards“》《/div》
《/div》
《/div》
《/body》
《/html》
大概就这样, 给了你三个, body标签里面内容自定, title标题自定, 这是我瞎搞的动画, 没毛病老铁, 你在一些站点里面要静态网页多的是@~@
-html静态网页完整代码

html静态网页代码跳转问题 求代码


《input type=“text“ name=““ id=“txt“》
《input type=“button“ value=“查询“ name=““ id=“btn“》
《script》
var str = document.getElementById(’txt’);
var btn = document.getElementById(’btn’);
btn.onclick = function(){
var strVal = str.value;
if (strVal != ““) {
window.location.href = “-html静态网页完整代码