首页 > 代码库 > Html2

Html2

HTML <em> <strong> <dfn> <code> <samp> <kbd><var> <cite> 标签 http://www.w3school.com.cn/tags/tag_phrase_elements.asp

1.<p></p> 一行行

例子<p>今朝有酒今朝醉,</p>

2.&nbsp 空格

<p>莫使金&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;樽空对月。</p>

3.从大到小

<h1>我是标题</h1>
<h2>我是标题</h2>
<h3>我是标题</h3>
<h4>我是标题</h4>
<h5>我是标题</h5>
<h6>我是标题</h6>
<h6>我是标题</h6>

4.图片

<img src="http://www.mamicode.com/1.jpg" width="200px" height="200px" border="1px" title="还行吧" alt="原来是美女呀"/>
<!--属性名="值"-->

 

5表单

一个<tr>元素包含一个或多个<th>或<td>元素。<td>标签定义HTML表格中的标准单元格

<form></form表单>

<table>

<tr>     列

<td></td>行 <td rowspan="2">张三</td> 占2列

<input />这是单元格

<input type="reset" value="http://www.mamicode.com/清空"/><br/>

<input type="submit" value="http://www.mamicode.com/提交到百度"/>

</tr>

</table>

<form action="http://www.baidu.com" method="get">
<table border="1px" cellpadding="0px" cellspacing="0px">
<tr>
<td>用户名</td>
<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="http://www.mamicode.com/images/1.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>

占三行 横

<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>

 

 

框架页面 简单三层框架 三列

<frameset rows="15%,*">
<frame src="http://www.mamicode.com/top.html" noresize="noresize"/>
<frameset cols="30%,*">
<frame src="http://www.mamicode.com/left.html" noresize="noresize"/>
<frame src="http://www.mamicode.com/right.html" name="Right" />
</frameset>
</frameset>

 

超链接

<a></a>

例子

<a href="http://www.mop.com" target="Right">猫扑</a>

<a href="http://www.baidu.com" target="_self">百度</a>自己

<a href="http://www.mamicode.com/4常用的标签.html#碗里来" name="来吧来吧">快到碗里去</a>

<a href="http://www.mamicode.com/#">我是连接么?</a>

<a name="底端" href="http://www.mamicode.com/#顶端">回到顶端</a>

 

整个背景颜色

<body bgcolor="green">
i‘m right;
</body>

 

<b></b>是用来编辑文本的,必须一起使用,用来是字体加粗Bold(加粗)的简写

<strong></strong> 也是加粗

</br> 换行

<hr/>:分割线

Bold(加粗)的简写

<font size="8" color="red">1</font>

<i>这是要显示在网页中的内容</i> 字体 斜体

呈现类似打字机或者等宽的文本效果<tt></tt>

<p>如果文本不是超链接,就不要<u>对其使用下划线</u>

 <sup>上标</sup>
<sub></sub >下标

3<sup>2</sup>+4<sup>2</sup>=5<sup>2</sup>
3<sub>2</sub>+4<sub>2</sub>=5<sub>2</sub>


32+42=52 32+42=52 这是要显示在网页中的内容



<pre> 标签的一个常见应用就是用来表示计算机的源代码。

<pre>
<code>
for(int i=0;i<100;i++)
{
Console.WriteLine("Hello World");
}
</code>
</pre>

 

<marquee></marquee>可以实现多种滚动效果,无需js控制。http://www.cnblogs.com/zzuIvy/p/marqueeTest_1.html

<marquee direction="right" behavior="slide"><img src="http://www.mamicode.com/1.jpg"/></marquee><br/>


Body中的属性

<body text="green" link="pink" alink="black" vlink="green" bgcolor="pink" background="1.jpg">
床前明月光,疑是地上霜。
<a href="http://www.mamicode.com/#">超链接</a>
<a href="http://www.mamicode.com/#">超链接</a>
<a href="http://www.mamicode.com/#">超链接</a>
<a href="http://www.mamicode.com/#">超链接</a>
</body>

 

DIV


