大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
!DOCTYPE html
成都创新互联公司是专业的任城网站建设公司,任城接单;提供成都做网站、成都网站制作、成都外贸网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行任城网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
html
head
meta charset="UTF-8"
titleanimation/title
style
#box {
height: 200px;
width: 200px;
background-color: aqua;
position: absolute;
left:0;
margin-top:50px;
}
input {
width: 100px;
height: 30px;
}
/style
/head
body
div id="box"/div
input type="button" value="前进"
script
var box = document.getElementById('box');
var bt = document.getElementsByTagName('input');
var timer = null;
bt[0].onclick = function () {
ani(box,600);
}
function ani(ele,target) {
clearInterval(ele.timer);
ele.timer = setInterval(function() {
var step = (target - ele.offsetLeft)/10;
step = step0?Math.ceil(step):Math.floor(step);
ele.style.left = ele.offsetLeft + step + "px";
console.log(1);
if (Math.abs(target - ele.offsetLeft) = Math.abs(step)) {
ele.style.left = target + "px";
clearInterval(ele.timer);
}
},30);
}
/script
/body
/html
这是网上的文字教程:
CSS3:
HTML5:
这是视频教程:
HTML5:(暂时还没有更新完毕)
CSS3貌似还没有视频教程,视频也没有什么可讲的,主要是自己看基础,然后多写看效果。
table border="1"
tr
th项目/th
th colspan="5"上课/th
/tr
tr
td星期/td
td星期一/td
td星期二/td
td星期三/td
td星期四/td
td星期五/td
/tr
tr
th rowspan="4"上午/th
th语文/th
th/th
th/th
th/th
th/th
/tr
tr
th数学/th
th/th
th/th
th/th
th/th
/tr
tr
th化学/th
th/th
th/th
th/th
th/th
/tr
tr
th政治/th
th/th
th/th
th/th
th/th
/tr
tr
th rowspan="2"下午/th
th语文/th
th/th
th/th
th/th
th/th
/tr
tr
th数学/th
th/th
th/th
th/th
th/th
/tr
/table
1、打开任意一个网站,根据自己的需要选择。
2、如图点击右上角三条横杠的按钮。
3、点击”工具“选项。
4、点击”查看源代码“。
5、如图,就可以轻松查看到了该网站的源代码。
6、如果想关闭网页源代码,只需点击左上角“返回”按钮,这样就完成了。
你想问的应该是,在搭建一个HTML文件时,基本的文件结构是什么样子吧?
标准的HTML文件由“文档声明、文件头、文件体”组成。
对于HTML5,文档声明也应该采取HTML5.0的声明方式,具体代码如下:
!doctype html
html
head
meta charset="UTF-8"
titleHTML5学堂(码匠) 言成科技 联合出品/title
meta name="viewport" content="width=device-width,user-scalable=no"
link rel="stylesheet" href="../css/reset.css"
/head
body
div具体内容/div
/body
/html
在html标签当中包含head标签和body标签两种,而head标签表示的是文件头,body标签表示文件体,文件头当中需要包含“字符编码”(head标签中的第一行)、“标题”(title标签)、“其他元信息”(除了字符编码外的其他meta),而文件体当中书写的具体代码就是在网页当中会显示的内容。
此外,在文件头部或文件体当中还可以使用link标签引入CSS文件,或者使用script标签引入JS文件。
关于文档声明,在传统的HTML4当中,有另外三种声明方法,请详见《文档声明 DOCTYPE常见的文档类型》
这个是基础的表格,你可以去研究改一下就可以了。
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
meta name="viewport" content="width=device-width, initial-scale=1.0"
title表格/title
/head
body
table border="2" cellpadding="12"
tr
td colspan="3"商品类目/td
/tr
tr
td rowspan="3"虚拟/td
td移动/td
td联通/td
/tr
tr
td充值卡/td
td彩票/td
/tr
tr
td梦幻/td
tdQQ/td
/tr
tr
td rowspan="3"护肤/td
td美容护肤/td
td美体/td
/tr
tr
td彩妆/td
td香水/td
/tr
tr
td个人护理/td
td保健/td
/tr
/table
/body
/html