慕课网【HTML+CSS】3.13学习内容

二十六.使用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