<div style="background:red; height:50px; width:300px">我是一个Div,咿呀咿呀哟</div>
<span>我是一个span标签</span><b>我就在你屁股后面呢</b>

div占用的位置是一行,
span占用的是内容有多宽就占用多宽的空间距离

<div><span><span></div>

差别就在于div是块级元素,不会其他元素在同一行;span是内联元素~可以与其他元素位于同一行~

 

 

自定义标签 http://jingyan.baidu.com/article/ce09321b55c7662bff858fa0.html

 <dl> 标签定义了定义列表(definition list)

无序列表始于 <ul> 标签。每个列表项始于 <li>。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始

 

一个表单练习,如果想看具体===>复制粘贴==>到text,然后改后缀到html
  1 <html>
  2     <head>
  3         <title></title>
  4     </head>
  5     <body>
  6         <form action="http://www.baidu.com" method="get">
  7             用户名:<input type="text" name="txtName"/><br/>
  8             密码:<input type="password" name="txtPwd"/><br/>
  9             <input type="submit" value=http://www.mamicode.com/"提交到百度"/>
 10             <input type="reset" value=http://www.mamicode.com/"清空"/><br/>
 11             
 12             <fieldset>
 13             <legend>性别</legend>
 14             <input type="radio" name="sex" />男<br/>
 15             <input type="radio" name="sex"/>女<br/>
 16             </fieldset>
 17             <fieldset>
 18             <legend>婚姻状况</legend>
 19             <input type="radio" name="married"/>已婚<br/>
 20             <input type="radio" name="married" />未婚<br/>
 21             </fieldset>
 22             
 23             <select size="1">
 24                 <optgroup label="河北省">
 25                     <option>石家庄</option>
 26                     <option>沧州</option>
 27                     <option>保定</option>
 28                     <option>廊坊</option>
 29                 <optgroup>
 30                 
 31                 <optgroup label="河南省">
 32                     <option>郑州</option>
 33                     <option>驻马店</option>
 34                     <option>洛阳</option>
 35                     <option>新乡</option>
 36                 </optgroup>
 37                 <optgroup label="湖北省">
 38                     <option>武汉</option>
 39                     <option>黄冈</option>
 40                     <option>黄石</option>
 41                     <option>十堰</option>
 42                 </optgroup>
 43                 <optgroup label="湖南省">
 44                     <option>长沙</option>
 45                     <option>岳阳</option>
 46                     <option>衡阳</option>
 47                     <option>益阳</option>
 48                 </optgroup>
 49             </select>
 50             <br/>
 51             
 52             <input type="file"/><br/>
 53             
 54             <textarea cols="100" rows="30">
 55                 
 56 房屋租赁合同,是指房屋出租人和承租人双方签订的关于转让出租房屋的占有权和使用权的协议。其内容是出租人将房屋交给承租人使用,承租人定期向出租人支付约定的租金,并于约定期限届满或终止租约时将房屋完好地归还给出租人。
 57 
 58 房屋租赁合同按用途分为两大类,居住用和商用。
 59 
 60 签订居住用房屋租赁合同,以是否更适合居住为原则。
 61 
 62 签订商用用房屋租赁合同,则以是否更适合办公为原则。
 63 
 64 
 65 
 66 
 67 2
 68 
 69 注意事项
 70 
 71 
 72 编辑
 73 
 74 承租方
 75 
 76 1、查看出租人的房产证明和有效身份证明;
 77 
 78 2、审核出租人的《房屋租赁证》;
 79 
 80 3、签订租房合同时,应问清房租包含的内容,水、电、暖、煤气(天然气)和物业管理费由谁承担;
 81 
 82 4、要求出租人在房屋出租前结清水、电、暖、煤气(天然气)和其它费用;
 83 
 84 5、付款方式。
 85 
 86 出租方
 87 
 88 1、查看身份证明,外省市人员在本地居住是否有合法居住证明;
 89 
 90 2、承租人租房用途,并在合同中约定不得有违法行为。
 91 
 92 有下列情形之一的房屋不得出租:
 93 
 94 1、没有房屋所有权合法凭证;
 95 
 96 2、司法机关和行政机关依法裁定,决定查封或者其它形式限制房地产权利的。
 97 
 98 3、共有房屋未取得共有人意见的;
 99 
