HTML初学的那些事（二）

原创

逆流小鱼 2013-01-05 17:52:13 ©著作权

©著作权归作者所有：来自51CTO博客作者逆流小鱼的原创作品，请联系作者获取转载授权，否则将追究法律责任

HTML初学的那些事（二）

第一篇只是写道了HTML的列表，其他的知识在接下来的文章中进行记录！！！

允许用户在表单内添加信息。

文本框：<input type="text"/>

单选框：<input type="radio" name="sex" value="male" /> Male <br />

<input type="radio" name="sex" value="female" /> Female

复选框：<input type="checkbox" name="bike" />I have a bike <br />

<input type="checkbox" name="car" /> I have a car

type值相同但是name不会相同

表单的动作属性：action

提交按钮：<input type="submit" value="Submit" />

下拉列表：<select><option value="">下拉内容</option></select>每一个的option中的 value的值是相同的。

如果想设置预选值则只要在option中加上select="selected"即可。

多行文本域：<textarea rows="10" cols="30"></textarea>

按钮：<input type="button" value="按钮"/>

提交和重置：<input type="submit" value="发送">

如何在数据周围绘制一个带标题的框：<filedest><legend>标题内容的</legend></fieldest>

2.HTML的图像

图像标签<img src="url">。url指的是储存图片的地址

引入同级目录的图片：src="../p_w_picpath/mg.jpg"

alt属性的作用：是一个必不可少的属性，当图片无法正常显示的时候会显示alt的value的值。造成图片无法显示的情况：1，网速太慢图片加载不进来 2，src属性中的错误 3，浏览器禁用图片

如何把图片作为连接？其实很简单就是<a></a>中使用的是<img>标签就好了

HTML的背景不用bgcolor和background进行设置，而使用css进行设计。

3,HTML的框架（分帧）

通过使用框架可以在同一浏览器窗口中显示不止一个页面，每个页面都独立于其他页面。

框架结构标签<frameset>定义了如何将窗口分割成框架

例子：<frameset cols="25%,50%,25%"></frameset>分成左右中三部分
<frameset rows="25%,50%,25%"></frameset>分成上中下三部分

例子：<frameset cols="25%,50%,25%">

</frameset>

<frame>的noresize="noresize"实现的功能是在框架用边框的时候使得用户不能通过拖拉边框改变大小。

4，HTML的样式

使用样式的三种方法：外部样式，内部样式，内联样式。

外部样式：

例子：<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

其中rel="styleheet"表示的是关联到的是一个样式表文档，一般不需要改动
内部样式：<head> <style type="text/css"> body {background-color: red}

p {margin-left: 2 0px} </style> </head>

内部样式是：当某页面的元素需要特殊的样式的时候
内联样式：

<p style="color: red; margin-left: 20px"> This is a paragraph </p>

当某个特殊的元素需要特顺的样式的时候使用内联样式直接在标签内使用style属性