HTML基础

来源：互联网发布：黑客书籍知乎编辑：程序博客网时间：2024/04/28 00:46

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>HTML基础</title>

<!--

引入CSS样式

计量单位：px(像素)、30%（百分比）、em(相对单位)。width:20px.

background-color:Red背景颜色

color:文本颜色

border-style:solid：边框风格，实线

border-color:边框颜色

border-width:边框宽度（默认是0）

例如：sytle="border-color:Red;border-width:1px;border-style:dotted"

display:元素是否显示，none(不显示)、block（显示为块级元素）、inline（显示为内联元素，元素前后没有换行符）

cursor：鼠标在元素上时显示的光标图标，cursor(默认光标)、pointer（超链接上的手）、text(输入Bean)、wait(忙沙漏)、help(帮助)

还可以通过cursor:url(dinosau2.ani)使用ani、cur格式的自定义光标图片

LI不显示圆点:LIST-STYLE-TYPE:none

-->

</head>

>

<p>

a2     a2

<

<br />

>cc

</p>

<b>

</b>

.....

<br />

这里是无法显示的图片

<br />

<br />

href="http://www.baidu.com" target="_blank">百度<img

alt="无法显示图片"

src="red" /></a>

<br />

<br />

这里是有显示的图片

<br />

<ul>

无序列表

</ul>

有序列表

</li>

<br />

下面是Table

<br />

</table><br />

<input type="radio" name="gender"/>单选按钮组1<br />

<input type="radio" name="gender" />单选按钮组2<br />

<input type="radio" name="gender" checked="checked"/>单选按钮组3<br />

</select><br />

</select><br />

</optgroup>

</optgroup>

</optgroup>

</select>

默认内容

asdf

</textarea><br />

姓名：<input type="text" /><br />

婚否：<input type="checkbox" />

</fieldset>

<!--

div 层独站一行(相当于 winform 中的 panel)将内容放到一个矩形的块中，会影响布局、显示

span 不影响布局、显示

-->

c1<div> 你好，我好，大家好<input type="button" value="是不是？"/></div>c2

c3<span>你好！我好！大家好！<input type="button"value="是不是！" /></span>c4

c5<div> 你好，我好，大家好<input type="button" value="是不是？"/></div>c6

c7<br /><span>你好！我好！大家好！<input type="button"value="是不是！" /></span>c8

</form>

</body>

</html>