黑马程序员-HTML基础

最新推荐文章于 2024-08-06 11:25:14 发布

lanruyi

最新推荐文章于 2024-08-06 11:25:14 发布

阅读量517

点赞数 1

文章标签： webbrowser 浏览器 windows phone html class winform

本文链接：https://blog.csdn.net/lanruyi/article/details/7403297

版权

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

Html基础

什么是浏览器：

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

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

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

样式表，css

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

Css是描述元素的皮肤。

层（div），块（span）

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

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

样式选择器：

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

标签+class选择器；

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

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

Label.acountno{font-style:italic;}

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

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