首页 > 编程札记 > javascript

html的基本标签含义

阅读： 评论：0

2024年1月29日发(作者：)

html的基本标签含义

:表示html文件的起始和终止，标签在首行，标签在最后一行，两个要一起使用，网页中其他内容都要放在这两个标签之间。

:表示网页的头部标签，用来定义文件的头部信息，与标签一样，也是成对使用。

:表示出文件主体区，之间是网页的主题内容和其他用于控制文本显示方式的标签。

:网页标题，用于定义浏览器窗口标题栏上的文本信息，可以是网页的标题名或创作信息等网页说明信息。 </p><p style="text-indent: 2em;";><hr>:用于显示水平线，使页面看起来更整齐明了。 </p><p style="text-indent: 2em;";><pre>:将内容以原始格式显示。 </p><p style="text-indent: 2em;";><address>:标注联络人姓名、电话、地址等信息。 </p><p style="text-indent: 2em;";><blockquote>:区段引用标签。 </p><p style="text-indent: 2em;";><!—— ——>:注释标签，使用注释标签的目的是为网页代码中不同部分加上说明，方便日后的修改。注释的内容是不会在浏览器上显示出来的，如<——要注释的内容——>。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><p>:文本段落，可以用align属性设置left、center、right 3种对齐方式。 </p><p style="text-indent: 2em;";><br/>:强制换行，没有结束标签，在网页中产生换行效果。 </p><p style="text-indent: 2em;";><center>:使文字或其他网页元素居中显示。 </p><p style="text-indent: 2em;";><marquee>:文本或图片移动显示，属性direction用来指示移动方向。 </p><p style="text-indent: 2em;";><dl>、<dt>、<dd>:<dl></dl>标签创建无序列表，<dt></dt>定义上层项目，<dd>、</dd>定义下层项目，<dt>、</dt>和<dd></dd>标签一定要放在<dl></dl>标签中才能使用。 </p><p style="text-indent: 2em;";><ul>、<ol>、<li>:<ol></ol>标签创建有序列表，<ul></ul>标签创建无序列表，<li>、</li>定义下层项目，<li>、</li>标签一定要放在<ol></ol>或<ul></ul>标签中才能使用。 </p><p style="text-indent: 2em;";><dir>:目录式列表。 </p><p style="text-indent: 2em;";><menu>:菜单式列表。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><hi>:i=1,2,......,6,网页中文本标题，<h1></h1>显示最大的字号，<h6></h6>显示最小的字号。 </p><p style="text-indent: 2em;";><b>:粗字体。 </p><p style="text-indent: 2em;";><i>:斜字体。 </p><p style="text-indent: 2em;";><font>:改变字体设置，有face、size、color3个属性来控制，face设置字体，size设置字号，color设置颜色。 </p><p style="text-indent: 2em;";><big>:加大字号。 </p><p style="text-indent: 2em;";><small>:缩小字号。 </p><p style="text-indent: 2em;";><em>:斜体标签。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><a>:建立超链接，有href、target、name等重要属性，其中href属性为<a>标签必须具备的属性。 </p><p style="text-indent: 2em;";> href属性。设置目标页面的链接地址，可以是绝对地址也可以是相对地址，如果为“#”表示空链接。 </p><p style="text-indent: 2em;";> target属性。设置超链接的打开方式，共5种：_blank指在新窗口中打开，_parent指</p><p style="text-indent: 2em;";>在上一级窗口中打开，_self指在同一窗口打开，_top指在浏览器的整个窗口中打开，new指在新窗口中打开。 </p><p style="text-indent: 2em;";> name属性。创建一个命名锚记，使用命名锚记后，会让链接直接跳转到一个页面的某一部分。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><img>:图像标签，用于网页中插入图像。<img>标签拥有以下属性。 </p><p style="text-indent: 2em;";> src属性。该属性为<img>标签必须具备的属性，指存放图片的具体路径。 </p><p style="text-indent: 2em;";> width属性。图像的宽度。 </p><p style="text-indent: 2em;";> height属性。图像的高度。 </p><p style="text-indent: 2em;";> alt属性。图像的注释，也就是代替文字。 </p><p style="text-indent: 2em;";> align属性。图像的对齐属性，值baseline为基线对齐，值top为顶端对齐，值middle为居中，值bottom为底端对齐，值texttop为文本上方对齐，值absmiddle为绝对居中，值absbottom为绝对底端对齐，值left为左，值right为右。 </p><p style="text-indent: 2em;";> border属性。图像的边框的宽度，值大于或等于0，以像素（px）为单位。 </p><p style="text-indent: 2em;";> vspace属性。图像的垂直边距，图像与页面或文本之间的垂直边距。 </p><p style="text-indent: 2em;";> hspace属性。图像的水平边距。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><table>:定义表格区域。 </p><p style="text-indent: 2em;";><caption>:定义表格标题。 </p><p style="text-indent: 2em;";><th>:定义表格头部。 </p><p style="text-indent: 2em;";><tr>:定义表格行。 </p><p style="text-indent: 2em;";><td>:定义单元格。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><div>:区域标签（又称容器标签），用来作为多种HTML标签的组合的容器，对该区域块进行操作和设置，就可以完成对区域块中元素的操作和设置，Div能让网页代码具有很高的可扩展性。 </p><p style="text-indent: 2em;";><span>:文字图片等简短内容的容器，其意义有点类似Div，但是和Div不一样的是，span是文本级元素，默认不会占整行，可以在一行显示多个span。span常在段落、列表条目等项目中使用，该标签不能嵌套在其他的封闭级元素中。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>p{text-indent:2em;}表示首行缩进两字符。 </p><p style="text-indent: 2em;";>line-height表示行间距，p{line-height:2em;}表示行间距（行高）为两字符。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>letter-spacing表示字母与字母之间的间距，word-spacing表示英文单词之间的间距。 </p><p style="text-indent: 2em;";>text-align:center；表示居中对齐，text-align:left;表示居左对齐，text-align:right;表示居右对齐。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 </p><p style="text-indent: 2em;";>常用的块状元素有： </p><p style="text-indent: 2em;";><div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> </p><p style="text-indent: 2em;";>常用的内联元素有： </p><p style="text-indent: 2em;";><a>、<span>、</p><p style="text-indent: 2em;";>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> </p><p style="text-indent: 2em;";>常用的内联块状元素有： </p><p style="text-indent: 2em;";><img>、<input> </p><p style="text-indent: 2em;";>在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。将内联元素a转换为块状元素表示为a{display:block;} </p><p style="text-indent: 2em;";>块级元素特点： </p><p style="text-indent: 2em;";>1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） </p><p style="text-indent: 2em;";>2、元素的高度、宽度、行高以及顶和底边距都可设置。 </p><p style="text-indent: 2em;";>3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 </p><p style="text-indent: 2em;";>在html中，<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素（行内元素）。块状元素也可以通过代码display:inline将元素设置为内联元素。如：div{ display:inline; } 块状元素div转换为内联元素，从而使 div 元素具有内联元素特点。 </p><p style="text-indent: 2em;";>内联元素特点： </p><p style="text-indent: 2em;";>1、和其他元素都在一行上； </p><p style="text-indent: 2em;";>2、元素的高度、宽度及顶部和底部边距不可设置； </p><p style="text-indent: 2em;";>3、元素的宽度就是它包含的文字或图片的宽度，不可改变。 </p><p style="text-indent: 2em;";>内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。 </p><p style="text-indent: 2em;";>内联块状元素特点： </p><p style="text-indent: 2em;";>1、和其他元素都在一行上； </p><p style="text-indent: 2em;";>2、元素的高度、宽度、行高以及顶和底边距都可设置。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>border-style（边框样式）常见样式有：dashed（虚线）| dotted（点线）| solid（实线）。 </p><p style="text-indent: 2em;";>border-color（边框颜色）中的颜色可设置为十六进制颜色，如:border-color:#888;//前面的井号不要忘掉。 </p><p style="text-indent: 2em;";>border-width（边框宽度）中的宽度也可以设置为：thin | medium | thick（但不是很常用），最常还是用象素（px）。 </p><p style="text-indent: 2em;";>只设置下（上、右、左）边框的设置： </p><p style="text-indent: 2em;";>div{border-bottom:1px solid red;} </p><p style="text-indent: 2em;";>border-top:1px solid red; </p><p style="text-indent: 2em;";> border-right:1px solid red; </p><p style="text-indent: 2em;";> border-left:1px solid red; </p><p style="text-indent: 2em;";>元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码： </p><p style="text-indent: 2em;";>div{padding:20px 10px 15px 30px;} </p><p style="text-indent: 2em;";>如果上、右、下、左的填充都为10px;可以这么写 </p><p style="text-indent: 2em;";>div{padding:10px;} </p><p style="text-indent: 2em;";>如果上下填充一样为10px，左右一样为20px，可以这么写： </p><p style="text-indent: 2em;";>div{padding:10px 20px;} </p><p style="text-indent: 2em;";>元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码： </p><p style="text-indent: 2em;";>div{margin:20px 10px 15px 30px;} </p><p style="text-indent: 2em;";>如果上右下左的边界都为10px;可以这么写： </p><p style="text-indent: 2em;";>div{ margin:10px;} </p><p style="text-indent: 2em;";>如果上下边界一样为10px，左右一样为20px，可以这么写： </p><p style="text-indent: 2em;";>div{ margin:10px 20px;} </p><p style="text-indent: 2em;";>总结一下：padding和margin的区别，padding在边框里，margin在边框外。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>流动模型 </p><p style="text-indent: 2em;";>第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。 </p><p style="text-indent: 2em;";>第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行） </p><p style="text-indent: 2em;";>浮动模型 </p><p style="text-indent: 2em;";>任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img </p><p style="text-indent: 2em;";>等元素都可以被定义为浮动。（在设置完边框数据后设置浮动模型） </p><p style="text-indent: 2em;";>并排显示左对齐：float:left; </p><p style="text-indent: 2em;";>一左一右显示：#div1{float:left;} </p><p style="text-indent: 2em;";>#div2{float:right;} </p><p style="text-indent: 2em;";>并排显示右对齐：float:right; </p><p style="text-indent: 2em;";>层模型 </p><p style="text-indent: 2em;";>层模型有三种形式：1、绝对定位(position: absolute)2、相对定位(position: relative)3、固定定位(position: fixed) </p><p style="text-indent: 2em;";>如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。 </p><p style="text-indent: 2em;";>如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。 </p><p style="text-indent: 2em;";>div{ </p><p style="text-indent: 2em;";> width:200px; </p><p style="text-indent: 2em;";> height:200px; </p><p style="text-indent: 2em;";> border:2px red solid; </p><p style="text-indent: 2em;";> position:absolute; </p><p style="text-indent: 2em;";> left:100px; </p><p style="text-indent: 2em;";> top:50px; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";><div id="div1"></div> </p><p style="text-indent: 2em;";>（要向什么方向移动就输入多少距离就输入相反的方向和距离） </p><p style="text-indent: 2em;";>如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。 </p><p style="text-indent: 2em;";>如下代码实现相对于以前位置向下移动50px，向右移动100px; </p><p style="text-indent: 2em;";>#div1{ </p><p style="text-indent: 2em;";> width:200px; </p><p style="text-indent: 2em;";> height:200px; </p><p style="text-indent: 2em;";> border:2px red solid; </p><p style="text-indent: 2em;";> position:relative; </p><p style="text-indent: 2em;";> left:100px; </p><p style="text-indent: 2em;";> top:50px; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><div id="div1"></div> </p><p style="text-indent: 2em;";>Position fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。（想将层模型固定在什么位置就在Position </p><p style="text-indent: 2em;";>fixed后加上位置，默认是固定在左上角） </p><p style="text-indent: 2em;";>运用position:relative可以相对于其他元素进行定位。 </p><p style="text-indent: 2em;";>1、参照定位的元素必须是相对定位元素的前辈元素 </p><p style="text-indent: 2em;";>2、参照定位的元素必须加入position:relative; </p><p style="text-indent: 2em;";>3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>行内元素怎么进行水平居中： </p><p style="text-indent: 2em;";>如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素：如下面的html代码中，div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 ) </p><p style="text-indent: 2em;";>当被设置元素为 块状元素 时用 text-align：center 就不起作用了。 </p><p style="text-indent: 2em;";>定宽块状元素(定宽块状元素：块状元素的宽度width为固定值) </p><p style="text-indent: 2em;";><style> </p><p style="text-indent: 2em;";> div{ </p><p style="text-indent: 2em;";> border:1px solid red;/*为了显示居中效果明显为 div 设置了边框*/ </p><p style="text-indent: 2em;";> width:200px;/*定宽*/ </p><p style="text-indent: 2em;";>margin:20px auto;/* margin-left 与 margin-right 设置为 auto */ </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";>不定宽度的块状元素有三种方法居中（这三种方法目前使用的都很多）： </p><p style="text-indent: 2em;";>加入 table 标签 </p><p style="text-indent: 2em;";>设置 display: inline 方法：与第一种类似，显示类型设为 行内元素，进行不定宽元素的属性设置 </p><p style="text-indent: 2em;";>设置 position:relative 和 left:50%：利用 相对定位 的方式，将元素向左偏移 50% ，即达到居中的目的 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>利用table标签的长度自适应性---即不定义其长度也不默认父元素body的长度（table其长度根据其内文本长度决定），因此可以看做一个定宽度块元素，然后再利用定宽度块状居中的margin的方法，使其水平居中。 </p><p style="text-indent: 2em;";>第一步：为需要设置的居中的元素外面加入一个 table 标签 ( 包括 <tbody>、<tr>、<td> )。 </p><p style="text-indent: 2em;";>第二步：为这个 table 设置“左右 margin 居中”（这个和定宽块状元素的方法一样）。 </p><p style="text-indent: 2em;";>如下：html代码： </p><p style="text-indent: 2em;";><div> </p><p style="text-indent: 2em;";> <table> </p><p style="text-indent: 2em;";> <tbody> </p><p style="text-indent: 2em;";> <tr><td> </p><p style="text-indent: 2em;";> <ul> </p><p style="text-indent: 2em;";> <li>我是第一行文本</li> </p><p style="text-indent: 2em;";> <li>我是第二行文本</li> </p><p style="text-indent: 2em;";> <li>我是第三行文本</li> </p><p style="text-indent: 2em;";> </ul> </p><p style="text-indent: 2em;";> </td></tr> </p><p style="text-indent: 2em;";> </tbody> </p><p style="text-indent: 2em;";> </table> </p><p style="text-indent: 2em;";></div> </p><p style="text-indent: 2em;";>css代码： </p><p style="text-indent: 2em;";><style>table{ border:1px solid; </p><p style="text-indent: 2em;";> margin:0 auto; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";>第二种方法：改变块级元素的 display 为 inline 类型（设置为 行内元素 显示），然后使用 text-align:center 来实现居中效果。 </p><p style="text-indent: 2em;";>html代码： </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><div class="container"> </p><p style="text-indent: 2em;";> <ul> </p><p style="text-indent: 2em;";> <li><a href="#">1</a></li> </p><p style="text-indent: 2em;";> <li><a href="#">2</a></li> </p><p style="text-indent: 2em;";> <li><a href="#">3</a></li> </p><p style="text-indent: 2em;";> </ul> </p><p style="text-indent: 2em;";></div> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";>css代码： </p><p style="text-indent: 2em;";><style> </p><p style="text-indent: 2em;";>.container{ </p><p style="text-indent: 2em;";> text-align:center; </p><p style="text-indent: 2em;";>}/* margin:0;padding:0（消除文本与div边框之间的间隙）*/ </p><p style="text-indent: 2em;";>.container ul{ </p><p style="text-indent: 2em;";> list-style:none; </p><p style="text-indent: 2em;";> margin:0; </p><p style="text-indent: 2em;";> padding:0; </p><p style="text-indent: 2em;";> display:inline; </p><p style="text-indent: 2em;";>}/* margin-right:8px（设置li文本之间的间隔）*/ </p><p style="text-indent: 2em;";>.container li{ </p><p style="text-indent: 2em;";> margin-right:8px; </p><p style="text-indent: 2em;";> display:inline; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";>方法三：通过给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，子元素设置 position:relative 和 left: -50% 来实现水平居中。 </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><div class="container"> </p><p style="text-indent: 2em;";> <ul> </p><p style="text-indent: 2em;";> <li><a href="#">1</a></li> </p><p style="text-indent: 2em;";> <li><a href="#">2</a></li> </p><p style="text-indent: 2em;";> <li><a href="#">3</a></li> </p><p style="text-indent: 2em;";> </ul> </p><p style="text-indent: 2em;";></div> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";>css代码： </p><p style="text-indent: 2em;";><style> </p><p style="text-indent: 2em;";>.container{ </p><p style="text-indent: 2em;";> float:left; </p><p style="text-indent: 2em;";> position:relative; </p><p style="text-indent: 2em;";> left:50% </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>.container ul{ </p><p style="text-indent: 2em;";> list-style:none; </p><p style="text-indent: 2em;";> margin:0; </p><p style="text-indent: 2em;";> padding:0; </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> position:relative; </p><p style="text-indent: 2em;";> left:-50%; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";>.container li{float:left;display:inline;margin-right:8px;} </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";>设置垂直居中： </p><p style="text-indent: 2em;";>分两种情况：父元素高度确定的单行文本，以及父元素高度确定的多行文本。 </p><p style="text-indent: 2em;";>父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 </p><p style="text-indent: 2em;";>line-height 高度一致来实现的。(height: 该元素的高度，line-height: 顾名思义，行高（行间距），指在文本中，行与行之间的 基线间的距离 )。 </p><p style="text-indent: 2em;";>line-height 与 font-size 的计算值之差，在 CSS 中成为“行间距”。分为两半，分别加到一个文本行内容的顶部和底部。 </p><p style="text-indent: 2em;";>这种文字行高与块高一致带来了一个弊端：当文字内容的长度大于块的宽时，就有内容脱离了块。 </p><p style="text-indent: 2em;";>输入：.wrap{text-align:center;}表示垂直居中。 </p><p><p><h2></h2></p><img style="max-width:35%; max-height:35%" src="/uploads/image/0947.jpg" alt="html的基本标签含义"/></img></p> </div> <!--分页导航--> <div class="th_page th_page_color4 th_top"> </div> <!--内容底部广告--> <div class="th_ad3 th_top"> <div class="pcd_ad"><script src="https://www.4u4v.net/it/d/js/acmsd/thea22.js"></script></div> <div class="mbd_ad"></div> </div> <div class="umCopyright"> <p>本文发布于:2024-01-29 15:09:00，感谢您对本站的认可！</p> <p>本文链接：<a href="https://www.4u4v.net/it/170651214016150.html" target="_blank" style="color:#999">https://www.4u4v.net/it/170651214016150.html</a></p> <p>版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。</p> </div> <!--上一篇下一篇--> <div class="detail-arr"> <div class="detail-arr-left">上一篇：<a href='https://www.4u4v.net/it/170651186016123.html'>MySql中delimiter详解</a></div> <div class="detail-arr-right">下一篇：<a href='https://www.4u4v.net/it/170651228116165.html'>javaweb毕业设计源码</a></div> </div> <!--内容页tags--> <div class="detail-tags"> <i class="iconfont icon-x-tags"></i> 标签：<a href="https://www.4u4v.net/it/tags/%E5%85%83%E7%B4%A0_0.html" target="_blank">元素</a>   <a href="https://www.4u4v.net/it/tags/%E6%A0%87%E7%AD%BE_0.html" target="_blank">标签</a>   <a href="https://www.4u4v.net/it/tags/%E8%AE%BE%E7%BD%AE_0.html" target="_blank">设置</a></div> </section> <!--评论--> <a name="comments" id="comments"></a> <div class="showpage" id="plpost"> <link href="https://www.4u4v.net/it/skin/ecmspl/css/pl.css" rel="stylesheet"> <div class="showpage" id="plpost"> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="line-height: 25px; padding: 5px 3px 1px 8px; font-size: 18px;"> <tr><td><strong><font color="#333333">留言与评论（共有 <span id="infocommentnumarea">0</span> 条评论）</font></strong></td></tr> </table> <script> function CheckPl(obj) { if(obj.saytext.value=="") { alert("您没什么话要说吗？"); obj.saytext.focus(); return false; } return true; } </script> <form action="https://www.4u4v.net/it/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost"> <tr> <td> <table width="100%" border="0" cellspacing="10" cellpadding="0"> <tr> <td> <script src="https://www.4u4v.net/it/e/pl/loginjspl.php"></script> <textarea name="saytext" rows="6" id="saytext" placeholder="请遵守互联网相关规定，不要发布广告和违法内容!"></textarea> <script src="https://www.4u4v.net/it/d/js/js/plface.js"></script>    <table width='100%' align='left' cellpadding=3 cellspacing=1 bgcolor='#FFF'> <tr> <td width="80%" height="40" bgcolor="#FFFFFF">验证码：<input name="key" type="text" class="inputText" size="16" /> <img src="https://www.4u4v.net/it/e/ShowKey/?v=pl" align="absmiddle" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='https://www.4u4v.net/it/e/ShowKey/?v=pl&t='+Math.random()" title="看不清楚,点击刷新" /> </td> <td width="20%" height="40" bgcolor="#FFFFFF"> <input name="sumbit" type="submit" value="提交评论" tabindex="6" style="border-radius: 5px;font-size: 16px;background: #e94c3d none repeat scroll 0% 0%;border: 0px none;margin: 0px 16px;padding: 1px 16px;height: 33px;line-height: 30px;color: rgb(255, 255, 255);opacity: 0.95;"> <input name="id" type="hidden" id="id" value="16150" /> <input name="classid" type="hidden" id="classid" value="41" /> <input name="enews" type="hidden" id="enews" value="AddPl" /> <input name="repid" type="hidden" id="repid" value="0" /> <input type="hidden" name="ecmsfrom" value="https://www.4u4v.net/it/170651214016150.html"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table></form> <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"> <tr> <td bgcolor="#FFFFFF" id="infocommentarea"></td> </tr> </table> <script src="https://www.4u4v.net/it/e/extend/infocomment/commentajax.php?classid=41&id=16150"></script> </div> </div> </div> <!--侧边栏--> <div class="col-md-3 col-xs-12"> <!--推荐文章--> <div class="thleftcon wap_top th_top"> <div class="thleftbt thwenzhang thsec4"><span class="th_cl4">推荐文章</span></div> <ul class="th-5" style="padding-top:0px"> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573086563307.html" title="南昌勇星喷绘有限公司介绍企业发展分析报告" target="_blank">南昌勇星喷绘有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573072563306.html" title="南昌市灌城纸箱厂介绍企业发展分析报告" target="_blank">南昌市灌城纸箱厂介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573059563305.html" title="2020新版江西省南昌市进贤县装修公司工商企业公司商家名录名单黄页联" target="_blank">2020新版江西省南昌市进贤县装修公司工商企业公司商家名录名单黄页联</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573036563304.html" title="南昌市瑞洋实业有限公司企业信用报告-天眼查" target="_blank">南昌市瑞洋实业有限公司企业信用报告-天眼查</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572995563303.html" title="南昌鸿图制衣有限公司介绍企业发展分析报告" target="_blank">南昌鸿图制衣有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572981563302.html" title="南昌庭轩制衣有限公司介绍企业发展分析报告" target="_blank">南昌庭轩制衣有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572968563301.html" title="南昌宇涂图文广告营业部介绍企业发展分析报告" target="_blank">南昌宇涂图文广告营业部介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572943563300.html" title="南昌新望彩印有限公司介绍企业发展分析报告" target="_blank">南昌新望彩印有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572929563299.html" title="南昌比林门窗店介绍企业发展分析报告" target="_blank">南昌比林门窗店介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572916563298.html" title="南昌亿诺印刷品销售有限公司介绍企业发展分析报告" target="_blank">南昌亿诺印刷品销售有限公司介绍企业发展分析报告</a></li> </ul> </div> <!--右侧广告1--> <div class="th_ad3 th_top"> <div> <script src='https://www.4u4v.net/it/d/js/acmsd/thea15.js'></script> </div> </div> <!--按点击量排序--> <div class="thleftcon th_top"> <div class="thleftbt thwenzhang thsec4"><span class="th_cl4">排行榜</span></div> <ul class="th-5"> <li class="th_li"> <div class="bottom1 gundongimg"> <a href="https://www.4u4v.net/it/17061710611.html" title="JS - JavaScript（一种直译式脚本语言）"><img class="th_img banner_bottom" style="height:90px" src="https://www.4u4v.net/it/skin/8n6/images/notimg.gif" /></a> </div> <div class="bottom2 gundongimg"> <a class="th_hover_a4" href="https://www.4u4v.net/it/17061710611.html" title="JS - JavaScript（一种直译式脚本语言）" target="_blank">JS - JavaScript（一种直译式脚本语言）</a> <div class="bottom2_info"> JS 即 JavaScript。JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的 </div> </div> </li> <li><span class="date">968℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061780993.html" title="idea 快捷键 类方法" target="_blank">idea 快捷键 类方法</a></li> <li><span class="date">116℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061781314.html" title="idea 快捷键 方法" target="_blank">idea 快捷键 方法</a></li> <li><span class="date">959℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061781625.html" title="idea重写方法的快捷键" target="_blank">idea重写方法的快捷键</a></li> <li><span class="date">114℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061781826.html" title="IDEA快捷键" target="_blank">IDEA快捷键</a></li> <li><span class="date">102℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061782147.html" title="idea方法注解快捷键" target="_blank">idea方法注解快捷键</a></li> <li><span class="date">188℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061783468.html" title="idea重写方法的快捷键2篇" target="_blank">idea重写方法的快捷键2篇</a></li> <li><span class="date">105℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061783809.html" title="idea中artifacts" target="_blank">idea中artifacts</a></li> <li><span class="date">93℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/170617839610.html" title="idea的artifacts" target="_blank">idea的artifacts</a></li> <li><span class="date">88℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/170617848211.html" title="IntelliJIDEA上JFinal开发环境搭建手册" target="_blank">IntelliJIDEA上JFinal开发环境搭建手册</a></li> </ul> </div> <!--右侧广告2--> <div class="th_ad3 th_top"> <div> <script src='https://www.4u4v.net/it/d/js/acmsd/thea16.js'></script> </div> </div> <!--标签云--> <div class="thleftcon th_top"> <div class="thleftbt thwenzhang thsec4"><span class="th_cl4">热门标签</span></div> <ul class="th-7 th_tag4"> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%B3%BB%E7%BB%9F">系统</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%95%B0%E6%8D%AE">数据</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E4%BD%BF%E7%94%A8">使用</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%9C%8D%E5%8A%A1%E5%99%A8">服务器</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%BD%AF%E4%BB%B6">软件</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%96%B9%E6%B3%95">方法</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%BF%9B%E8%A1%8C">进行</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%87%BD%E6%95%B0">函数</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E9%A1%B9%E7%9B%AE">项目</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%96%87%E4%BB%B6">文件</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=Windows">Windows</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E4%BB%A3%E7%A0%81">代码</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%94%B5%E8%84%91">电脑</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E4%BC%81%E4%B8%9A">企业</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E9%9C%80%E8%A6%81">需要</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%AE%A1%E7%AE%97%E6%9C%BA">计算机</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%AF%AD%E8%A8%80">语言</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%94%A8%E6%88%B7">用户</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%A8%8B%E5%BA%8F">程序</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=python">python</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%95%B0%E6%8D%AE%E5%BA%93">数据库</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=java">java</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%95%99%E7%A8%8B">教程</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%AE%BE%E8%AE%A1">设计</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%B7%A5%E4%BD%9C">工作</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80">编程语言</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%8A%80%E6%9C%AF">技术</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%9C%89%E5%93%AA%E4%BA%9B">有哪些</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=linux">linux</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%BC%80%E5%8F%91">开发</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%8A%A5%E5%91%8A">报告</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%9A%82%E6%97%A0">暂无</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%86%85%E5%AE%B9">内容</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%BD%91%E7%BB%9C">网络</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%93%8D%E4%BD%9C">操作</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%8A%9F%E8%83%BD">功能</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%88%86%E6%9E%90">分析</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%91%BD%E4%BB%A4">命令</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%BD%91%E7%AB%99">网站</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%AD%97%E7%AC%A6%E4%B8%B2">字符串</a></li> </ul> </div> <!--右侧广告3--> <div class="th_ad3 th_top"> <div> <script src='https://www.4u4v.net/it/d/js/acmsd/thea17.js'></script> </div> </div> </div> </div> </div> <!--页面底部--> <div class="footer2"> <p>Copyright ©2019-2022 Comsenz Inc.Powered by © <a rel="external nofollow" href="https://beian.miit.gov.cn/"> </a> </p> <a href="https://www.4u4v.net/it/sitemap/news_1.xml">网站地图1</a> <a href="https://www.4u4v.net/it/sitemap/news_2.xml">网站地图2</a> <a href="https://www.4u4v.net/it/sitemap/news_3.xml">网站地图3</a> <a href="https://www.4u4v.net/it/sitemap/news_4.xml">网站地图4</a> <a href="https://www.4u4v.net/it/sitemap/news_5.xml">网站地图5</a> <a href="https://www.4u4v.net/it/sitemap/news_6.xml">网站地图6</a> <a href="https://www.4u4v.net/it/sitemap/news_7.xml">网站地图7</a> <a href="https://www.4u4v.net/it/sitemap/news_8.xml">网站地图8</a> <a href="https://www.4u4v.net/it/sitemap/news_9.xml">网站地图9</a> <a href="https://www.4u4v.net/it/sitemap/news_10.xml">网站地图10</a> <a href="https://www.4u4v.net/it/sitemap/news_11.xml">网站地图11</a> <a href="https://www.4u4v.net/it/sitemap/news_12.xml">网站地图12</a> <a href="https://www.4u4v.net/it/sitemap/news_13.xml">网站地图13</a> <a href="https://www.4u4v.net/it/sitemap/news_14.xml">网站地图14</a> <a href="https://www.4u4v.net/it/sitemap/news_15.xml">网站地图15</a> <a href="https://www.4u4v.net/it/sitemap/news_16.xml">网站地图16</a> <a href="https://www.4u4v.net/it/sitemap/news_17.xml">网站地图17</a> <a href="https://www.4u4v.net/it/sitemap/news_18.xml">网站地图18</a> <a href="https://www.4u4v.net/it/sitemap/news_19.xml">网站地图19</a> <a href="https://www.4u4v.net/it/sitemap/news_20.xml">网站地图20</a> <a href="https://www.4u4v.net/it/sitemap/news_21.xml">网站地图21</a> <a href="https://www.4u4v.net/it/sitemap/news_22.xml">网站地图22/a> <a href="https://www.4u4v.net/it/sitemap/news_23.xml">网站地图23</a> </div> <!--右侧悬浮客服--> <div class="thgotop"> <ul> <li id="guan" class="ditop th_bg4"> <div class="yewan"> <i class="iconfont icon-guandeng"></i> <span class="">我要关灯</span> </div> <div class="baitian"> <i class="iconfont icon-zu"></i> <span class="">我要开灯</span> </div> </li> <li id="go_top" class="ditop th_bg4"> <i class="iconfont icon-zhiding"></i> <span>返回顶部</span> </li> </ul> </div> <script type="text/javascript" > var swiper = new Swiper('.thbanner', { navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, loop: true, autoplay: { delay: 1500, stopOnLastSlide: false,//如果设置为true，当切换到最后一个slide时停止自动切换 disableOnInteraction: true,//用户操作swiper之后，是否禁止autoplay }, pagination: {//分页器 el: '.swiper-pagination', clickable: true,//点击分页器的指示点分页器会控制Swiper切换 }, }); var swiper = new Swiper('.thslide2', { slidesPerView: 4, spaceBetween: 10, loop: true, autoplay: { delay: 1500, stopOnLastSlide: false,//如果设置为true，当切换到最后一个slide时停止自动切换 disableOnInteraction: false,//用户操作swiper之后，是否禁止autoplay } }); </script> <script type="text/javascript" src="https://www.4u4v.net/it/skin/8n6/js/main.js"></script> <!--百度自动推送--> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>