HTML基础详解：常用标签与结构解析

html常用知识

需积分: 7 160 浏览量更新于2024-09-13 收藏 17KB TXT 举报

身份认证购VIP最低享 7 折!

30元优惠券

"本篇文章详细解析了HTML常用知识，主要针对网页开发中的关键元素和结构进行讲解。首先，我们关注到`<head>`部分，这是HTML文档的头部，包含元信息和脚本。这里有以下几个关键点： 1. `<meta>`标签用于定义文档的关键字（`<meta name="keywords" content="效力">`），搜索引擎优化时很重要，虽然提供的示例中没有实际内容。 2. `meta`标签的`http-equiv="refresh"`属性用于设置页面刷新，如`content="3;URL='http://www.baidu.com'"`，表示3秒后跳转到百度首页。 3. `<base>`标签用来指定文档中所有相对URL的基准，这里设置为`http://www.baidu.com`，所有链接都会以此为基础。 4. `base`标签的`target`属性解释了不同值的含义：`_blank`表示新窗口打开链接，`mainFrame`可能指的是一个框架内的链接，但代码中未给出具体作用。 5. `<script>`标签中定义了两个JavaScript函数`msover`和`msout`，可能是鼠标悬停和离开时改变类名的事件处理程序，用于美化列表项的样式。 6. 另一个`<script>`标签中定义了一个CSS规则，使用`list-style-image`属性设置无序列表项的项目符号为来自`images/lfv.gif`的图片。 7. `<title>`标签用于定义网页的标题，此处为空，实际开发中应填写有意义的页面标题。主体部分展示了`<a>`标签的用法，分别涉及`target`属性的不同取值，包括`_blank`、`_parent`（父框架）、`_self`（当前窗口）和`_top`（顶层框架或窗口）。同时，还包含了`<iframe>`元素，用于嵌入其他HTML文档或创建独立的视口，`frameborder="0"`设置了边框为0，`width="100%"`和`height="400"`定义了iframe的尺寸。这篇文章深入剖析了HTML的基础结构和常见元素在实际开发中的应用，对于学习者理解和构建网页具有很高的参考价值。通过理解这些代码，读者可以更好地控制网页布局、导航以及与用户的交互效果。"

资源详情

资源推荐

<head>
关键字搜索：<meta name="keywords" content="关键字" />
<meta name="description" content="文章描述内容" />
跳转 <meta http-equiv="refresh" content="3;URL='http://www.baidu.com'" />

<meta http-equiv="pragna" content="no-cache" />

1. <base href="http://www.baidu.com" />
2. <base target="_blank" />

3. <base target="mainFrame" />

12.<script type="text/javascript">
function msover(obj){
obj.className="tdh";
* cursor: pointer
}
function.msout(obj){
obj.className="tdd";
}
</script>
13.<script>
ul li{list-style-image:url(images/lfv.gif)}
</script>
<title></title>
</head>
<body>
1. 
target="_parent"
target="_self"本身窗口打开