HTML-body标签

9:16 2019/2/26/周二

/////////////////////////////
///,head 里面的非meta标签 ://///
///////////////////////////

<link href="https://csdnimg.cn/public/favicon.ico" rel="SHORTCUT ICON">在head里面的这一句话,表示的是,图标。在Title旁边的图标


//shortcut icon和icon:

因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词(“shortcut”将被忽略,而仅适用“icon”);而Internet Explorer将会把它作为一个单独的名称(“shortcut icon”)。这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像(例如动画GIF)时,才有必要添加第二行。

/////////////////////////////
///,body 里面的标签 ://///
///////////////////////////

<h1>hellow,word!</h1>//块级标签,单独张一行,一般作为标题,有加黑的。
<h2>hellow,word!</h2>//这个里面的文字,是比<h1>标签更加小的一个标签。
<p>备用图像(例如动画GIF)时<br>,才有必要添加第二行。</p>//p标签同样是块级标签同样是独占一行,但是里面的东西更像一个整体其中<br>属于换行。

<p>:段落标签,包裹的内容被换行,并且上下也有一段空白
<b> <strong> :加粗标签。
<strick>:为文字加上一条中线。
<em>:文字变成斜体。
<br>文字换行。
<hr>水平线。


/////////
比如:
<em>文字变成斜体</em>
<hr>水平线<hr>
<b>加粗</b>
<strike>99.99</strike>
3<sub>2</sub>//表示3的平方的样式。
2<sub>3</sub>
/////////////////////
div标签盒子
/////////////////////
<div>   hellow</div>//并没有渲染的功能。就相当于画画中的一站纯白纸。可以通过其他东西对里面的文件进行渲染。

//块级标签和内联标签
:块级标签:单独占一行。
  内联标签:不单独占一行。
 
特殊字符&nbsp表示空格。
 
//<span> </span>这个是个内联标签,同样和div标签一样,都没有效果。
块级标签可以嵌套其他的标签。
但是内联标签只能嵌套内联标签。

//

/////////////////////
image标签
/////////////////////
<img src="timg.jpg" alt="动漫图片" title="动漫女" width="120" height="220" >
其中 alt表示如果图片加载不出来就会出现里面的文字,,title表示悬浮解释名称。

///////////////////////
a标签
/////////////////////
<a href="http://www.17k.com/" target="_blank"><img src="timg.jpg" alt="动漫图片" title="动漫女" width="120" height="220" ></a>

//点击图片跳转到其他页面刷新到新的页面。target="_blank"是由target来实现的。
///////////////////////
<ul>和<ol>和<dl>列表标签
/////////////////////

<ol >//表示有序列表
    <li>wo</li>
    <li>aa</li>
    <li>bb</li>
    <li>aa</li>
</ol>
<ul >//表示无序列表
    <li>wo</li>
    <li>aa</li>
    <li>bb</li>
    <li>aa</li>
</ul>
////
<dl > 
    <dt>第一章</dt>
    <dd>第一节</dd>
    <dd>第二节</dd>
    <dd>第三节</dd>
</dl>
显示结果:
第一章
    第一节
    第二节
    第三节 

 

