属性

Frontend SELF ZH
第 1 级 , 课程 5
可用

1. 属性

开始标签可以包含 特殊的服务信息—— 属性。结束标签 不能包含属性。 属性的通用格式如下:


<tag name1="value1" name2="value2">  

带属性标签的例子——链接:

HTML
      
<a href="http://codegym.cc/about" target="_blank">
    指向一些有趣内容的链接
</a>
      
    

每个属性以键值对形式设置,。 属性的数量可以不受限制

细心的程序员可能马上会问:如果属性的值需要包含“<”,“>”或者引号这样的字符该怎么办?

在HTML文档中不能直接使用这些字符。我们需要使用特定的写法:

符号名称 符号 HTML写法
双引号 " &quot;
和号 & &amp;
小于号 < &lt;
大于号 > &gt;
空格 &nbsp;
单引号 ' &#39;

这种替换称为字符转义。后面我们会详细聊这个话题。

2. 图片

标签 <img> 用于在网页中插入图片。这是一个自闭合标签, 它没有结束标签。重要的属性有:

  • src——指定图片的路径。
  • alt——描述图片,这对于搜索引擎或者图片加载失败的情况比较有用。

例子:

HTML
      
<img src="image.jpg" alt="图片描述">
      
    

3. 链接

<a>标签用于创建超链接。这个标签的主要属性是:

  • href——指定链接指向的页面或资源的URL(地址)。
  • target——定义链接打开的位置 (比如_blank在新标签页打开)。
HTML
      
<a href="https://www.example.com">访问Example.com</a>
      
    
评论
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION