HTML常用标签之图片
src：表示图片的URL地址。alt：表示图片的替代文本，在无法显示图片时将会显示该文本。title：表示鼠标悬停时的提示信息。width：表示图片的宽度。height：表示图片的高度。
<body> <header> <h1>My Website</h1> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <article> <header> <h2>Article Title</h2> <p>By John Doe</p> </header> <img src="path/to/image.jpg" alt="Image Description" title="Image Title" width="500" height="300"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p> <footer> <small>Published on January 1, 2022</small> </footer> </article> </main> <footer> <p>© 2022 My Website. All rights reserved.</p> </footer> </body>
在这个例子中，使用
- 图片应该尽量压缩和优化，以减少加载时间和带宽消耗。
- 应该提供有意义的替代文本和提示信息，以便于搜索引擎和残障用户使用。
- 在使用
结论
图片是网页中最重要的元素之一，在HTML中，我们使用
