html基础,写代码时的总结等---ShinePans

index.html:

<html>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<head>
	<body>
		<center>
		<!--空格  -->
		<!--img src="与html文件位置相同或者本地url或者网络url" width="xxpx为边框宽度" style="boder:1px为css布局 solide red 边框颜色"-->
		<table background="flowers.jpg" width="90%" border="0px" height="80px" cellspacing="0px">
			<tr>
				<td><h1><font color="white">ShinePans的测试网站</font></h1><td>
					<td align="right">
						<a href="myclass.html">查看我的课表</a>
					</td>
			</tr>
		</table>
		<!--tr标示一行--> <!--td代表一列--> <!--bgcolor背景颜色-->
		<!--Table 1测试-->
		<table background="flowers3.jpg" border="1px" width="90%" height="500px">
		 <!--页面占比-->
			<tr ><td><font color="white">第一行</font></td><td><font color="white">第二列</font></td><td>第三列</font></td><td>第四列</font></td></tr>
			<tr><td>第二行</font></td><td align="left">居左</font></td><td align="center">居中</font></td><td align="right">居右</font></td></tr>
			<tr><td>第三行</font></td><td>a11</font></td><td align="center">a12</font></td><td align="right">a13</td></tr>
			<tr><td>第四行</font></td><td>a21</font></td><td align="center">a22</font></td><td align="right">a23</font></td></tr>
			<tr><td>第五行</font></td><td>a31<</font>/td><td align="center">a32</font></td><td align="right">a33</font></td></tr>
		</table>
		<!--table 2 测试-->
		<table cellspacing="0px" bordercolor="#FFD2D2" bgcolor="#BBFFFF" border="2px" width="90%" height="300px">
			<!--五行-->
			<!--solspan="3"横跨三行-->
			<tr>
				<td align="center" colspan="3">栏目</td>
			</tr>
			<tr>
				<td align="center">花</td>
					<td align="center">风景</td>
						<td align="center">人物</td>
			</tr>
			<tr>
				<td align="center" rowspan="3"><img src="flower4.jpg" width="300px"></td>
					<td align="center" rowspan="3"><img src="view.jpg" width="300px"></td>
						<td align="center" rowspan="3"><img src="girl.jpg" width="300px"></td>
			</tr>
			<tr>
			</tr>
			<tr>
			</tr>
			<table/>
		<br/>
		<br/>
		<br/>_________________________________________________________<br/>
		<br/><img src="flowers.jpg" width="400px" style="border: 0px solide red" alt="Flowers"/>
		<br/><a href="http://www.baidu.com">打开百度</a>
		  <a href="mailto:[email protected]">[email protected] <a/>
		</center>
	</body>
</head>
</html>

效果:

myclass.html:

<html>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<head>
	<body>
		<center>
			<h1><font color="#3C3C3C">潘尚的课表:</font></h1>
			<table background="girl.jpg" cellspacing="0px" border="2px" width="90%" height="400px">
			<tr align="center"><th><font color="white"><b>星期一</font></th><th><font color="white">星期二</font></th><th><font color="white">星期三</font></th><th><font color="white">星期四</font></th><th><font color="black">星期五</font></th></tr>

			<tr align="center"><th><font color="white">None</font></th><th><font color="white">操作系统(2103)</font></th><th><font color="white">算法分析(2307)</font></th><th><font color="white">计算机网络(2307)</font></th><th><font color="black">编译原理(2103)</font></th></tr>

			<tr align="center"><th><font color="white">计算机网络(2103)</font></th><th><font color="white">编译原理(2103)</font></th><th><font color="white">None</font></th><th><font color="white">计算机组成原理(2307)</font></th><th><font color="black">操作系统2103</font></th></tr>

			<tr align="center"><th><font color="white">算法分析(2307)</font></th><th><font color="white">计算机组成原理(2307)</font></th><th><font color="white">面向对象C++(A605)</font></th><th><font color="white">None</font></th><th><font color="black">计算机网络(A603)</font></th></tr>

			<tr align="center"><th><font color="white">面向对象C++(3203)</font></th><th><font color="white">None</font></th><th><font color="white">面向对象C++(A605)</font></th><th><font color="white">None</font></th><th><font color="black">计算机网络(A603)</font></th></tr>
			</table>
			<br/><br/>
			<h1>&copy [email protected] 2014-10-29</h1>
		</center>
	</body>
</head>
</html>

效果:

总结:

在写代码时,有大片的代码需要更改时,有很多重复的部分,可以用 replace 来快速更改而不需要一个一个去更改

时间： 2024-10-09 22:49:10

html基础,写代码时的总结等---ShinePans的相关文章

