基础HTML(2)

1.

在上网时，总会遇到一些小广告，这些小广告大都是一些图片，有时不小心点进去，便跳转到广告界面上。如果在网页设计时也想有这种效果，可以通过把元素嵌套进 a 里使其变成一个链接。例如：

< a href ="#"><img src="https://cdn.freecodecamp.org/curriculum/photo-app/boy.jpg="A boy"></a>

如果把 a 的 href 属性值设置为 # ，创建的是一个死链接（不跳转到其他画面）。完成后，请你把鼠标光标悬停在你的图像上， 鼠标光标将变成点击光标。 于是图片就变成了链接。

2.

HTML中有一个特定元素用于创建无序列表，无序列表以 <ul> 开始，中间可以插入一个或多个 <li> ,以 </ul> 结束。

举个栗子：

<ul>

<li>man</li>

<li>woman</li>

</ul>

会创建一个要点列表，包括 man 和 woman 。

3.

有无序列表，那便会有有序列表。

有序列表以 <ol> 开始，中间和无序列表一样可以插入一个或多个 <li> ,以 </ol> 结束。

<ol>

<li>woman</li>

<li>man</li>

</ol>

这串代码会建立一个包含 woman 和 man 的列表。

4.

在使用浏览器搜索时，第一时间寻找的是什么，是搜索框。那如何在页面中创建一个文本输入框？可以这样做：

<input type="text">

要注意的是，input  输入框是没有结束标签的。

5.

我们可以只通过 HTML 来实现发送数据给服务器的表单， 只需要给  form  元素添加  action  属性即可。

<form action="form-data">
  <input>
</form>

现在我们有了表单，需要提交怎么办，那需要我们再创建一个提交按钮。

<button type="submit">this button submits the form</button>

点击按钮后，表单中的内容会被发送到 action 属性指定的位置上。