二十六.使用a标签--链接到另一个页面
使用a标签来实现超链接。
1.语法:<a href="目标网址" title="鼠标滑过提示的文本">
连接处显示的文本
</a>
2.title:鼠标滑过连接时显示的文字,方便搜索引擎了解链接地址的内容。
3.默认颜色:a标签中,链接显示的文本颜色为蓝色,点击过后为紫色。
二十七.在新建浏览器中打开链接
a标签默认在当前浏览器中打开,有时需要在新的浏览器中打开。
语法::<a href="目标网址" target="_blank">
连接处显示的文本
</a>
二十八.使用mailto在网页中链接Email地址
使用a标签还可以实现Email地址。
1.目标:向网站管理者发送邮件。
2.多个参数:如果mailto后面有多个参数的话,第一个参数必须以?开头,后面的参数每一个都以&分隔.
3.结果:点击链接会打开电子邮件应用,并自动填写收件人等设置好的信息。
4.语法:<a href="mailto:电子邮件地址"?cc=抄送邮箱&bcc=密件抄送&subject=主题内容&body=邮件内容">链接显示的文本</a>
二十九.使用表单交互
使用html表单(form)与用户交互,表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。
1.语法:<form method=传送方式" action="服务器文件">...</form>
2.讲解:
⑴form:双标签
⑵method:数据传送方式(get/post)
⑶action:浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)
3.注意:.
⑴所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间
⑾method:post/get的区别属于后端程序员考虑的问题。
三十.文本输入框和密码输入框
当用户要在表单输入字母、数字等内容时,就会用到文本输入框,也可以转化为密码输入框
1.语法:<form>
<input ytpe="text/password" name="名称" value="文本" />
</form>
2.讲解:,.
⑴type:等type="text"时。输入框为文本输入框,当 type="password"时,输入框为密码输入框
⑵name:为文本框命名,已被后台程序ASP、 PHP使用
⑶value:为文本输入框设置默认值(起提示作用)
3.注意:
⑴一个input为一行内容,为单标签,且输入框前的文字是写在input标签前的
举例:<form>
姓名:<input type="text" name="myName"/><br />
密码:<input type="password" name="pass"/>
</form>
⑵如果要文本输入框不在同一行,用br即可换行
三十一.文本域
当用户需要在表单中输入大段文字时,就要用到文文输入域
1.语法:<textarea rows="行数" cols="列数">文本<textarea>
2.讲解:
⑴textarea:双标签
⑵cols:多行输入域内的列数
⑶rows:多列输入域内的行数
⑷在<textarea>和</textarea>标签中可以输入默认值(文本域中显示的提示文字)
⑸cols和rows可以width和height来代替。cols用width,rows用height