<think>好的,我现在需要回答用户关于HTMLbody标签的作用和用途的问题。首先,我得回忆一下HTML的基础知识,确保自己理解正确。根据用户提供的引用内容,特别是引用[3]和引用[4],body标签HTML文档的主体部分,包含网页的所有可见内容,比如文本、图片、链接等。 首先,body标签的基本功能是包裹页面内容。所有用户看到的元素都应该放在body里面,比如段落、标题、图像等。这点在引用[3]的代码示例中可以看到,body里面包含了“您好”和换行符,还有另一个文本节点。这说明body是内容的容器。 然后,body标签的结构位置也很重要。根据HTML的标准结构,body标签位于head标签之后,与head标签并列。引用[3]的例子显示,整个HTML文档由html标签包裹,内部有head和body两部分,body在head之后。这说明body在文档结构中的位置是固定的,作为内容区域存在。 接下来,用户交互相关的元素,比如JavaScript脚本,通常也放在body里。引用[2]提到script标签可以放在body中,这样在页面加载时逐步执行,可能影响性能。但用户的问题主要关注body本身,所以可能不需要深入脚本位置,但可以提到body内的脚本处理用户交互。 另外,body标签还可以设置页面属性,比如背景颜色、边距等,虽然现在更推荐使用CSS来样式化。引用[4]中的link标签用于设置网站图标,虽然通常放在head里,但body里可能有其他资源链接。不过主要样式还是通过CSS控制,body本身的属性可能较少直接使用。 需要确保回答的结构清晰,分点说明功能,比如内容容器、结构位置、交互元素容器、属性设置(尽管过时)。同时要引用提供的资料,比如引用[3]说明body的内容,引用[4]可能涉及资源链接,但可能更相关的是引用[3]的结构示例。 可能还要注意用户提到的其他引用,比如引用[5]提到body标签在DW中显示的问题,但用户的问题是关于功能和用途,所以这部分可能不需要涉及,除非有影响功能的地方。比如body标签只能出现一次,而错误的第二个body标签可能不会被正确渲染,如引用[5]所述,但用户的问题可能更关注正确用法。 总结回答的结构应该是:首先定义body标签,然后分点说明其功能,包括内容容器、结构位置、交互支持、属性设置(过时方法),最后总结其重要性。引用相关的资料,特别是引用[3]的结构示例和内容说明。 现在检查是否有遗漏的部分,比如body标签中的事件属性(如onload),但用户提供的引用中没有提到,可能需要根据常识补充,但如果没有引用支持,可能不提及。根据现有的引用资料,主要围绕内容容器和结构位置来展开。 确保回答使用中文,行内公式正确(但这里可能不需要数学公式),独立公式无。语法正确,结构清晰,生成相关问题。</think>HTML中`<body>`标签是网页内容的核心容器,用于定义文档的主体部分,包含所有用户可见的元素和交互内容[^3]。其功能和用途可分为以下几个方面: --- ### 1. **内容容器** - **所有可见内容**:`<body>`标签内包含网页的文本、图像、链接、表格、表单等用户可直接感知的元素。例如: ```html <body> <h1>标题</h1> <p>段落文本</p> <img src="image.jpg" alt="示例图片"> </body> ``` 这些内容会被浏览器渲染并展示给用户。 - **多媒体资源**:支持嵌入音频、视频等标签(如`<video>`、`<audio>`)。 --- ### 2. **文档结构定位** - **与`<head>`并列**:HTML文档的标准结构为`<html>`标签包裹`<head>`和`<body>`,其中`<body>`必须位于`<head>`之后,例如: ```html <html> <head> <meta charset="utf-8"> <title>页面标题</title> </head> <body> <!-- 页面内容 --> </body> </html> ``` 这种结构确保了浏览器正确解析元数据和内容[^3]。 --- ### 3. **交互与脚本支持** - **JavaScript操作**:`<body>`标签内可直接嵌入`<script>`标签或通过DOM操作实现动态交互。例如: ```html <body> <button onclick="alert('点击事件')">按钮</button> <script>console.log('脚本执行');</script> </body> ``` 脚本通常放在`<body>`末尾以优化加载速度[^2]。 --- ### 4. **样式与属性设置(已过时方法)** - **传统属性**:早期HTML版本允许通过`<body>`属性设置背景颜色、边距等(如`bgcolor`、`marginwidth`),但现代开发中已由CSS替代: ```html <body style="background-color: lightgray; margin: 0;"> ``` --- ### 5. **页面生命周期事件** - **事件处理**:可通过`<body>`标签定义页面级事件,如`onload`(页面加载完成时触发): ```html <body onload="init()"> ``` --- ### 注意事项 - **唯一性**:一个HTML文档中只能有一个`<body>`标签,重复定义会导致渲染错误[^5]。 - **语义化**:应避免在`<body>`外放置内容,否则可能被浏览器自动修正或忽略。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值