关闭

黑马程序员-HTML基础

162人阅读 评论(0) 收藏 举报

----------------------Windows Phone 7手机开发.Net培训、期待与您交流! ---------------------- 

 

Html基础

 

什么是浏览器:

注意:ie=浏览器,ie只是浏览器中的一种而已,还有像firefox.opera,chrome等等。

像什么360浏览器,遨游浏览器都是基于ie内核的,只不过是换了一个外壳而已,它们是用一个叫webbrowser控件来开发的浏览器。

所谓的trident引擎就是iewebbrowser控件。现在也有一些非ie内核的浏览器,它们用的是webkit引擎,像chrome,safari等。

 

样式表,css

什么事csscss(层叠样式表)是用来美化页面用的,可以对页面元素进行更加精细的设置,样式主要描述元素的字体颜色,背景颜色,边框等。Css主要有元素内联,页面嵌入和外部引用三种使用方式。

Css是描述元素的皮肤。

层(div),块(span

层:<div></div>将内容放到层中,就以将这些内容当成一个整体进行处理,比如整体隐藏,整体移动等等。Div非常的强大和常用,类似于winformpanel

Span:div是将内容放到一个矩形的区块中,会影响布局,而span只是把一段内容定义成一个整体进行操作,但不应该布局,显示。

 

样式选择器:

对于非元素内联的样式余姚定义样式选择器,通俗的说就是这个样式适合于哪个元素,三种:标签选择器,class选择器和id选择器。

标签+class选择器;

Class选择器也可以针对不同的标签,实现同样的样式名对于不同的标签有不同的样式,只要在样式名前加上标签名即可。

Input.accountno{text-align:right:color:Red}

Label.acountno{font-style:italic;}

//要在head中先声明。然后才能使用。

 

 

<input class=”accountno”type=”text” value=”1121212”/>

<label class=”accountno”>222222</label>//可以再body中使用了。

 

接下来就写个简单的用html知识来写个登录界面程序:

 

 

效果如下:

 

 

接下来就开始写html代码:

 

 

打开运行,好了,一个简单的用html代码做的一个登录程序就做好了!下面是完整的html代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title>登录</title>
 </head>
 <body>
    <table border="1">
    <tr><td><label for="username">用户名:</label></td><td><input id="username" type="text" /></td></tr>
    <tr><td><label for="password">密码:</label></td><td><input id="password" type="password" /></td></tr>
    <tr><td><label for="yzm">验证码:</label></td><td><input id="yzm" type="text" /><img src="1.jpg" /></td></tr>
    <tr><td colspan="2"><input type="checkbox"id="remember" /><label for="remember">记住密码</label></td></tr>
     <tr><td colspan="2"><input type="submit"value="登录" /></td></tr>
  </table>
 
 </body>
</html>

 

 

 

---------------------- Windows Phone 7手机开发.Net培训、期待与您交流! ---------------------- 详细请查看:http://net.itheima.com/ 

 

 

 

 

 

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2168次
    • 积分:80
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档