21 Link to External Pages with Anchor Elements
链接到具有锚点元素的外部页面
a 元素(也称为锚点元素)用于链接到当前页面之外的内容。
这里有一个例子:
Here's a
link to Free Code Camp for you to follow.
。
22 Nest an Anchor Element within a Paragraph
click here for
.cn">cat photos
23 Make Dead Links using the Hash Symbol
使用hash(哈希)符号使其变为一个固定链接
有时你想为你的网站添加一个 a 元素,但此时你还不知道要将它们链接到哪儿,此时可以使用固定链接。
24 Turn an Image into a Link
将图像转换为链接
创建链接到事物的图像是 Web Dev 中最常见的任务之一。将您的图像嵌入到a元素中。这里有一个例子:
。
25 Add Alt Text to an Image for Accessibility
向图片添加Alt文本以进行辅助功能
alt 属性(也称为替代文本)是浏览器如果无法加载图像时将显示的。对于盲人或视觉受损的用户来说,alt属性对于了解图像的描述也很重要。搜索引擎也可以查看alt属性。
简而言之,每个图像都应该有一个 alt 属性!
您可以在 img 元素中添加 alt 属性,如下所示:
。
26 Create a Bulleted Unordered List
创建一个项目符号的无序列表
HTML具有用于创建无序列表或项目符号样式列表的特殊元素。
无序列表从
元素开始。然后他们包含一些- 元素。
例如:
- milk
- cheese
将创建一个“牛奶”和“奶酪”的子弹点样式列表。
27 Create an Ordered List
创建有序列表
HTML具有用于创建有序列表或编号样式列表的特殊元素。
有序列表以
元素开头。然后他们包含一些- 元素。
例如:
- 氢
- 氦
将创建一个“氢”和“氦”的编号列表。
28 Create a Text Field
创建文本字段
文本输入是从用户获取输入的一种方便的方法。
你可以这样创建一个:
。
请注意,输入元素是自动关闭的。
29 Add Placeholder Text to a Text Field
将占位符文本添加到文本字段
您的占位符文本是用户输入任何内容之前在文本输入中显示的内容。
您可以创建如下所示的占位符文本:
。
30 Create a Form Element
创建一个表单元素
您可以构建实际使用纯HTML提交数据到服务器的Web表单。
您可以通过在form元素上指定一个操作来执行此操作。
例如:
。
作者:Rafael Rodriguez
译者:郭晓伟