100 4、权属有争议的;
101 
102 5、属于违法建筑的;
103 
104 6、不符合安全标准的;
105 
106 7、已经抵押未经抵押人同意的;
107 
108 8、不符合公安、环保、卫生等主管部门有关规定的。
109 
110 房屋租赁合同
111 
112 出租人(甲方):_________________
113 
114 承租人(乙方):
115 
116 证件编号:_______________________
117 
118 联系地址:
119 
120 联系电话:_______________________
121 
122 房屋坐落:_____________________________________________________________________________________
123 
124 依据《中华人民共和国合同法》及有关法律、法规的规定,甲乙双方在平等、自愿的基础上,就房屋租赁的有关事宜达成协议如下:
125 
126 第一条租赁期限
127 
128 (一)房屋租赁期自_________年_________月_________日至_________年_________月_________日,共计_________年_________个月。甲方应于_________年_________月_________日前将房屋按约定条件交付给乙方。房经甲乙双方交验签字盖章并移交房门钥匙及后视为交付完成。
129 
130 (二)租赁期满或合同解除后,甲方有权收回房屋,乙方应按照原状返还房屋及其附属物品、设备设施。甲乙双方应对房屋和附属物品、设备设施及水电使用等情况进行验收,结清各自应当承担的费用。
131 
132 (三)乙方继续承租的,应提前日向甲方提出续租要求,协商一致后双方重新签订房屋租赁合同。
133 
134 第二条租金及押金
135 
136 (一)租金标准及支付方式:(每个月¥:________元/月 ),房屋押金 ( 个月,¥ 元)待合同期满或特殊情况导致的合同结束,乙方退租后返还。
137 
138 (二)支付方式:现金_____(□现金/□转账支票/□银行汇款),每月 日前支付。
139 
140 第三条房屋维护及维修
141 
142 (一)甲方应保证房屋的建筑结构和设备设施符合建筑、消防、治安、卫生等方面的安全条件,不得危及人身安全;承租人保证遵守国家、的法律法规规定以及房屋所在小区的物业管理规约。
143 
144 (二)租赁期内,甲乙双方应共同保障房屋及其附属物品、设备设施处于适用和安全的状态:
145 
146 1、对于房屋及其附属物品、设备设施因自然属性或合理使用而导致的损耗,乙方应及时通知甲方修复。甲方应在接到乙方通知后进行维修。
147 
148 
149 2、因乙方保管不当或不合理使用,致使房屋及其附属物品、设备设施发生损坏或故障的,乙方应负责维修或承担赔偿责任。
150 
151 第四条转租
152 
153 (一)除甲乙双方另有约定以外,乙方需事先征得甲方书面同意,方可转租给他人,并就受转租人的行为向甲方承担责任。
154 
155 第五条合同解除
156 
157 (一)经甲乙双方协商一致,可以解除本合同。
158 
159 (二)因不可抗力导致本合同无法继续履行的,本合同自行解除。
160 
161 第六条其他约定事项
162 
163 本合同经双方签字后生效,本合同一式 份,其中甲方执 份,乙方执 份。
164 
165 本合同生效后,双方对合同内容的变更或补充应采取书面形式,作为本合同的附件。附件与本合同具有同等的法律效力。
166 
167 第七条违约金和违约责任
168 
169 1、若出租方在承租方没有违反本合同的情况下提前解除合同或租给他人,视为出租方违约,负责赔偿违约金_________元。
170 
171 2、若承租方在出租方没有违反本合同的情况下提前解除合同,视为承租方违约,承租方负责赔偿违约金_________元。
172 
173 第八条补充协议:
174 
175 ________________________________________________________________________________
176 
177 出租人(甲方)签章:  承租人(乙方)签章:
178 
179 年 月 日[1]
180 
181 商铺出租合同书
182 
183 出租人(甲方):__________________ 承租人(乙方):__________________
184 
185 证件编号:_______________________ 证件编号:_______________________
186 
187 出租房房产证编号:_______________________ 承租房房产证编号:_______________________ 联系地址:_______________________ 联系地址:_______________________
188 
189 联系电话:_______________________ 联系电话:_______________________
190 
191 根据《中华人民共和国合同法》及相关法律规定,甲方双方经平等协商,就租赁事宜签订本合同。
192 
193 第一条 房屋坐落地址
194 
195 出租方出租的商铺坐落地址:_________路,建筑面积_________平方米。
196 
197 第二条 租赁期限
198 
199 租期_________年,自_________年_________月_________日起至_________年_________月_________日止。
200 
201 第三条 租金和押金
202 
203 1、每年租金为人民币_________元整(_________元),经双方平等协商,预交半年租金为人民币_________元整(_________元)。
204 
205 2、必须按照约定向出租方缴纳租金。不得无故拖欠租。
206 
207 第四条 各项费用的缴纳
208 
209 1、电费:由承租方自行缴纳电表底数为_________度,此度数以后的费用由承租方承担,合同期满后承租方不再负责缴纳。
210 
211 2、使用该房屋进行商业活动产生的其它各项费用均由承租方缴纳,其中包括承租方自已申请安装电话、宽带、有线电视等设备的费用。
212 
213 第五条 违约金和违约责任
214 
215 1、若出租方在承租方没有违反本合同的情况下提前解除合同或租给他人,视为出租方违约,负责赔偿违约金_________元。
216 
217 2、若承租方在出租方没有违反本合同的情况下提前解除合同,视为承租方违约,承租方负责赔偿违约金_________元。
218 
219 第六条 续租
220 
221 1、出租方若要求在租赁期满后停止租赁该处商铺的,应当在租赁期满前_________日书面通知承租方,如出租方同意续租的,双方应当重新订立租赁合同。
222 
223 2、租赁期满承租方如无违约行为的,则享有同等条件下对商铺的优先租赁权。
224 
225 第七条 合同终止
226 
227 1、本合同期限届满,双方不再续签合同的;
228 
229 2、双方通过书面协议解除本合同;
230 
231 3、因不可抗力致使合同目的不能实现的;
232 
233 4、在委托期限届满之前,当事人一方明确表示或以自己的行为表明不履行合同主要义务的;
234 
235 5、当事人一方迟延履行合同主要义务,经催告后在合理期限内仍未履行;
236 
237 6、当事人有其他违约或违法行为致使合同目的不能实现的;
238 
239 第八条 免责条件
240 
241 若租赁房屋因不可抗力的自然灾害导致损毁或造成承租人损失的,双方互不承担责任。租赁期间,若承租方因不可抗力的自然灾害导致不能使用租赁房屋,承租方需立即书面通知出租方。
242 
243 第九条 争议处理方式
244 
245 1、本合同受中华人民共和国法律管辖并按其进行解释。
246 
247 2、本合同在履行过程中发生的争议,由双方当事人协商解决,也可由有关部门调解;协商或调解不成的,依法向人民法院起诉。
248 
249 第十条 解释
250 
251 本合同的理解与解释应依据合同目的和文本原义进行,本合同的标题仅是为了阅读方便而设,不应影响本合同的解释。
252 
253 第十一条 补充与附件
254 
255 本合同未尽事宜,依照有关法律、法规执行,法律、法规未作规定的,双方可以达成书面补充合同。本合同的附件和补充合同均为本合同不可分割的组成部分,与本合同具有同等的法律效力。
256 
257 第十二条 合同效力
258 
259 本合同自双方签字之日起生效,本合同正本一式_________份,双方各执_________份,具有同等法律效力。
260 
261 出租方(签字):_________ 承租方(签字):_________
262 
263 联系电话:_________ 联系电话:_________
264 
265 _________年____月____日 _________年____月____日
266 
267 
268 
269 参考资料
270             </textarea>
271             
272             
273         </form>
274     </body>
275 </html>

 

 

Html2