180608[Html学习第三天]

今天的一些随笔:

1.Html的路径形式有物理路径和逻辑路径

2.当鼠标放在图像上会显示文字的话用<a alt></a>标签

3.定义好命名锚后,链接中要指定这个命名锚,在其名前加上"#",使用name属性,要设置两方面:一是设定name的名称;二是设置一个href指向这个name。

4.表单数据传递的方法有两种,POST、GET



实践一:

内容:

1.插入图片,宽度120像素,高度90像素,设置一个超链接到www.baidu.com

2.给图片增加5像素的边框,设置一个圆形映射对象,文字位于图片顶端

3.给图片和一行文字设置超链接www.baidu.com,图片打开一个新页面,文本则在原页面打开链接页面

以下是代码:

<html>
<head>
<title>
</title>
</head>
<body>
<a href="www.baidu.com"><img src="4.jpg" hight="90px" width="120px" border="5px" align="top" usemap="#face">
<font>666</font>
<map name="face"><areashape"circle" href="www.baidu.com" coords="80,100,60">
</map>
</a>
<br/>
<a href="www.baidu.com" target="_blank">
<img src="0.jpg"></a><br/>
<a href="www.baidu.com target="_self">
<font>000</font></a>
</body>
</html>


实践二:

内容:

1.简单的调查表(1)

2.需要登录,包含用户名,密码,确认密码

3.性别用单选框实现

以下是代码:

<html>
<head>
<title>调查表</title>
</head>
<body>
<from action="show.php" method="post">
用户名   <input type="text"><br/><p/>
密码     <input type="password"><br/><p/>
确认密码 <input type="password"><br/><p/>
性别<input type="radio"name="性别">男<input type="radio" name="性别">女<br/><p/>
备注<input type="textarea" rows=60 cols=60>
</from>
</body>
</html>


实践三:

1.简单的调查表(2)

2.包含用户名,性别使用下拉列表实现

3.喜欢的城市,用多选框实现

4.理由用文本域实现

以下是代码:

<html>
<head>
<title>调查表</title>
</head>
<body>
<from action="show.asp" method="post">
用户名   <input type="text">
性别<select>
<option>男</option>
<option>女</option>
</select><br/><p/>
喜欢哪些城市<br/>
<input type="checkbox" name="城市1" value="北京">北京
<input type="checkbox" name="城市2" value="上海">上海
<input type="checkbox" name="城市3" value="杭州">杭州
<input type="checkbox" name="城市4" value="南京">南京
<input type="checkbox" name="城市5" value="西安">西安
<br/><p/>
备注
<textarea>
</textarea>
</from>
</body>
</html>


猜你喜欢

转载自blog.csdn.net/qiutyu/article/details/80623469