1. 属性
开始标签可以包含
特殊的服务信息
——
属性。结束标签
不能包含属性
。
属性的通用格式如下:
<tag name1="value1" name2="value2">
带属性标签的例子——链接:
HTML
<a href="http://codegym.cc/about" target="_blank">
指向一些有趣内容的链接
</a>
每个属性以键值对形式设置,键
和值
。
属性的数量可以不受限制。
细心的程序员可能马上会问:如果属性的值需要包含“<”,“>”或者引号这样的字符该怎么办?
在HTML文档中不能直接使用这些字符。我们需要使用特定的写法:
符号名称 | 符号 | HTML写法 |
---|---|---|
双引号 | " | " |
和号 | & | & |
小于号 | < | < |
大于号 | > | > |
空格 | | |
单引号 | ' | ' |
这种替换称为字符转义。后面我们会详细聊这个话题。
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>
GO TO FULL VERSION