专栏名称: freeCodeCamp
FreeCodeCamp.cn官方公众号
目录
相关文章推荐
微观三农  ·  红变蓝!新版新闻记者证,今起在全国统一启用 ·  19 小时前  
微观三农  ·  今日学习 · 塑造产业发展新优势 ·  昨天  
微观三农  ·  秸秆处理难度大?来看国外怎么做 ·  4 天前  
51好读  ›  专栏  ›  freeCodeCamp

课程导读|#003#前端开发 - HTML5和CSS(三)

freeCodeCamp  · 公众号  ·  · 2017-07-05 17:49

正文

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 属性,如下所示:

your alt text


26 Create a Bulleted Unordered List  

     创建一个项目符号的无序列表

HTML具有用于创建无序列表或项目符号样式列表的特殊元素。

无序列表从

将创建一个“牛奶”和“奶酪”的子弹点样式列表。


27 Create an Ordered List 

   创建有序列表

HTML具有用于创建有序列表或编号样式列表的特殊元素。

有序列表以

    元素开头。然后他们包含一些
  1. 元素。

    例如:

       

      

  2.  

      

  3.  

将创建一个“氢”和“氦”的编号列表。


28 Create a Text Field

      创建文本字段

文本输入是从用户获取输入的一种方便的方法。

你可以这样创建一个:

请注意,输入元素是自动关闭的。


29 Add Placeholder Text to a Text Field 

     将占位符文本添加到文本字段

您的占位符文本是用户输入任何内容之前在文本输入中显示的内容。

您可以创建如下所示的占位符文本:


30 Create a Form Element 

     创建一个表单元素

您可以构建实际使用纯HTML提交数据到服务器的Web表单。

您可以通过在form元素上指定一个操作来执行此操作。

例如:



作者:Rafael Rodriguez

译者:郭晓伟


点击“阅读原文”,参与FCC课程导读编写或翻译