HTML
超文本标记语言-------------在HTML当中存在着大量的标签，我们用HTML提供的标签，将要显示在网页中的内容包含起来。就构成了我们的网页。
1.HTML中的标签
p标签:段落标签
 :空格
h#:标题标签
<!--要注释的内容-->：注释符
<img/>:图片标签，用来显示图片。
src:表示要显示的图片的路径
heigth:图片的高度 px
width：图片宽度 px
alt：当图片由于某些原因显示失败的时候所显示的文本
title：当光标移动到图片上的时候显示的文本
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>This is my first HTML</title>
</head>
<body>
<p>莫使金 樽空对月。</p>
<h1>我是标题</h1>
<h2>我是标题</h2>
<h3>我是标题</h3>
<h4>我是标题</h4>
<h5>我是标题</h5>
<h6>我是标题</h6>
<h6>我是标题</h6>
<img src="images/a.jpg" width="200px" height="200px" border="1px" title="还行吧" alt="最美的太阳" />
<!--属性名="值"-->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>一个简单的页面</title>
</head>
<body>
<h1>快来看哟，Html知识新鲜！！！！</h1>
<img src="images/a.jpg" title="好美哟" />
<h2>这是一个图片</h2>
<p><b>Hello World</b></p>
<hr />
<p>Hello World</p>
<p>Hello World</p>
<p>Hello World</p>
<p>Hello World</p>
<p>Hello World</p>
<hr />
Hello World<br />
Hello World<br />
5>3
3<5
&&&&
</body>
</html>
2.font属性
<hr/>:分割线
<font></font>:字体标签 size =1 ~7 7最大 color:颜色 face：字体系列
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>练习</title>
</head>
<body>
<h1>Hello World</h1>
<img src="images/a.jpg" title="快来看呀，大太阳啊！！！！" border="1px" /><br />
Hello World<br />
Hello World<br />
<font size="5" color="green" face="仿宋"> 快的学习吧！！！！</font>
<font size="8" color="red">1</font>元，课程学到手！！！！
</body>
</html>
3.常用属性
a标签：超链接 href表示要连接到的地址
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML常用的标签</title>
</head>
<body>
<b>这是要显示在网页中的内容</b><br />
<i>这是要显示在网页中的内容</i><br />
<tt>这是要显示在网页中的内容</tt><br />
<u>这是要显示在网页中的内容</u><br />
<s>这是要显示在网页中的内容</s><br />
3<sup>2</sup>+4<sup>2</sup>=5<sup>2</sup>
3<sub>2</sub>+4<sub>2</sub>=5<sub>2</sub>
这是要显示在网页中的内容<br />
这是要显示在网页中的内容<br />
这是要显示在网页中的内容<br />
<pre>
<code>
for(int i=0;i<100;i++) {
Console.WriteLine("Hello World");
}
</code>
</pre>
<marquee direction="right" behavior="slide"><img src="images/a.jpg" /></marquee><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />value<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="05.html#来吧来吧" name="碗里来">快到碗里来</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>a标签的使用</title>
</head>
<body>
<a href="http://www.baidu.com" target="_self">百度</a>
<a href="04.html#碗里来" name="来吧来吧">快到碗里去</a>
<a href="#">我是连接么？</a>
<br />
<br />
<a href="mailto:285014478@qq.com">发送邮件到285014478</a>
<a name="顶端" href="#底端">回到底端</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a name="底端" href="#顶端">回到顶端</a>
</body>
</html>target：打开新网页的方式 _blank表示打开一个新网页进行跳转。
_self表示在当前页面进行跳转。
4.无序列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无序列表</title>
</head>
<body>
<ul type="disk">
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ul>
<hr />
<ol type="1">
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ol>
<br />
<dl>
<dt>面向对象</dt>
<dd>封装</dd>
<dd>继承</dd>
<dd>多态</dd>
<dt>c#循环</dt>
<dd>for循环</dd>
<dd>foreach循环</dd>
<dd>while循环</dd>
<dd>do-while循环</dd>
</dl>
</body>
</html>
5.table表格
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>table表格</title>
</head>
<body>
<table border="1px" cellspacing="0px" cellpadding="0px">
<tr>
<td><a href="#">超链接</a></td>
<td>星期一</td>
<td>哈哈哈</td>
</tr>
<tr>
<td>傲呜</td>
<td>呜呜呜</td>
<td><img src="images/a.jpg" height="30px" width="30px" /></td>
</tr>
</table>
<HR />
<table border="1px" cellspacing="0px" cellpadding="0px">
<tr>
<td colspan="2">学生成绩</td>
<tr />
<tr>
<td>语文</td>
<td>98</td>
<tr />
<tr>
<td>数学</td>
<td>95</td>
<tr />
</table>
<hr />
<table border="1px" cellpadding="0px" cellspacing="0px" height="300px" width="280px">
<tr>
<td rowspan="2">张三</td>
<td>语文</td>
<td>98</td>
</tr>
<tr>
<td>数学</td>
<td>95</td>
</tr>
<tr>
<td rowspan="2">李四</td>
<td>语文</td>
<td>88</td>
</tr>
<tr>
<td>数学</td>
<td>91</td>
</tr>
</table>
<hr />
<table border="1px" cellspacing="0px" cellpadding="0px" height="100px" width="300px">
<tr>
<td><font color="blue">手机充值、IP卡</font></td>
<td colspan="3"><font color="blue">办公设备、文具、耗材</font></td>
</tr>
<tr>
<td rowspan="3">各种卡的总汇</td>
<td>铅笔</td>
<td>铅笔</td>
<td>铅笔</td>
</tr>
<tr>
<td>铅笔</td>
<td>铅笔</td>
<td>铅笔</td>
</tr>
<tr>
<td>铅笔</td>
<td>铅笔</td>
<td>铅笔</td>
</tr>
</table>
</body>
</html>
6.表单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>表单</title>
</head>
<body>
<form action="http://www.baidu.com" method="get">
用户名:<input type="text" name="txtName" /><br />
密码:<input type="password" name="txtPwd" /><br />
<input type="submit" value="提交到百度" />
<input type="reset" value="清空" /><br />
<fieldset>
<legend>性别</legend>
<input type="radio" name="sex" />男<br />
<input type="radio" name="sex" />女<br />
</fieldset>
<fieldset>
<legend>婚姻状况</legend>
<input type="radio" name="married" />已婚<br />
<input type="radio" name="married" />未婚<br />
</fieldset>
<select size="1">
<optgroup label="河北省">
<option>石家庄</option>
<option>沧州</option>
<option>保定</option>
<option>廊坊</option>
</optgroup>
<optgroup label="河南省">
<option>郑州</option>
<option>驻马店</option>
<option>洛阳</option>
<option>新乡</option>
</optgroup>
<optgroup label="湖北省">
<option>武汉</option>
<option>黄冈</option>
<option>黄石</option>
<option>十堰</option>
</optgroup>
<optgroup label="湖南省">
<option>长沙</option>
<option>岳阳</option>
<option>衡阳</option>
<option>益阳</option>
</optgroup>
</select>
<br />
<input type="file" /><br />
<textarea cols="100" rows="30">
房屋租赁合同，是指房屋出租人和承租人双方签订的关于转让出租房屋的占有权和使用权的协议。其内容是出租人将房屋交给承租人使用，承租人定期向出租人支付约定的租金，并于约定期限届满或终止租约时将房屋完好地归还给出租人。
房屋租赁合同按用途分为两大类，居住用和商用。
签订居住用房屋租赁合同，以是否更适合居住为原则。
签订商用用房屋租赁合同，则以是否更适合办公为原则。
2
注意事项
编辑
承租方
1、查看出租人的房产证明和有效身份证明;
2、审核出租人的《房屋租赁证》;
3、签订租房合同时，应问清房租包含的内容，水、电、暖、煤气(天然气)和物业管理费由谁承担;
4、要求出租人在房屋出租前结清水、电、暖、煤气(天然气)和其它费用;
5、付款方式。
出租方
1、查看身份证明，外省市人员在本地居住是否有合法居住证明;
2、承租人租房用途，并在合同中约定不得有违法行为。
有下列情形之一的房屋不得出租：
1、没有房屋所有权合法凭证;
2、司法机关和行政机关依法裁定，决定查封或者其它形式限制房地产权利的。
3、共有房屋未取得共有人意见的;
4、权属有争议的;
5、属于违法建筑的;
6、不符合安全标准的;
7、已经抵押未经抵押人同意的;
8、不符合公安、环保、卫生等主管部门有关规定的。
房屋租赁合同
出租人（甲方）：_________________
承租人（乙方）：
证件编号：_______________________
联系地址：
联系电话：_______________________
房屋坐落：_____________________________________________________________________________________
依据《中华人民共和国合同法》及有关法律、法规的规定，甲乙双方在平等、自愿的基础上，就房屋租赁的有关事宜达成协议如下：
第一条租赁期限
（一）房屋租赁期自_________年_________月_________日至_________年_________月_________日，共计_________年_________个月。甲方应于_________年_________月_________日前将房屋按约定条件交付给乙方。房经甲乙双方交验签字盖章并移交房门钥匙及后视为交付完成。
（二）租赁期满或合同解除后，甲方有权收回房屋，乙方应按照原状返还房屋及其附属物品、设备设施。甲乙双方应对房屋和附属物品、设备设施及水电使用等情况进行验收，结清各自应当承担的费用。
（三）乙方继续承租的，应提前日向甲方提出续租要求,协商一致后双方重新签订房屋租赁合同。
第二条租金及押金
（一）租金标准及支付方式：（每个月￥:________元/月 ），房屋押金 （ 个月，￥ 元）待合同期满或特殊情况导致的合同结束，乙方退租后返还。
（二）支付方式：现金_____（□现金/□转账支票/□银行汇款），每月 日前支付。
第三条房屋维护及维修
（一）甲方应保证房屋的建筑结构和设备设施符合建筑、消防、治安、卫生等方面的安全条件，不得危及人身安全；承租人保证遵守国家、的法律法规规定以及房屋所在小区的物业管理规约。
（二）租赁期内，甲乙双方应共同保障房屋及其附属物品、设备设施处于适用和安全的状态：
1、对于房屋及其附属物品、设备设施因自然属性或合理使用而导致的损耗，乙方应及时通知甲方修复。甲方应在接到乙方通知后进行维修。
2、因乙方保管不当或不合理使用，致使房屋及其附属物品、设备设施发生损坏或故障的，乙方应负责维修或承担赔偿责任。
第四条转租
（一）除甲乙双方另有约定以外，乙方需事先征得甲方书面同意，方可转租给他人，并就受转租人的行为向甲方承担责任。
第五条合同解除
（一）经甲乙双方协商一致，可以解除本合同。
（二）因不可抗力导致本合同无法继续履行的，本合同自行解除。
第六条其他约定事项
本合同经双方签字后生效，本合同一式 份，其中甲方执 份，乙方执 份。
本合同生效后，双方对合同内容的变更或补充应采取书面形式，作为本合同的附件。附件与本合同具有同等的法律效力。
第七条违约金和违约责任
1、若出租方在承租方没有违反本合同的情况下提前解除合同或租给他人，视为出租方违约，负责赔偿违约金_________元。
2、若承租方在出租方没有违反本合同的情况下提前解除合同，视为承租方违约，承租方负责赔偿违约金_________元。
第八条补充协议：
________________________________________________________________________________
出租人（甲方）签章： 承租人（乙方）签章：
年 月 日[1]
商铺出租合同书
出租人（甲方）：__________________ 承租人（乙方）：__________________
证件编号：_______________________ 证件编号：_______________________
出租房房产证编号：_______________________ 承租房房产证编号：_______________________ 联系地址：_______________________ 联系地址：_______________________
联系电话：_______________________ 联系电话：_______________________
根据《中华人民共和国合同法》及相关法律规定，甲方双方经平等协商，就租赁事宜签订本合同。
第一条 房屋坐落地址
出租方出租的商铺坐落地址：_________路，建筑面积_________平方米。
第二条 租赁期限
租期_________年，自_________年_________月_________日起至_________年_________月_________日止。
第三条 租金和押金
1、每年租金为人民币_________元整（_________元），经双方平等协商，预交半年租金为人民币_________元整（_________元）。
2、必须按照约定向出租方缴纳租金。不得无故拖欠租。
第四条 各项费用的缴纳
1、电费：由承租方自行缴纳电表底数为_________度，此度数以后的费用由承租方承担，合同期满后承租方不再负责缴纳。
2、使用该房屋进行商业活动产生的其它各项费用均由承租方缴纳，其中包括承租方自已申请安装电话、宽带、有线电视等设备的费用。
第五条 违约金和违约责任
1、若出租方在承租方没有违反本合同的情况下提前解除合同或租给他人，视为出租方违约，负责赔偿违约金_________元。
2、若承租方在出租方没有违反本合同的情况下提前解除合同，视为承租方违约，承租方负责赔偿违约金_________元。
第六条 续租
1、出租方若要求在租赁期满后停止租赁该处商铺的，应当在租赁期满前_________日书面通知承租方，如出租方同意续租的，双方应当重新订立租赁合同。
2、租赁期满承租方如无违约行为的，则享有同等条件下对商铺的优先租赁权。
第七条 合同终止
1、本合同期限届满，双方不再续签合同的；
2、双方通过书面协议解除本合同；
3、因不可抗力致使合同目的不能实现的；
4、在委托期限届满之前，当事人一方明确表示或以自己的行为表明不履行合同主要义务的；
5、当事人一方迟延履行合同主要义务，经催告后在合理期限内仍未履行；
6、当事人有其他违约或违法行为致使合同目的不能实现的；
第八条 免责条件
若租赁房屋因不可抗力的自然灾害导致损毁或造成承租人损失的，双方互不承担责任。租赁期间，若承租方因不可抗力的自然灾害导致不能使用租赁房屋，承租方需立即书面通知出租方。
第九条 争议处理方式
1、本合同受中华人民共和国法律管辖并按其进行解释。
2、本合同在履行过程中发生的争议，由双方当事人协商解决，也可由有关部门调解；协商或调解不成的，依法向人民法院起诉。
第十条 解释
本合同的理解与解释应依据合同目的和文本原义进行，本合同的标题仅是为了阅读方便而设，不应影响本合同的解释。
第十一条 补充与附件
本合同未尽事宜，依照有关法律、法规执行，法律、法规未作规定的，双方可以达成书面补充合同。本合同的附件和补充合同均为本合同不可分割的组成部分，与本合同具有同等的法律效力。
第十二条 合同效力
本合同自双方签字之日起生效，本合同正本一式_________份，双方各执_________份，具有同等法律效力。
出租方（签字）：_________ 承租方（签字）：_________
联系电话：_________ 联系电话：_________
_________年____月____日 _________年____月____日
参考资料
</textarea>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>练习</title>
</head>
<body>
<form action="http://www.baidu.com" method="get">
<table border="1px" cellpadding="0px" cellspacing="0px">
<tr>
<td>用户名</td>
<td><input type="text" name="txtName" /></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="txtPwd" /></td>
</tr>
<tr>
<td>验证码:</td>
<td><input type="text" name="txtJudge" style="width: 86px" /><img src="images/a.jpg" style="height: 23px; width: 45px; margin-top: 5px" /></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" name="txtRem" />记住密码</td>
</tr>
<tr>
<td></td>
<td><input type="submit" /><input type="reset" /></td>
</tr>
</table>
</form>
</body>
</html>
扫一扫
461
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
