码迷,mamicode.com
首页 > Web开发 > 详细

Html总结

时间:2016-01-03 23:56:11      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:

<html>

 

 <head>    Head信息

<title> 这是文件的标题,浏览器的标题栏能看到这句话</title>

         <link rel=”stylesheet” href=”mycss.css” type=”text/css”>

 </head>   Head结束

 

<body  bgcolor=”red”> 正文部分 bgcolor 设置背景颜色为红色 属性名=“值”

<b>粗体 bold </b>

<i>斜体 italic</i>

<del>中划线</del>

<ins>下划线</ins>

<sub>下标</sub>

<sup>上标</sup>

<blockquote>缩进表示引用</bolckquote>

<pre> 保留空格和换行</pre>

<code> 计算机代码</code>

<h1 align=”center”>  标题 h1-h6</h1> align居中显示

<p> 这是段落</p>

<br>是换行

<!—这是注释 –>

 

<a href=”www.hao123.com”  target=”_blank” title=” 鼠标悬挂时候的信息提示”> 这是一个超链接</a> target 属性:新窗口打开

<a href=”url”><img src=”/image/img.png”/></a> 这是一个图片超链接的用法

<ahref="mailto:info@sina.com?cc=webmaster@vip.sina.com&bcc=media@sina. com&subject=I%20like%20your%20site&body=真是个好站点!">写信给新浪</a>

 

<table border=”1” cellpadding=”30” cellspacing=”1” >  整个表格开始用table;每一行开始用tr;每一个单元格开始用td;边界为1 cellpadding属性代表的是单元格内容与边界之间的距离

       cellspacing 设置单元格之间的距离 bgcolor和background同样可以用这这里

<caption>表格标题</caption> c

<tr>行

<th colspan=”2”>表头</th> colspan下面有2列,rowspan是设置行

<td align=”left”><img src=””/></td>单元格 可以是字符,也可以是图像,align是对其方式

</tr>

 

<frameset clos=”25%”,”75%” noresize=”noresize”>设置框架 clos为列,比例25%,75%;noresize 不能通过手动来调整窗口

<frame src=”url”/>

<frame src=”url”/>

</frameset>

<iframe src=”url” ></iframe>

 

<ol type=”a”> 设置前面的符号以a开始

<li>ordered list 排序列表 每个列表项前标有数字</li>

</ol>

<ul type=”square”> 设置前面的符号为黑方块,circle为空心

<li>不排序列表 符号标记</li>

</ul>

<dl>

<li>定义列表</li>

</dl>

 

<form action=”url” method=”post”>

<input type=”text” name=”name1”>

<input type=”password” name=”pw”>

<input type=”checkbox” name=”namec” value=”A”>A<br>这三个是checkbox,name是一样的

<input type=”checkbox” name=”namec” value=”B” checked>B<br> checked 表面是默认选择的

<input type=”checkbox” name=”namec” value=”C”>C<br>radio 和checkbox是一样的

<select name=”fruit” multiple size=”1”> 下拉框 multiple代表的是多选 size是下拉大小

<option value=”apple”>苹果

<option value=”orange”>橘子

</select>

<textarea name=”textname” cols=”50” rows=”3”></textarea> 这是一个文本域

<input type=”submit” value=”提交”> 提交按钮

<input type=”image” src=”url” name=”imgsubmin”> 将图片作为提交

</form>

<font face=”arial” size=”10” color=”FF0000”>face 是字体 size是大小

 

</body> 正文结束

</html>表示 html文件

 

显示结果

说明

Entity Name

Entity Number

 

显示一个空格

&nbsp;

&#160;

小于

&lt;

&#60;

大于

&gt;

&#62;

&

&符号

&amp;

&#38;

"

双引号

&quot;

&#34;

显示结果

说明

Entity Name

Entity Number

©

版权

&copy;

&#169;

®

注册商标

&reg;

&#174;

×

乘号

&times;

&#215;

÷

除号

&divide;

&#247;

Html总结

标签:

原文地址:http://www.cnblogs.com/latewind/p/5097370.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!