今天和组内一起写代码时碰到了一个关于命名冲突的问题，最后用js命名空间的方法解决的。

//第一步,首先创建一个全局变量,可以放在自己的js方法库中方便以后用,这个就是用来注册命名空间的方法. ns = function(namespace){ var arr = namespace.split('.');  //将传入的字符串如"com.test.lzn"以'.'隔开做成一个数组 var strNamespace = ""; //这个是为了保存每一步循环进去的包名 for(var i=0;i<arr.length;i++) { if(i!=0)

写代码时常见的错误

实验室有要做阶段练习题了,其中有一道改bug题: #include <iostream> #include <vector> int main(int, char**) { std::vector<int>** ppRandomData = distributeRandomInt(100); for (unsigned int i=0; i<1000; i++) { if (ppRandomData[i]) { std::cout << "E

PHP对大小写敏感问题的处理比较乱，写代码时可能偶尔出问题，所以这里总结一下。以便用到的出现错误

推荐大家始终坚持“大小写敏感”,遵循统一的代码规范. 1. 变量名区分大小写 1 <?php 2 $abc = 'abcd'; 3 echo $abc; //输出 'abcd' 4 echo $aBc; //无输出 5 echo $ABC; //无输出 2. 常量名默认区分大小写,通常都写为大写 (但没找到能改变这个默认的配置项,求解) 1 <?php 2 define("ABC","Hello World"); 3 echo ABC; //输出 Hel

在用php写代码时遇到Cannot send session cookie - headers already sent by (output started at E:\web\Apache2\htdocs\index.php:1) in E:\web\Apache2\htdocs\functi

Warning Cannot send session cookie - headers already sent...问题的解决(PHP的UTF-8 BOM引起的问题) 习惯了用edit plus进行php编程,所以有时会出现一些不为人知的错误,很麻烦;.近日,在开发项目时,某些页面总是出现以下问题: Warning: session_start() [function.session-start]: Cannot send session cookie - headers already s

vs的一些操作技巧：在写代码时自动换行的设置

有时在写代码的时候,一行代码太长了,想换行,直接按回车键的话又会报错,怎么办?其实可以这样设置vs,就可以达到自动换行的效果啦. ? 原文地址:https://www.cnblogs.com/Teacher-Lu/p/11673048.html

程序员写代码时应该反复问自己的 10 个问题

你想成为一名优秀的程序员吗? 那么,现在是时候放下<24小时学会xxx语言v8.3>超级骗子书,相反,你应当养成每天反问自己以下10个问题的习惯. 你的代码中是否有一种模式存在? 找寻模式中的可行与不可行将发现其中看似无关的想法或基本原则.要对工作达到深入的理解,你必须养成反问自己“是否有一种模式存在?”的习惯. 它不仅仅适用于你的代码.是否有适应各类型商业变化的模式吗?是否有一种适用于技术发展的模式?你有没有看到同类型的错误如雨后春笋般冒出来? 引用 所谓理解就是要理解模式 — 以赛亚·伯林

【转】程序员写代码时应该反复问自己的10个问题

你想成为一名优秀的程序员吗? 那么,现在是时候放下<24小时学会xxx语言v8.3>超级骗子书,相反,你应当养成每天反问自己以下10个问题的习惯. 你的代码中是否有一种模式存在? 找寻模式中的可行与不可行将发现其中看似无关的想法或基本原则.要对工作达到深入的理解,你必须养成反问自己“是否有一种模式存在?”的习惯. 它不仅仅适用于你的代码.是否有适应各类型商业变化的模式吗?是否有一种适用于技术发展的模式?你有没有看到同类型的错误如雨后春笋般冒出来? 所谓理解就是要理解模式 — 以赛亚·伯林 怎么

写代码时应该反复问自己的10个问题

英文原文:10 Questions web developers must ask themselves every day 你想成为一名web开发者吗? 那么,现在是时候放下<24小时学会超级骗子语言v8.3>书,相反,你应当养成每天反问自己以下10个问题的习惯. 1.是否有一种模式存在? 找寻模式中的可行与不可行将发现其中看似无关的想法或基本原则.要对工作达到深入的理解,你必须养成反问自己“是否有一种模式存在?”的习惯. 它不仅仅适用于你的代码.是否有适应各类型商业变化的模式吗?是否有一种

java写代码时的一些注意点

1. if(username.equals(“zxx”)){} 这样写的话,如果username是null, 则会报NullPointerException,所以先要判断username是否为null. 2.  int  x = 1; return x==1?true:false; 不会报错,但特别啰嗦.如果要返回boolean, 那么可以直接return x==1, (x==1这个表达式本来就返回boolean)