我陷入了一个看似相当简单的问题:
我想样式的一个PNG和iframe帽子我已经添加到我的网站,由id标签标记。 但他们似乎并不在乎。 两者均未受影响。
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<style>
#test{
font-weight: bold;
}
#image1 {
max-width: 80%;
}
#mb-map {
width = 600px;
height = 500px;
}
</style>
</head>
<body>
<p id = "test">test</p>
<div id = "image1">
<img src = "link to image">
</img>
</div>
<iframe id = "mb-map"
src='link to map supposed to be embedded' />
</body>
</html>
但是,带有id=“test”的文本正确地样式为粗体。
>
tagimg
只打开了标记。 另外,您缺少img
标记的alt
属性。
这不正确:#MB-MAP{width=600px;height=500px;}
这正确:#MB-MAP{width:600px;height:500px;}
为iframe
添加封闭标记,如下所示
此外,您还缺少head
中的title
标记。
正确代码
<!DOCTYPE html>
<html>
<head>
<style>
#test {
font-weight: bold;
}
#image1 {
max-width: 80%;
}
#mb-map {
width: 600px;
height: 500px;
}
</style>
<title></title>
</head>
<body>
<p id="test">test</p>
<div id="image1">
<img src="link to image" alt="">
</div>
<iframe id="mb-map" src="link to map supposed to be embedded"></iframe>
</body>
</html>
您的#image1
不是实际的img
,而是围绕div
。
在CSS中,尝试#image1 img{max-width:80%;}
对于iframe
,CSS使用等号而不是冒号。 使用此选项:
#mb-map {
width: 600px;
height: 500px;
}