白茶719 2023-11-07 20:26 采纳率: 100%
浏览 3
已结题

html代码解惑来个人解答一下

1.请问这串代码哪里写错了 为何我的图片效果不能居中
<img align="center" src="huashi.jpg" width="500px" alt="华师校园“>
2.以下这串代码我输入的华师官网网址 为何超链接无效?
"华中师范大学"

  • 写回答

2条回答 默认 最新

  • 专家-司宇[在线] 2023-11-07 20:36
    关注

    引自强大而免费的微信小程序:皆我工具箱

    这段代码有两个问题:

    1. 错误的引号对:在 alt 属性的值中,双引号没有闭合。正确的写法应该是:alt="华师校园"。

    2. align 属性已经被弃用:在 HTML5 中,align 属性已经被废弃,不推荐使用。相反,应该使用 CSS 来实现元素的对齐。可以通过以下两种方式实现图片居中:

      • 使用 CSS 属性和值:通过设置 margin 属性为 "0 auto" 来实现水平居中,如下所示:

        <img src="huashi.jpg" width="500px" alt="华师校园" style="display:block; margin: 0 auto;">
        
      • 使用 CSS 类名:在 CSS 样式表中定义一个类名,然后应用于图片标签,如下所示:

        <style>
          .center-img {
            display: block;
            margin: 0 auto;
          }
        </style>
        <img src="huashi.jpg" width="500px" alt="华师校园" class="center-img">
        

    注意:以上代码假设 huashi.jpg 图片位于当前目录下,并有正确的路径。如果图片无法显示,可能是图片路径不正确。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 11月15日
  • 已采纳回答 11月7日
  • 赞助了问题酬金15元 11月7日
  • 创建了问题 11月7日