黑马程序员-HTML基础

原创 2012年03月28日 16:35:49

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

 

 

 

 

 

 

相关文章推荐

黑马程序员---Java基础之HTML

------ android培训、java培训、期待与您交流! ---------- 一、html 1. html简述 超文本标记语言,即HTML(Hyp...
  • Doolmo
  • Doolmo
  • 2013年04月29日 10:10
  • 485

黑马程序员-html基础知识

------- Windows Phone 7手机开发、.Net培训、期待与您交流! -------     一、HTML页结构说明 所有内容都在标签之内;内放的是头部信息,是对页面的...

黑马程序员--HTML基础标签

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ---------------------- -------------------...
  • polk6
  • polk6
  • 2012年04月07日 15:01
  • 399

黑马程序员_html基础要点篇

---------------------- ASP.Net+Android+IOS开发、.Net培训、期待与您交流! ----------------------...

黑马程序员--html一些基础知识小结

---------------------- ASP.Net+Android+IOS开发、.Net培训、期待与您交流! ---------------------- 首先在html中我们应该清楚...

黑马程序员--HTML基础

---------------------- ASP.Net+Android+IO">http://edu.csdn.net"target="blank">ASP.Net+Android+IO开发S、...
  • zhoupxx
  • zhoupxx
  • 2013年09月16日 11:03
  • 528

黑马程序员——HTML基础

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ---------------------- HTML结构: 1.所有内容都在标...

黑马程序员-- HTML基础学习笔记

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

黑马程序员--HTML基础之Form表单

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ---------------------- 标签为表单标签,如果要把数据...
  • hehe04
  • hehe04
  • 2012年08月25日 17:11
  • 1486

黑马程序员—HTML基础(css+标签)

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ----------------------   基础知识点:    ---...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:黑马程序员-HTML基础
举报原因:
原因补充:

(最多只允许输入30个字)