html练习

来源：互联网发布：微信网络设置在哪里编辑：程序博客网时间：2024/05/16 15:30

使用notepad++在http://www.dreamdu.com/xhtml/教程的指导下进行了一些列的练习，基本掌握了作者所教授的html教程，但是其中仍有一些细节没有明白。

1.根据作者的描述其实XHTML和HTML的差别特别小，其中HTML对大小写不敏感，而XHTML对大小写敏感，但是如何对到底使用的是HTML还是XHTML语言进行区别；自己练习的时候使用的是HTML还是XHTML?

2.<br/>是换行标签，但是其实<br>也可以使用，还有就是前后标识的标签，其实只标明前面的标签，而无后面的标签也可以正常显示，是不是说明其实可以没有后面的标签？为什么？

3.标准网页设计DOCTYPE的声明，决定了浏览器用什么模式来加载网页，也决定了自己书写代码的格式？

4.对于表格在网页中的位置的控制问题？

5.common属性？

详见：http://www.dreamdu.com/xhtml/attribute_collections/#common

6.链接到指定位置，网站，图片；列表；form；表格特别重要；

<!--这些都是HTML的基础呀，要好好学。--><!DOCTYPE html PUBLIC><html><head><title>hello world</title></head><body><p><a href="http://www.baidu.com/">baidu</a><br/><a href="mailto:shishunlogic@163.com" subject="hello" body="i need  help" cc="shishunlogic@163.com" >给我写邮件</a><br><a href="http://www.google.com/" title='百度' alt="谷歌"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" /></a><br>列表<br><ul><li>www</li><li>dreamdu</li><li>com</li></ul><ol><li>www</li><li>dreamdu</li><li>com</li></ol><dl><dt>www</dt><dd>world wide web</dd><dt>dreamdu</dt><dt>com</dt></dl><ul><li>www.</li><li>dreamdu<dl><dt>dream</dt><dd>梦</dd><dt>du</dt><dd>我是dudu</dd></dl></li><li>.com</li></ul>导航列表<br><nl><label>梦之都</label><li href="#introduction">介绍</li><li><nl><label>网址(http://www.dreamdu.com/)</label> <li href="#http">http://</li> <li href="#www">www</li> <li href="#dreamdu">dreamdu</li> <li href="#com">com</li> </nl> </li> <li href="#html">html教程</li> <li href="#css">css教程</li></nl> <br>表格<br><table width="80%" border ="1" cellspacing='50' cellpadding='2'><tr><th>www.baidu.com</th><th>com的域名数量</th><th>cn域名的数量</th><th>net域名数量</th><th>总数</th></tr><tr><td>2003年</td><td rowspan="2">1000</td><td>2000</td><td>3000</td></tr><tr><td>2004年</td><td>5000</td><td>6000</td></tr><tr><td>2005年</td><td colspan="2">7000</td><td>9000</td></tr><br><form id ="zhuce" action="www.baidu.com" method="post">用户名:<input type="text" id="username" name="username" size="10" maxlength="25"/>密码:<input type="password" id="password" name="password" size="50" maxlength="25"/><br>网站建设服务:<br>注册域名 <input type="radio" value="注册域名" id="service1" name="service" />购买空间 <input type="radio" value="购买空间" id="service2" name="service" />购买云主机 <input type="radio" value="购买云主机" id="service3" name="service" />网站定位与策划 <input type="radio" value="网站定位与策划" id="service4" name="service" />网站建设与制作 <input type="radio" value="网站建设与制作" id="service5" name="service" />网站推广 <input type="radio" value="网站推广" id="service6" name="service" />网站运营 <input type="radio" value="网站运营" id="service7" name="service" />SEO服务 <input type="radio" value="SEO服务" id="service8" name="service" /><br>个人发展方向:<br>游戏人生 <input type="checkbox" value="游戏人生" id="direction1" name="direction1"/>美工设计  <input type="checkbox" value="美工设计" id="direction2" name="direction2" />编程开发 <input type="checkbox" value="编程开发" id="direction3" name="direction3" />运营与管理 <input type="checkbox" value="运营与管理" id="direction4" name="direction4" />创业 <input type="checkbox" value="创业" id="direction5" name="direction5" /><br>照片<br>个性照片上传：<input type="file" id="image" name="image" size="25" maxlength='255'/><br><input type="submit" id="submit" name='submit' value='submit'/><input type='reset' id='reset' name='reset' value='reset'/></form><br><form id="test" action='www.baidu.com' method='get'>计算机<input type='checkbox' value='1' id='favl' name='fav1'/>旅游<input type='checkbox' value='2' id='fav2' name='fav2' checked="checked"/>购物<input type='checkbox' value='3' id='fav3' name='fav3' disabled='disabled'/><br>单行输入域：无法输入的单行输入域：<input id ='noinput' name='noinput' type='text' value='hello world' readonly='readonly'/><br>多行输入域：无法输入的多行输入框<textarea cols="50" rows="10" id="textarea" name="textarea" readonly="readonly">梦之都</textarea></form><form id='help' action='baidu.com' method='post'><br>help:<textarea cols='5' rows='10'  name='help' readonly='readonly'>women,if you need help ,please</textarea></form><form id ='select' action='baidu.com' method ='post'><br>你对此次服务的评价：<select size='10' id='select' name='select' multiple='multiple'><option selected='selected'>非常满意</option><option>十分满意</option><option disabled='disabled'>满意</option></select></form><form action="dreamdu.php" method="post" id="dreamduform">选择一个你在梦之都最想学的<select id="WebDesign" name="WebDesign"><optgroup label="client"><option value="HTML">HTML</option><option value="CSS">CSS</option><option value="javascript">javascript</option></optgroup><optgroup label="server"><option value="PHP">PHP</option><option value="ASP">ASP</option><option value="JSP">JSP</option></optgroup><optgroup label="database"><option value="Access">Access</option><option value="MySQL">MySQL</option><option value="SQLServer">SQLServer</option></optgroup></select><br><fieldset><legend>label-for</legend><label for='username1'>用户名</label><input type='text' id='username1' value='admin' name='username' size='10' maxlength='25'/><label for='password1'>密码<input type='text' id='password1' name='password' size='15' maxlength='25'/> </label></fieldset></form></p><p><abbr title='Limited'>Ltd.</abbr><acronym title='Cascading Style Sheets' id='acronym'>CSS</acronym><cite cite="http://www.dreamdu.com/xhtml/">一步步的教我学会HTML与XHTML</cite><dfn>梦之都</dfn>强调一下,<em>不要</em>和我开玩笑!<address href="mailto:dreamdu@dreamdu.com">梦之都 webmaster</address><blockquote cite="http://www.dreamdu.com/xhtml/"><p>标准网页设计要区分内容与表现,学习标准网页设计.</p></blockquote><pre>  All   I   haveto          do   is   learn HTML                                 --梦之都</pre> <separator />women his<br><h1>FIRST</h1><h2>SECOND</h2></body></html>

大致效果图

baidu
给我写邮件

列表

www
dreamdu
com

www
dreamdu
com

www: world wide web
dreamdu
com

www.
dreamdu
dream
梦
du
我是dudu
.com

导航列表
梦之都

介绍

网址(http://www.dreamdu.com/)

http://

www

dreamdu

com

html教程

css教程
表格

用户名: 密码:
网站建设服务:
注册域名  购买空间  购买云主机  网站定位与策划  网站建设与制作  网站推广  网站运营  SEO服务
个人发展方向:
游戏人生  美工设计  编程开发  运营与管理  创业
照片
个性照片上传：

计算机  旅游  购物
单行输入域：无法输入的单行输入域：
多行输入域：无法输入的多行输入框
help:
你对此次服务的评价：  选择一个你在梦之都最想学的

label-for用户名密码

Ltd. CSS 一步步的教我学会HTML与XHTML 梦之都强调一下,不要和我开玩笑!

梦之都 webmaster

标准网页设计要区分内容与表现,学习标准网页设计.

  All   I   haveto          do   is   learn HTML                                 --梦之都

women his

FIRST

SECOND

www.baidu.comcom的域名数量cn域名的数量net域名数量总数2003年1000200030002004年500060002005年70009000

0 0