HTML网页属性简述

文章介绍了HTML元素的关键属性,如href用于创建超链接,src指定图像路径,alt提供图像替代文本,style添加元素样式,lang声明页面语言,title定义元素的额外信息。建议使用相对URL和提供alt属性以确保网页可访问性。
摘要由CSDN通过智能技术生成

网页属性

  • 所有 HTML 元素都可以具有属性
  • 属性提供有关元素的其他信息
  • 属性始终在开始标记中指定
  • 属性通常以名称=值的形式出现,例如:name=“value”。

href 属性

标记定义超链接。该属性指定页面的网址 该链接转到:<a>href

<a href="https://www.baidu.com">访问百度</a>

src 属性

该标记用于嵌入 HTML 页面中的图像。属性指定要显示的图像的路径:<img src="">

<img src="img_girl.jpg">

有两种方法可以在属性中指定 URL:src

1. 绝对网址 - 指向托管的外部图像的链接 在另一个网站上。示例:src=“https://www.w3schools.com/images/img_girl.jpg”。

注意:这会无法完全控制外部图像;当图像被网站管理者删除或改变,引用的图片也会出现问题。

另外,未经许可使用他人网站内容是盗窃行为。

2. 相对网址 - 指向托管在其中的图像的链接 网站。在这里,URL 不包括域名。如果网址开始 如果没有斜杠,它将相对于当前页面。示例:src=“img_girl.jpg”。 如果 URL 以斜杠开头,则它将相对于域。示例:src=“/images/img_girl.jpg”。

注意:最好使用相对 URL。及时更改域名也能使用。

alt 属性

标记的必需属性,指定图像的替换文本(如果由于某种原因无法显示图像)。<img src alt >

<img src="smile.jpg" alt="微笑图片" >

样式属性

该属性用于将样式添加到元素,例如颜色、字体、大小等。style

<p style="color:red;">这是个红色的段落hhh.</p>

lang属性

该属性应始终包含在标记内,声明网页的语言。lang <html>

下面的示例指定英语作为语言:

<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>

 国家/地区代码也可以添加到属性中的语言代码中

英语-美国,给搜索引擎和浏览器指明了语言和国家/地区。

<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>

标题属性

该属性定义了一些额外的有关元素。title

标题属性的值将显示为工具提示,当将鼠标悬停在元素上时会显示其内容:

<p title="我是工具标签">段落.</p>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML(HyperText Markup Language)是一种用于创建网页的标记语言。HTML文件由标签、属性和内容组成,其中标签用于定义网页中的元素,属性用于定义元素的特性,内容则是元素所包含的数据。 HTML文件的结构通常包括以下内容: - `<!DOCTYPE html>`:定义文档类型,表示该文件是HTML5文档。 - `<html>`:定义HTML文档的根元素。 - `<head>`:定义文档头部,包含了一些元数据,如文档的标题、字符集、样式表等。 - `<body>`:定义文档主体,包含了网页的主要内容。 - `<footer>`:定义文档底部,通常包含了版权信息、联系方式等。 HTML标签是一对尖括号中的文本,如`<p>`表示段落元素,`<a>`表示链接元素。标签可以包含属性属性用于为标签定义额外的信息,如`<a href="https://www.baidu.com">`表示一个跳转到百度网站的链接。一个标签可以包含其他标签和文本内容,如`<p><a href="https://www.baidu.com">百度</a>是一个搜索引擎。</p>`表示一个包含链接的段落元素。 HTML中常见的标签包括: - `<html>`:定义HTML文档的根元素。 - `<head>`:定义文档头部。 - `<title>`:定义文档的标题。 - `<body>`:定义文档主体。 - `<h1>`-`<h6>`:定义标题元素。 - `<p>`:定义段落元素。 - `<a>`:定义链接元素。 - `<img>`:定义图像元素。 - `<ul>`-`<ol>`:定义列表元素。 - `<table>`:定义表格元素。 HTML中常见的属性包括: - `class`:定义元素的类名。 - `id`:定义元素的唯一标识符。 - `style`:定义元素的样式。 - `href`:定义链接的目标URL。 - `src`:定义图像的URL。 - `alt`:定义图像的替代文本。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值