黑马程序员-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/ 

 

 

 

 

 

 

黑马程序员_HTML基础

a标签
  • u013168363
  • u013168363
  • 2013年12月29日 01:14
  • 462

黑马程序员—零基础到面试——全过程分享

文章来源:黑马程序员,黑马论坛
  • heima_271
  • heima_271
  • 2014年08月25日 23:38
  • 958

黑马程序员_我的Linux基础整理笔记

Linux Linux文件目录和分区 文件目录: /:根目录 /root:存放root用户的相关文件 /home:存放普通用户的相关文件 /bin:存放普通用户的可执行命令 /sbin:...
  • zhengzhongjie1990
  • zhengzhongjie1990
  • 2014年07月05日 17:08
  • 1680

黑马程序员——Java基础测试题

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! ------- 黑马程序员——Java基础测试题 第1题:以下代码哪个是正确的?为什么?   a. byte...
  • liu007004
  • liu007004
  • 2015年01月16日 12:49
  • 1433

黑马程序员--Java基础面试题整理

------- android培训、java培训、期待与您交流! Java面试题整理(自己学习过程中整理的重点题目,为面试做准备) 编程基础 1.(面试题): ...
  • wwj101004
  • wwj101004
  • 2014年10月31日 23:09
  • 819

黑马程序员——Java基础---练习题

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! ------- Java基础---练习题 1.写出程序结果class Demo { public stat...
  • liu007004
  • liu007004
  • 2015年01月19日 16:35
  • 704

黑马程序员--C基础--函数总结

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! ------- 1、函数的概念 (1)一般来说,C语言源程序是由函数组成的。C源程序往往由一个主函数main和若...
  • qq_24842063
  • qq_24842063
  • 2015年06月25日 09:46
  • 225

黑马程序员——C语言基础

text
  • DLonion
  • DLonion
  • 2014年05月30日 16:23
  • 405

传智 刘意 2015年Java基础视频-深入浅出精华版 笔记 day24~day26(2016年4月26日13:11:30)

day24 1.多线程(JDK5之后的Lock锁的概述和使用)   Lock:           void lock(): 获取锁。           void unlock():释放锁。 ...
  • juliantem
  • juliantem
  • 2016年04月15日 00:40
  • 5028

黑马程序员C/C++——2016势如破竹,2017乘风破浪!

一、回望2016,火力全开的C/C++学院接连创造辉煌! 0105C/C++就业班在毕业16日的时候,就业人数过半,最可怕的是薪资过万的同学比例逼近80%!北上广深平均薪资达到11365元! ...
  • itcast_cn
  • itcast_cn
  • 2017年01月19日 16:05
  • 1725
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:黑马程序员-HTML基础
举报原因:
原因补充:

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