Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 未能使用<;图片>;及<;来源>;元素来切换图片_Html - Fatal编程技术网

Html 未能使用<;图片>;及<;来源>;元素来切换图片

Html 未能使用<;图片>;及<;来源>;元素来切换图片,html,Html,在这里尝试学习一些基本的HTML 我编写了一个简单的HTML文件,它可以根据不同的屏幕宽度切换图片,这与本文中的示例几乎相同,但不起作用,出了什么问题 代码如下: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <style> body { max-width: 1200px; margin: 0 au

在这里尝试学习一些基本的HTML

我编写了一个简单的HTML文件,它可以根据不同的屏幕宽度切换图片,这与本文中的示例几乎相同,但不起作用,出了什么问题

代码如下:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <style>
    body {
        max-width: 1200px;
        margin: 0 auto;
    }
    </style>
</head>
<body>
    <h1>Lorem ipsum</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur libero nibh, convallis nec mattis in, varius sed turpis. Fusce dapibus purus sapien, ut maximus tortor dictum a. Praesent venenatis pharetra placerat. Cras eu aliquam augue. Nullam id luctus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce faucibus lectus sed magna euismod tempor. Aliquam sed consequat sapien, in finibus lorem. Suspendisse cursus ultrices dolor id dictum. Proin cursus nisi scelerisque, molestie lacus vel, imperdiet odio. Curabitur at augue gravida metus consequat congue. Quisque sed orci accumsan erat iaculis feugiat. Sed ornare mi id est fringilla sodales. Quisque enim leo, ornare vitae sapien eu, blandit dignissim sapien. Maecenas venenatis pretium vestibulum. </p>
    <picture>
        <source media="(max-width: 799px)" srcset="Vanessa Vailatti Portrait.png">
        <source media="(min-width: 800px)" srcset="Vanessa Vailatti.png">
        <img src="Vanessa Vailatti.png" alt="Vanessa Vailatti standing by the lake">
    </picture>
</body>
</html>

身体{
最大宽度:1200px;
保证金:0自动;
}
乱数假文
Lorem ipsum dolor sit amet,是一位杰出的献身者。库拉比图自由女神尼布,康瓦利斯nec马蒂斯,各种各样的turpis。这是一种智慧的动物。普雷森特威尼斯大鼠。克拉斯·欧·阿奎姆·奥古斯。我是luctus velit。虎口浮雕和肘部浮雕同侧前庭;福斯·福西布斯·莱克图斯是一位伟大的临时领袖。在菲尼伯斯·洛雷姆(finibus lorem)的萨皮安(consequat sapien)。Suspendisse cursus ultrices dolor id dictum。这是一个很好的例子。8月怀孕时的女牧师。这是奥奇·埃拉特·亚库利斯·费吉亚特。这是我最喜欢的饮料。利奥,欧纳维塔智人,优雅的智人。前庭前静脉曲张


“Vanessa Vallatti.png”此形状不能为png。“vanessa Vallatti.png”应该是这样的。

图像名称不能用空格显示,或者名称需要用“-”或“u”或“两个单词之间没有空格”保存。通过更改代码中的图像名称来检查。它对我有用。

谢谢,它有用。实际上,可以显示以空格分隔的名称的图像,但它们不会切换。