Html学习
一直没把它当回事,决定恶补一下.
html多裁到多余的空格,几个空格在一起只当一个
一:元素用小写
1.<hr> 水平线
2.<p></p>段落
3.<h1></h1>字体大小可到<h6></h6> 1最大
4.<sup></sup>浮于半行上
This text contains subscript
5.<sub></sub>沉于半行下
This text contains superscript
6.<pre></pre>预格式化文本
<pre>
This is
preformatted text.
It preserves both spaces
and line breaks.
</pre>行尾不需加<br>也会按此格式显示
7.<bdo dir="rtl"> </bdo> 将文字按字母为单位倒显示
示例:
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
结果: Here is some Hebrew text
二:属性小写
bgcolor背景色
三:HTML实体
1。字符实体(部份字符含有特殊含议不能显示)
字符实体包括三个部份: and符号&,一个实体名,一个分号结尾 ;
< 可用< 或 < 表示。
四:链接
<a> 锚标签 href属性 name 属性
<a href="" target="_blank"></a> target表示打开新窗体的位置 ,"_blank"表示在新窗体中打开
链接到本页面某些文字
<a name="comethere">if you click ,you'll come here</a>
<a href="#comethere">Click And Go</a>
创建邮件链接<a href="mailto:loverchina2008@gmail.com?subject=Hello%20how%20are%20you">给我发邮件</a>
subject为主题,空格用%20表示
<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">Send mail!</a>
cc为抄送,bcc为密送,subject为主题,body为正文.
尽量在子目录路径后面加一个左斜杠。假如你像下面这样写:href="http://www.w3schools.com/html",将会产生向服务器产生两个HTTP请求,因为服务器会在后面追加一个左斜杠,产生一个新的请求,就像这样:href="http://www.w3schools.com/html/"。
五:HTML框架
<html>
<frameset rows="50%,50%"> //横着分
<frame noresize="noresize" src="frame_a.htm">
<frameset cols="25%,75%"> //竖着分
<frame noresize="noresize" src="frame_b.htm"> //noresize="noresize"表示大小可以调整
<frame noresize="noresize" src="frame_c.htm#abc"> //跳到指定章节 在frame_c.htm中用<a name="abc">ddddddd</a>指定
</frameset>
</html>
导航框架 <frame name=""> 在打开的页面语句指定target= frame的name,则指定在此frame中打开页面
内联框架 既将框架的定义放在<body></body>标签对中
<html>
<frameset cols="200,*">
<frame src="frame_linksection.htm">
<frame src="frame_section.htm" name="showframe">
</frameset>
</html> 在frame_linksection.htm中指定链接,将目标定为右边的frame
在frame_linksection.htm中的页面中<a href="*.html" target="showframe">goto</a>
表格
<table> <tr>行 <td>列 <th>表格头 colspan 跨列属性 cellpadding 表格内容和边框之间留出更多空白。
<bgcolor> 背景色 <background> 背景图片 align对齐属性
<ul>
<li>apples</li>
<li>bananas</li>
<li>pineapples</li>
</ul> 在apples等前用黑点标记 自动分行
列表
1.无序列表
<ul type=""> type="disc"用实心圆表示 type="circle"用空心圆表示 type="square"用实心正方形表示
<ul>
<li></li>
</ul>
2.有序列表,前面用符号标注
在<ol>标签内 type属性表示不同的符号 A 用大写字母表示从A开始到结束字符 ;a用小字;默认为数字
type="i"则用 i ii iii iv表示 ;type="I"则用 I II III IV表示
<ol>
<li></li>
</ol>
3.自定义列表 ,以<dl>开始,<dt>为标题,<dd>显示注释信息
<dl>
<dt>aaa</dt>
<dd>this is aaa</dd>
</dl>
表单:
1.<input type=""> text文本 ; password密码; button按钮; radio单选 ,放在同一个form里就自动成组; checkbox复选.
2.<input type="radio" name="" value="">
action属性定义了表单要提交到的页面
<form name="input" action="html_form_action.asp" method="get">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form> 点周按钮时会将文本框的值提交给html_form_action.asp页面
3.<select name =""> 下拉列表
<select value="aaa">fdfd
<select value="bbb" selected>dfdf 预选值
</select>
多行文本
<textarea rows="10" cols="30">
The cat was playing in the garden.
</textarea>
控件组
<fieldset>
<legend>
这里是组标题
</legend>
<form>
这里放要放在组里的控件
<input type="radio" name ="a" value="jorlin">
<input type="radio" name ="b" value="thinking_pro">
</form>
</fieldset>
从表单发送电子邮件
<html>
<body>
<form action="MAILTO:someone@w3schools.com" method="post" enctype="text/plain">
<h3>This form sends an e-mail to W3Schools.</h3>
Name:<br>
<input type="text" name="name" value="yourname" size="20">
<br>
Mail:<br>
<input type="text" name="mail" value="yourmail" size="20">
<br>
Comment:<br>
<input type="text" name="comment" value="yourcomment" size="40">
<br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>
</body>
</html> 效果如下: 图像
<img>属于空标签,意思是只有属性而没有结束标签。
src图片路径, alt鼠标移到图片上时显示的文本
<body background="背景图像路径">
<a href="">
<img src="" alt="" ismap>
</a> //在图像作为超级链接中,如果加了ismap属性,则鼠标在图像上移动时状态栏上会显示鼠标焦点坐标
图像地图
<img src="./images/planets.gif" width="145" height="126" usemap="#planetmap">
<map id="planetmap" name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercury.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
<body bgcolor="" text="yellow"> text定义文字顔色
<body>标签的bgcolor、background和text属性在最新的HTML标准(HTML4和XHTML)中已被废弃。W3C在他们的推荐中已删除这些属性。在HTML的未来版本中,层叠样式表(CSS)将被用来定义HTML元素的布局和显示属性。
一本书到些结束,对html有了大概的了解,希望今天看完一本Dhtml教程,看完后就可以开始javascript了。