阿里云服务器3折开售（点此直达）
image
工作多年，你的基础还剩下多少呢？
浏览器内核
分为 ( 渲染引擎、 JS引擎)
- Trident(IE内核)
- Gecko(Firefox)
- webkit(Safari)
- Chromium/Blink (chrome)
- Presto (Opera)
移动端的浏览器内核是系统内置浏览器的内核
目前移动设备浏览器上常用的内核有 webkit、Blink、Trident、Gecko等。
其中Iphone和Ipad等苹果IOS平台，主要是 webkit，Android 4.4 之前的系统浏览器内核是 webkit，Andorid4.4 系统浏览器切换到了 chromium,内核是webkit的分支 Blink.
Windows Phone8 系统浏览器内核是 Trident.
web标准
由W3C决定。
由 html/css/JS组成
HTML
- 结构：
文档类型
是告诉我们和浏览器使用哪个版本的 html。这是说明，使用的是 HTML5
字符集
UTF-8是目前最常用字符集编码方式。其它常用的编码方式还有 GBK和GB2312
GB2312 简体中文，包括6763个汉字
BIG5 繁体中文 港澳台使用
GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持。兼容GB2312
UTF-8 则包含 全世界所有国家需要用到的字符。
记住一点，以后统统使用UTF-8字符集，这样就避免出现字符集不统一而引起乱码的情况了。
我是标题</tilte>
</head
</code></pre>
<h4>THML 标签</h4>
<p><strong>排版标签</strong></p>
<pre><code><h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>
<h1> 标签都是Logo才会使用的
</code></pre>
<p><strong>段落 、 水平线 标签</strong></p>
<pre><code><p> 文本内容 </p> 段落标签
文字会自动换行
<hr /> 水平线 标签
</code></pre>
<p><strong>换行标签</strong></p>
<pre><code><br />
</code></pre>
<p><strong>div span 标签</strong></p>
<pre><code> div span 是没有语义的 是我们网页布局主要的2个盒子
div 就是 division 的缩写，分区的意思，其实有很多 div 来组合网页
span ，跨度，跨距，范围
语法格式：
<div> 这是盒子 </div>
<span> 我是范围 </span>
</code></pre>
<p><strong>文本格式化 标签</strong></p>
<table>
<thead>
<tr>
<th>标签</th>
<th>显示效果</th>
</tr>
</thead>
<tbody>
<tr>
<td><code><b></b><strong></stong></code></td>
<td>文字以 方式显示（XHTML推荐使用strong）</td>
</tr>
<tr>
<td><code><i></i> 和 <em></em></code></td>
<td>文字以 方式显示 （XHTML推荐使用em）</td>
</tr>
<tr>
<td><code><s></s> 和 <del></del></code></td>
<td>文字以 方式显示 （XHTML推荐使用 del）</td>
</tr>
<tr>
<td><code><u></u> 和 <ins></ins></code></td>
<td>文字以 方式显示 （XHTML 推荐使用 ins ）</td>
</tr>
</tbody>
</table>
<p><br /></p>
<p><strong>标签属性</strong><br><br> <html> </html> 使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。基本语法格式如下：</p>
<pre><code><标签名 属性1=“属性值1” 属性2=“属性值2” ... > 内容 </标签名>
</code></pre>
<p>在上面的语法中：</p>
<ol>
<li>标签可以拥有多个属性，必须写在开始标签中，位于标签名后面</li>
<li>属性之前不分先后顺序，标签名与属性，属性与属性之间均以空格分开</li>
<li>任何标签的属性都有默认值，省略该属性则取默认值。</li>
<li>采取键值对的格式 key = "value" 的格式。</li>
</ol>
<p><strong>图像标签：</strong></p>
<pre><code> <img src="图像URL" />
</code></pre>
<table>
<thead>
<tr>
<th>属性</th>
<th>属性值</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td>src</td>
<td>URL</td>
<td>图像的路径</td>
</tr>
<tr>
<td>alt</td>
<td>文本</td>
<td>图像不能显示时的替换文本</td>
</tr>
<tr>
<td>title</td>
<td>文本</td>
<td>鼠标悬停时显示的内容</td>
</tr>
<tr>
<td>width</td>
<td>像素（XHTML 不支持%页面百分比）</td>
<td>设置图像的宽度</td>
</tr>
<tr>
<td>height</td>
<td>像素（XHTML 不支持%页面百分比）</td>
<td>设置图像的高度</td>
</tr>
<tr>
<td>border</td>
<td>数字</td>
<td></td>
</tr>
</tbody>
</table>
<p>链接标签<br> 单词缩写： anchor 的缩写。<br> 创建超链接非常简单，语法格式如下：</p>
<pre><code><a href="跳转目标" target="目标窗口的弹出方式" > 文本或图像 </a>
</code></pre>
<p>href：用于指定连接目标的url地址，当为标签应用 href 属性时，它就具有了超链接的功能。<br><br> target : 用于指定链接页面的打开方式，其取值有 _self 和 _blank 两种，其中 _self 为默认值， _blank 是在新窗口中打开.<br> <br></p>
<p>注意:<br></p>
<ol>
<li>外部链接，需要添加 http://</li>
<li>内部链接 直接链接内部也没名称即可。 比如 <code><a href="index.html">首页</a></code> </li>
<li>如果当时没有确定链接目标时，通常将链接标签的 href 属性值定义为 “#” （即href="#"）,表示该链接暂时为一个空链接。</li>
<li>不仅可以很创建文本超链接，在网页中各种网页元素，比如 图像、表格、音频、视频等都可以添加超链接。</li>
</ol>
<p><br /></p>
<p><strong>锚点定位</strong><br> 通过锚点链接，可以快速定位到目标内容<br> 语法：</p>
<pre><code>分两步
1、将要跳转的地方，用 <a> 标签包裹起来。
<a href="#目标ID名">链接文本</a>
2、在目标 标签 上，加上 ID名字。
比如 <div id="live">个人生活</div>
</code></pre>
<pre><code>完整的示例:
<a href="#live"> 我要去 个人生活 段落</a>
...
...
<div id="live"></div>
</code></pre>
<p><br /></p>
<p><strong>base 标签</strong><br> <br>它是单标签.<br><br> 强大之处，在于 可以<strong>设置整体链接的打开状态</strong>。即 统一设置当前网页的 <a> 标签的 target属性值。</p>
<p>使用前:</p>
<pre><code><a href="http://www.baidu.com" target="_blank">百度</a>
<a href="http://www.sina.com" target="_blank">新浪</a>
<a href="http://www.163.com" target="_blank">163</a>
....
...
如果，这个网页有 1000个 需要新打开页面的 <a> 标签的话，这个 target 需要写 1000遍。
</code></pre>
<p>使用后:</p>
<pre><code><head>
<base target="_blank"/>
</head>
<body>
<a href="http://www.baidu.com" >百度</a>
<a href="http://www.sina.com" >新浪</a>
<a href="http://www.163.com" >163</a>
....
...
</body>
</code></pre>
<p>使用前后，可以达到相同的效果。</p>
<p>这两种方式，可以在一个页面同时<strong>混合使用</strong>。<br><br> 例如:</p>
<pre><code><head>
<base target="_blank"/>
</head>
<body>
<a href="http://www.baidu.com" >百度</a>
<a href="http://www.sina.com" target="_self">新浪</a>
<a href="http://www.163.com" >163</a>
</body>
</code></pre>
<p>这时，百度 和 163 会新开页面打开。而 新浪 会在当前页面打开。</p>
<p><strong>特殊字符 标签</strong><br> HTML为 特殊字符 准备了 专门的替代 代码</p>
<table>
<thead>
<tr>
<th>特殊字符</th>
<th>描述</th>
<th>字符的代码</th>
</tr>
</thead>
<tbody>
<tr>
<td><code></code></td>
<td>空格符</td>
<td><code> </code></td>
</tr>
<tr>
<td><</td>
<td>小于号</td>
<td><code><</code></td>
</tr>
<tr>
<td>></td>
<td>大于号</td>
<td><code>></code></td>
</tr>
<tr>
<td>&</td>
<td>和号</td>
<td><code>&</code></td>
</tr>
<tr>
<td>¥</td>
<td>人民币</td>
<td><code>¥</code></td>
</tr>
<tr>
<td>©</td>
<td>版权</td>
<td><code>©</code></td>
</tr>
<tr>
<td>®</td>
<td>注册商标</td>
<td><code>®</code></td>
</tr>
<tr>
<td>°</td>
<td>摄氏度</td>
<td><code>°</code></td>
</tr>
<tr>
<td>±</td>
<td>正负号</td>
<td><code>±</code></td>
</tr>
<tr>
<td>×</td>
<td>乘号</td>
<td><code>×</code></td>
</tr>
<tr>
<td>÷</td>
<td>除号</td>
<td><code>÷</code></td>
</tr>
<tr>
<td>²</td>
<td>平方2(上标2)</td>
<td><code>²</code></td>
</tr>
<tr>
<td>³</td>
<td>立方3（上标3）</td>
<td><code>³</code></td>
</tr>
</tbody>
</table>
<p><br /></p>
<p><strong>注释标签</strong></p>
<pre><code><!-- 我是注释 -->
</code></pre>
<p><strong>列表 标签</strong></p>
<ul>
<li>无序列表 ul</li>
<li>有序列表 ol</li>
<li>自定义列表</li>
</ul>
<p>无序列表<br> <br> 各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下:</p>
<pre><code><ul>
<li>我是列表第一行</li>
<li>我是列表第二行</li>
<li>我是列表第三行</li>
...
</ul>
</code></pre>
<p>示例:<br> <html><br> <ul><br> <li>我是列表第一行</li><br> <li>我是列表第二行</li><br> <li>我是列表第三行</li><br> ...<br> </ul><br> </html></p>
<p>无序列表，各个列表项的前面有一些黑色的 点 。如果想去掉的话，是CSS 的活儿。 HTML只负责结构。</p>
<p></p>
<pre><code>1. <ul></ul>中只能嵌套 <li></li> ，直接在 <ul></ul>标签中输入 其它标签 或者 文字 都是不被允许的。
比如
<ul>
<li> 列表1<li>
<li> 列表2<li>
<p> 我是段落 </p> <!-- 这是不被允许的，不要这样做. <ul></ul>之间只能是<li></li> -->
<li> 列表3<li>
<li> 列表4<li>
</ul>
可以添加 其它 标签的地方:
<ul>
<li> 列表1<li>
<li> 列表2<li>
<li>
<h4> 我是一个小标题呢 </h4>
<p> 我是段落 </p> <!-- <li></li> 之间是独立的容器，是被允许使用其它标签的 -->
</li>
<li> 列表3<li>
<li> 列表4<li>
</ul>
2. <li> 与 </li> 之间相当于一个容器，可以容纳所有元素
3. 无序列表会带有自己的样式属性。如果要更改，需要CSS的介入。
</code></pre>
<p>有序列表 <br></p>
<pre><code><ol>
<li>美国</li>
<li>英国</li>
<li>中国</li>
<li>俄罗斯</li>
</ol>
</code></pre>
<p>示例:<br> <html><br> <ol><br> <li>美国</li><br> <li>英国</li><br> <li>中国</li><br> <li>俄罗斯</li><br> </ol></p>
<p></html></p>
<p>它会在 列表项的 前面加上 1. 2. 3. 4. 这样的顺序字母。</p>
<pre><code>注意事项与 <ul></ul> 标签是一样的。<ol></ol>之间，只能是 <li></li> ，不能使用其它标签。<li></li>标签中间，可以使用其它标签。
</code></pre>
<p><br></p>
<p><strong>自定义列表</strong> <br><br> 自定义列表常用于，对术语或者名词进行解释和描述。自定义列表项前，没有任何项目符号。<br> 基本语法如下:</p>
<pre><code><dl>
<dt>名词1</dt>
<dd>名词1 解释1</dd>
<dd>名词1 解释2</dd>
<dd>名词1 解释3</dd>
...
<dt>名词2</dt>
<dd>名词2 解释1</dd>
<dd>名词2 解释2</dd>
<dd>名词2 解释3</dd>
...
</dl>
</code></pre>
<p><br><br> 示例:<br> <html><br> <dl><br> <dt>北京</dt><br> <dd>昌平</dd><br> <dd>通州</dd><br> <dd>海淀</dd><br> <dt>雍正</dt><br> <dd>甄嬛</dd><br> <dd>皇后</dd><br> <dd>年妃</dd></p>
<p></dl><br> </html></p>
<p>一般情况下，我们的网站底部的说明部分，或者帮助中心，是用 <dl><dt><dd></dd></dt></dl> 这种，自定义列表 来做的。<br></p>
<p>例如 小米官网的底部就是用 自定义列表 来做的</p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 229px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/97faa27e70b045bbb281e729479ca508.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/97faa27e70b045bbb281e729479ca508.jpg" width="650" height="163" alt="HTML基础-阿里云大学_第2张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption">
image.png
</div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 389px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/eee12c1867e14e258e90ea02ee8783fd.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/eee12c1867e14e258e90ea02ee8783fd.jpg" width="650" height="272" alt="HTML基础-阿里云大学_第3张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption">
image.png
</div>
</div>
<pre><code>注意事项
<dl></dl> 自定义列表项中，一个 <dt></dt> 之间，可以嵌套多个 <dd></dd>。但是千万不要出现多个 <dt></dt><dt></dt> 同时紧挨着使用。
例如:
<dl>
<dt> 标题1 </dt>
<dt> 标题1 </dt> <!-- 这种，是不被允许的。一般情况下，不要这样使用 -->
<dd> 解释1 </dd>
<dd> 解释2 </dd>
<dd> 解释3 </dd>
</dl>
</code></pre>
<p>上面的代码，最终效果如下: <br> <html><br> <dl><br> <dt> 标题1 </dt><br> <dt> 标题1 </dt><br> <dd> 解释1 </dd><br> <dd> 解释2 </dd><br> <dd> 解释3 </dd><br> </html></p>
<p><hr /></p>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1403639062614560768"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(HTML基础-阿里云大学)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1833656298739167232.htm"
title="HTML5全面知识点" target="_blank">HTML5全面知识点</a>
<span class="text-muted">A_cot</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML（HyperTextMarkupLanguage）是构建网页的基础语言。以下是全面的HTML知识点：一、HTML基础概念定义：HTML是一种用于描述网页结构的标记语言，通过各种标签来定义网页的内容和布局。版本历史：从HTML的早期版本发展到现在的HTML5，功能不断增强，支持更多的多媒体和交互特性。二、HTML文档结构声明：用于告诉浏览器文档类型是HTML5。标签：整个HTML文档的根元素</div>
</li>
<li><a href="/article/1833483835501801472.htm"
title="【html+css网站设计】" target="_blank">【html+css网站设计】</a>
<span class="text-muted">小翔很开心</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>学习笔记：HTML基础概念1.vscode常用设置1.1打开文件1.2新建文件1.3自动保存(ctrl+S)1.4文件重命名1.5删除文件2.vscode常用快捷键2.1自动补全HTML基本结构2.2标签自动补全2.3复制当前行|复制多行2.4删除当前行|删除多行2.5单行注释|取消单行注释2.6多行注释|取消多行注释2.7统一编辑2.8生成多个2.9文字2.10打开浏览器2.11快捷键可以组合使</div>
</li>
<li><a href="/article/1829738462832586752.htm"
title="30分钟从零开始入门拿下 HTML" target="_blank">30分钟从零开始入门拿下 HTML</a>
<span class="text-muted">Y_3_7</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a>
<div>⭐HTML⭐主要内容认识HTML的基本结构,学习常⽤的HTML标签.1.HTML基础1.1什么是HTMLHTML(HyperTextMarkupLanguage),超⽂本标记语⾔.超⽂本:⽐⽂本要强⼤.通过链接和交互式⽅式来组织和呈现信息的⽂本形式.不仅仅有⽂本,还可能包含图⽚,⾳频,或者⾃已经审阅过它的学者所加的评注、补充或脚注等等.标记语⾔:由标签构成的语⾔HTML的标签都是提前定义好的,使⽤</div>
</li>
<li><a href="/article/1827558904540786688.htm"
title="HTML1:html基础" target="_blank">HTML1:html基础</a>
<span class="text-muted">0cfjg0</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">前端技术</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML冯诺依曼体系结构运算器控制器存储器输入设备输出设备c/s(client客户端)客户端架构软件需要安装,更新麻烦,不跨平台b/s(browser浏览器)网页架构软件无需安装,无需更新,可跨平台浏览器浏览器内核:处理浏览器得到的各种资源网页:结构HTML(超文本标记语言)表现CSS行为JavaScript冲突的标签属性以先写的为主127.0.0.1:5500服务器地址HTML超文本标记语言ht</div>
</li>
<li><a href="/article/1770882642342903808.htm"
title="Java基础知识总结（下）" target="_blank">Java基础知识总结（下）</a>
<span class="text-muted">Yonagi833</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E7%BB%8Fand%E5%85%AB%E8%82%A1/1.htm">面经and八股</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>本文部分内容节选自JavaGuide,地址:https://javaguide.cn/java/basis/java-basic-questions-03.html基础（上）→基础（中）→基础（下）异常Java异常类层次图概览Exception和Error有什么区别？在Java中，所有的异常都有一个共同的祖先java.lang包中的Throwable类.Throwable类有两个重要的子类:Exc</div>
</li>
<li><a href="/article/1767356812262178816.htm"
title="第1天：基础入门-操作系统&名词&文件下载&反弹Shell&防火墙绕过-小迪安全学习" target="_blank">第1天：基础入门-操作系统&名词&文件下载&反弹Shell&防火墙绕过-小迪安全学习</a>
<span class="text-muted">慘綠青年627</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a>
<div>名词概念前后端，POC/EXP，Payload/Shellcode，后门/Webshell，木马/病毒，反弹，回显，跳板，黑白盒测试，暴力破解，社会工程学，撞库，ATT&CK等https://www.cnblogs.com/sunny11/p/13583083.html基础案例1：操作系统-用途&命令&权限&用户&防火墙个人计算机&服务器用机Windows&Linux常见命令https://blo</div>
</li>
<li><a href="/article/1759904066001006592.htm"
title="前端|Day1: HTML基础(黑马笔记)" target="_blank">前端|Day1: HTML基础(黑马笔记)</a>
<span class="text-muted">Sunshine.King</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>Day1：HTML基础目录Day1：HTML基础一、标签语法标签结构二、HTML骨架三、标签的关系四、注释五、标题标签六、段落标签七、换行和水平线八、文本格式化标签九、图像标签1.图像属性2.属性语法十、路径1.相对路径2.绝对路径十一、超链接标签十二、音频常用属性十三、视频常用属性十四、综合案例1.个人简介2.Vue简介一、标签语法HTML—超文本标记语言（HyperTextMarkupLang</div>
</li>
<li><a href="/article/1759708719647649792.htm"
title="css和html基础" target="_blank">css和html基础</a>
<span class="text-muted">一叶柒刺郎</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>⦁1.src属性是img的图片路径，alt属性是当图片丢失时显示的问题，也是img标签的，href则是标签的跳转路径，titil是鼠标放上后的显示对对对⦁html中定义的标签：https://www.w3cschool.cn/htmltags/html-reference.html⦁2.行内元素设置宽高不起作用，其宽度是内容的宽度，块级元素宽度默认是继承父级元素的宽度，高度是本身内容的高度（如文字</div>
</li>
<li><a href="/article/1759432882331398144.htm"
title="个人简历补充" target="_blank">个人简历补充</a>
<span class="text-muted">Xiaobaiforgod</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86%E8%A1%A5%E5%85%85/1.htm">个人简历补充</a><a class="tag" taget="_blank" href="/search/%E5%85%A8%E6%A0%88/1.htm">全栈</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91/1.htm">开发</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA/1.htm">计算机</a>
<div>个人简历补充1.对工作的认识2.八股文和知识面3.框架/架构角度深扒3.1前端3.1.1mPaaS（移动领域）3.1.2普通前端项目框架3.1.3微前端3.2后端持续更新1.对工作的认识2.八股文和知识面前端（基础知识/开发能力/总结输出能力）：前端技术知识（含八股）总结-持续更新中Vue基础学习总结js基础学习总结CSS基础学习总结HTML基础学习总结后端（基础知识/开发能力/总结输出能力）：2</div>
</li>
<li><a href="/article/1757210445577469952.htm"
title="html基础·input·多行文本·下拉菜单·div·span·css·选择器·伪类·选择器权" target="_blank">html基础·input·多行文本·下拉菜单·div·span·css·选择器·伪类·选择器权</a>
<span class="text-muted">KIKIu</span>
<div>用户名：密码：男女篮球确定成都重庆贵阳北京三和武侯区成华区金牛区高薪区锦江区海淀区丰台区/*这儿代码就是css代码*/#p1{color:blueviolet;}我是段落1我是段落2隔开作为一个选择器例如：div>p{}-选中div标中的p标签（p必须是div标签的子标签）7.通配符将*作为选择器，选中当前页面中所有的标签-->p{color:yellowgreen;}我是段落1head我是段落2</div>
</li>
<li><a href="/article/1757079370628874240.htm"
title="HTML基础了解" target="_blank">HTML基础了解</a>
<span class="text-muted">江湖竖子</span>
<div>HTML（HyperTextMarkupLanguage，超文本标记语言）是用来定义网页结构的一种描述语言。——维基百科HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。首先，说明一下，搭建一个网站的过程中，要用到HTML、CSS、Javascript这三大块技术。HTML是构建网站当中缺一不可的一块。所以，很</div>
</li>
<li><a href="/article/1756835139825975296.htm"
title="html基础" target="_blank">html基础</a>
<span class="text-muted">m0_59519985</span>
<a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>MDN官方文档MDNWebDocsVScode安装插件LiveServerAutoRenameTag自动格式化点击settings，然后输入format，然后勾选上FormatOnSavehtml文件结构文档结构html的所有标签为树形结构，例如： Web应用课 第一讲标签HTML元素表示一个HTML文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。标签HTM</div>
</li>
<li><a href="/article/1756779836770107392.htm"
title="2019-03-21" target="_blank">2019-03-21</a>
<span class="text-muted">樊小勇</span>
<div>web前端记录1.第一次尝试写这个文档，这个文档将记录我对一些东西的总结和运用。2.首先在这里列一个大纲web前端基础学习技术大纲1.html基础常用标签2.css基础常用标签3.less的引入4.盒子模型5.reset重置样式的引用6.pc、移动端公共样式7.pc端浮动、定位8.div+flex移动端布局9.BFC10.阿里图标的使用</div>
</li>
<li><a href="/article/1756734894089715712.htm"
title="2019web前端学习路线，教你认识HTML" target="_blank">2019web前端学习路线，教你认识HTML</a>
<span class="text-muted">强哥科技兴</span>
<div>近两年来，前端开发工程师越来越火了，薪资待遇也快接近后端开发工程师了。2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后的金三银四能靠实力找到一份满意的工作！有的小伙伴很迷茫，想学前端，却没有方向！今天来给大家讲讲，在2019年，我们学习前端开发，如何才能高效学会前端开发？HTML基础学习目标1、本专业介绍、HTML相关概念，</div>
</li>
<li><a href="/article/1756181196951273472.htm"
title="HTML基础" target="_blank">HTML基础</a>
<span class="text-muted">蘑菇plus</span>
<div>HTML基础web基础web标准结构标准:HTML--决定网页上有什么东西(能够显示什么内容)表现标准:css--决定网页上内容的布局和显示方式行为标准:JavaScript(js)--决定网页上的动态的效果2.认识HTML超文本标记语言(可以用来标记文本，图片，视频，音频，flash，按钮，输入框等网页内容)HTML不是编程语言，不会编译执行，语法错误也不会报错导致程序不能往后运行。3.HTML</div>
</li>
<li><a href="/article/1755523790546157568.htm"
title="html基础" target="_blank">html基础</a>
<span class="text-muted">eftales</span>
<div>html文档中的字符集字符引用&==&<=="=="标签em标签定义和用法em标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真正突出重要的部分。这与调味品一样，最好还是不要滥用强调。尽管现在em标签修饰的内容都是用斜体字来显示，但这些内容也</div>
</li>
<li><a href="/article/1755430459795324928.htm"
title="HTML基础" target="_blank">HTML基础</a>
<span class="text-muted">(((φ(◎ロ◎;)φ)))牵丝戏安</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>HTML---超文本标记语言HTML即超文本标记语言，是一种用于创建网页的标准标记语言。HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签，HTML使用标签来描述网页。HTML文档包含了HTML标签及文本内容。可以使用HTML来建立自己的web站点，HTNL运行在浏览器上，由浏览器来解析。HTML实例注意：对于中文网页需要使用声明编码，否则会出现乱码。有些浏览器（如360浏览器）会</div>
</li>
<li><a href="/article/1755374893609795584.htm"
title="前端html基础（包括dom，事件等）" target="_blank">前端html基础（包括dom，事件等）</a>
<span class="text-muted">jack_rofer</span>
<div>六。事件操作1.事件参考2.DOM的操作方法3.原生JS获取HTMLDOM元素的8种方法4.Javascript中的事件冒泡与事件捕获5.JS阻止冒泡和取消默认事件(默认行为)</div>
</li>
<li><a href="/article/1755251085691338752.htm"
title="前端开发 ：（二）HTML基础" target="_blank">前端开发 ：（二）HTML基础</a>
<span class="text-muted">星光闪闪k</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>1.介绍HTML1.1HTML的定义和作用HTML（HyperTextMarkupLanguage）是一种标记语言，用于创建和设计网页的结构和内容。它通过使用标签来描述文档的结构，使得浏览器能够正确地解释和显示页面。1.2HTML的发展历史HTML的发展可以追溯到1990年代初，随着互联网的发展，HTML逐渐演变为不同的版本。从HTML2.0到HTML5，每个版本都带来了新的特性和改进，以适应不断</div>
</li>
<li><a href="/article/1754658821759844352.htm"
title="web前端从入门到精通" target="_blank">web前端从入门到精通</a>
<span class="text-muted">等一次雪落</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>web前端从入门到精通HTML+CSS系列一、拨云见日如何创建.html文件--网页1.安装插件2.编辑器基本使用3.Chrome浏览器（市场份额最大）4.深入了解网站开发5.web三大核心技术6.HTML基础结构与属性7.HTML初始代码8.HTML注释9.HTML语义化10.标题(h)与段落(p)11.文本修饰标签12.图片标签和图片属性13.引入文件的地址路径14.跳转链接15.跳转锚点16</div>
</li>
<li><a href="/article/1754333091448504320.htm"
title="HTML基础篇之meta标签" target="_blank">HTML基础篇之meta标签</a>
<span class="text-muted">文翊</span>
<a class="tag" taget="_blank" href="/search/HTML%E7%AF%87/1.htm">HTML篇</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/w3c/1.htm">w3c</a><a class="tag" taget="_blank" href="/search/meta/1.htm">meta</a>
<div>Meta常见参数及其意义Meta的常用的标签有很多，这次把这些标签归类来看Meta基础属性和概念来自W3C的解释如下:Metadataisdata(information)aboutdata.ThetagprovidesmetadataabouttheHTMLdocument.Metadatawillnotbedisplayedonthepage,butwillbemachineparsable.</div>
</li>
<li><a href="/article/1754292607149686784.htm"
title="HTML基础知识" target="_blank">HTML基础知识</a>
<span class="text-muted">魔王哪吒</span>
<div>HTML基础知识HTML的历史：HTML，XHTMLHTML的全局属性：全局标准属性，全局事件属性HTML的元素：imageimage标记语言，是一种将文本以及与文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。HTML，为超文本标记语言。XHTML是可扩展超文本标记语言，是一种更纯洁，更严格，更规范的html代码。html文件由文件头和文件体两部分组成。标签的分类：双标</div>
</li>
<li><a href="/article/1754229947498512384.htm"
title="HTML基础" target="_blank">HTML基础</a>
<span class="text-muted">一只小松许捏</span>
<a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>文章目录HTML基础标签结构HTML骨架标签的关系注释标题标签段落标签换行和水平线文本格式化标签图像标签图像属性属性语法路径相对路径绝对路径超链接标签音频视频HTML基础HTML的意思就是超文本标记语言（HyperTextMarkupLanguage），这里的超文本的意思就是多媒体内容，有文本、图片、音视频等内容，这里的标记就是使用代码的形式，使用尖括号的标签进行标记的意思，例如标签结构标签要成对</div>
</li>
<li><a href="/article/1754149821511385088.htm"
title="2018-07-27" target="_blank">2018-07-27</a>
<span class="text-muted">团子团子哟</span>
<div>牵引力教育web程序员如何提高自身技能web程序员以其薪资待遇，就业选择方向多，大有发展前途，梦想成为web程序员的也越来越多，真正开始付诸行动学web的人也越来越多，但是在低端的程序员如何提升自身能力，争取更好的待遇呢？今天牵引力和大家分析下web程序员如何更好的提升自己。基础阶段：在打基础同时能参与到项目中去。掌握HMTL&XHTML基础知识、CSS基础知识、Java基础知识DOM、JSON、</div>
</li>
<li><a href="/article/1754136208822255616.htm"
title="HTML基础" target="_blank">HTML基础</a>
<span class="text-muted">Az_plus</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML基础目录HTML基础基础概念和语法标签注释``标题`h1-h6`段落`p`换行``格式化图片`img`超链接`a`表格`table`列表`ulli`、`olli`表单`form`基础概念和语法HTML结构由注释，根元素，头，主体以及其他部分组成Title你好标签注释注释信息不会作为代码执行helloworld结果：标题h1-h6这是h1这是h2这是h3这是h4这是h5这是h6结果：段落p你</div>
</li>
<li><a href="/article/1753961423127461888.htm"
title="网页前端学习-03" target="_blank">网页前端学习-03</a>
<span class="text-muted">Leoma_</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">前端学习笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
<div>HTML基础知识021.vscode书写骨架里些许代码的解释666①、这一行指令可以理解为不是html代码的部分，它充当的作用是告诉浏览器我们需要书写的html版本，如上述代码第一行则代表的是我们要书写的是html5这个版本，DOCTYPE是文档类型声明标签。②、用来强调是中文网站还是英文网站，en代表英文的缩写，zh-CN指的是中文。③、charset是字符集的含义，后面的utf-8是万国码，这</div>
</li>
<li><a href="/article/1753373741401784320.htm"
title="头歌--Web应用开发实验题" target="_blank">头歌--Web应用开发实验题</a>
<span class="text-muted">魔莫摸墨</span>
<a class="tag" taget="_blank" href="/search/web%E5%BA%94%E7%94%A8%E4%B8%8E%E5%BC%80%E5%8F%91/1.htm">web应用与开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>目录一、实验一HTML基础HTML——表单类的标签第1关：表单元素——文本框第2关：表单元素——密码框第3关：表单元素——单选框第4关：表单元素——多选框第5关：表单元素——checked属性第6关：表单元素——disabled属性第7关：表单元素——label标签第8关：表单元素——下拉列表第9关：表单元素——文本域第10关：表单元素——提交按钮第11关：表单元素的综合案例HTML入门——基础第</div>
</li>
<li><a href="/article/1753329908160937984.htm"
title="前端 table 导出excel表格方法" target="_blank">前端 table 导出excel表格方法</a>
<span class="text-muted">其斤r</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E8%AE%B0%E5%BD%95/1.htm">小记录</a><a class="tag" taget="_blank" href="/search/Blob/1.htm">Blob</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/excel/1.htm">excel</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>需求：获取后台数据，动态生成table后，导出excel表格，要求格式与table格式一致直接上代码：导出序号单元措施以上是html基础部分，调取后台接口获取数据后渲染tbody中的内容，通过newBlob()，导出excel表格：$("#export").click(()=>{//使用outerHTML属性获取整个table元素的HTML代码（包括标签），然后包装成一个完整的HTML文档，设置c</div>
</li>
<li><a href="/article/1753021789417521152.htm"
title="Python OpenCV 图像的膨胀与腐蚀，图像处理取经之旅第 38 篇" target="_blank">Python OpenCV 图像的膨胀与腐蚀，图像处理取经之旅第 38 篇</a>
<span class="text-muted">梦想橡皮擦</span>
<div>PythonOpenCV365天学习计划，与橡皮擦一起进入图像领域吧。本篇博客是这个系列的第38篇。该系列文章导航参考：https://blog.csdn.net/hihell/category_10688961.html基础知识铺垫图像的腐蚀与膨胀是图像形态学运算的知识，形态学橡皮擦也是第一次接触到，寻找了一些简单的说明，基本含义是改变图像中物体的形状，一般在二值图中用来连接相邻的元素或分离成独</div>
</li>
<li><a href="/article/1752995733931311104.htm"
title="HTML基础语法（二）" target="_blank">HTML基础语法（二）</a>
<span class="text-muted">兔朱迪的万花筒</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>（接上文：HTML基础语法（一）-CSDN博客）3.2.5）表格标签一种布局，当数据需要以行列形式呈现时使用，看起来整齐（CSS为表格设置样式；CSS也有一些其他的常用布局）。：表格：行：单元格：表头单元格（默认加粗、居中）：行合并（竖长条是行合并）：列合并（横长条是列合并）应用举例：学号姓名年龄成绩1001小绿1990.52006303007小明18属性，推荐使用CSS设置背景颜色。-->3.2</div>
</li>
<li><a href="/article/82.htm"
title="java类加载顺序" target="_blank">java类加载顺序</a>
<span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>package com.demo;
/**
* @Description 类加载顺序
* @author FuJianyong
* 2015-2-6上午11:21:37
*/
public class ClassLoaderSequence {
String s1 = "成员属性";
static String s2 = "</div>
</li>
<li><a href="/article/209.htm"
title="Hibernate与mybitas的比较" target="_blank">Hibernate与mybitas的比较</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/orm/1.htm">orm</a>
<div>第一章 Hibernate与MyBatis
Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。
MyBatis 参考资料官网：http:</div>
</li>
<li><a href="/article/336.htm"
title="php多维数组排序以及实际工作中的应用" target="_blank">php多维数组排序以及实际工作中的应用</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/usort/1.htm">usort</a><a class="tag" taget="_blank" href="/search/uasort/1.htm">uasort</a>
<div>自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8&q</div>
</li>
<li><a href="/article/463.htm"
title="DOM改变字体大小" target="_blank">DOM改变字体大小</a>
<span class="text-muted">周华华</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q</div>
</li>
<li><a href="/article/590.htm"
title="c3p0的配置" target="_blank">c3p0的配置</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/c3p0/1.htm">c3p0</a>
<div>c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。
以在spring中配置dataSource为例：
<!-- spring加载资源文件 -->
<bean name="prope</div>
</li>
<li><a href="/article/717.htm"
title="Java获取工程路径的几种方法" target="_blank">Java获取工程路径的几种方法</a>
<span class="text-muted">510888780</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>第一种：
File f = new File(this.getClass().getResource("/").getPath());
System.out.println(f);
结果:
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin
获取当前类的所在工程路径;
如果不加“</div>
</li>
<li><a href="/article/844.htm"
title="在类Unix系统下实现SSH免密码登录服务器" target="_blank">在类Unix系统下实现SSH免密码登录服务器</a>
<span class="text-muted">Harry642</span>
<a class="tag" taget="_blank" href="/search/%E5%85%8D%E5%AF%86/1.htm">免密</a><a class="tag" taget="_blank" href="/search/ssh/1.htm">ssh</a>
<div>1.客户机
(1)执行ssh-keygen -t rsa -C "xxxxx@xxxxx.com"生成公钥，xxx为自定义大email地址
(2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址
(3)执行cat</div>
</li>
<li><a href="/article/971.htm"
title="Java新手入门的30个基本概念一" target="_blank">Java新手入门的30个基本概念一</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/java+%E5%85%A5%E9%97%A8/1.htm">java 入门</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%89%8B/1.htm">新手</a>
<div>在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。 Java概述: 目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合</div>
</li>
<li><a href="/article/1098.htm"
title="Memcached for windows 简单介绍" target="_blank">Memcached for windows 简单介绍</a>
<span class="text-muted">antlove</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a><a class="tag" taget="_blank" href="/search/memcached/1.htm">memcached</a>
<div>1. 安装memcached server
a. 下载memcached-1.2.6-win32-bin.zip
b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install
c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo</div>
</li>
<li><a href="/article/1225.htm"
title="数据库对象的视图和索引" target="_blank">数据库对象的视图和索引</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/%E7%B4%A2%E5%BC%95/1.htm">索引</a><a class="tag" taget="_blank" href="/search/oeacle%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">oeacle数据库</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E5%9B%BE/1.htm">视图</a>
<div>
视图
视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图
为什么oracle需要视图;
&</div>
</li>
<li><a href="/article/1352.htm"
title="Mockito(一) --入门篇" target="_blank">Mockito(一) --入门篇</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90/1.htm">持续集成</a><a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a>
<div> Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。
&nb</div>
</li>
<li><a href="/article/1479.htm"
title="精通Oracle10编程SQL(5)SQL函数" target="_blank">精通Oracle10编程SQL(5)SQL函数</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a>
<div>/*
* SQL函数
*/
--数字函数
--ABS(n):返回数字n的绝对值
declare
v_abs number(6,2);
begin
v_abs:=abs(&no);
dbms_output.put_line('绝对值：'||v_abs);
end;
--ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度</div>
</li>
<li><a href="/article/1606.htm"
title="【Log4j一】Log4j总体介绍" target="_blank">【Log4j一】Log4j总体介绍</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a>
<div>Log4j组件：Logger、Appender、Layout
Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能：
日志的输出目标
日志的输出格式
日志的输出级别(是否抑制日志的输出)
logger继承特性
A logger is said to be an ancestor of anothe</div>
</li>
<li><a href="/article/1733.htm"
title="Java IO笔记" target="_blank">Java IO笔记</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div> public static void main(String[] args) throws IOException {
//输入流
InputStream in = Test.class.getResourceAsStream("/test");
InputStreamReader isr = new InputStreamReader(in);
Bu</div>
</li>
<li><a href="/article/1860.htm"
title="Docker 监控" target="_blank">Docker 监控</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/docker%E7%9B%91%E6%8E%A7/1.htm">docker监控</a>
<div>
目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身
监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。
额外的，因为是docker的</div>
</li>
<li><a href="/article/1987.htm"
title="java-顺时针打印图形" target="_blank">java-顺时针打印图形</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>一个画图程序 要求打印出：
1.int i=5;
2.1 2 3 4 5
3.16 17 18 19 6
4.15 24 25 20 7
5.14 23 22 21 8
6.13 12 11 10 9
7.
8.int i=6
9.1 2 3 4 5 6
10.20 21 22 23 24 7
11.19</div>
</li>
<li><a href="/article/2114.htm"
title="关于iReport汉化版强制使用英文的配置方法" target="_blank">关于iReport汉化版强制使用英文的配置方法</a>
<span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/iReport%E6%B1%89%E5%8C%96/1.htm">iReport汉化</a><a class="tag" taget="_blank" href="/search/%E8%8B%B1%E6%96%87%E7%89%88/1.htm">英文版</a>
<div>对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下：
在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。
# ${HOME} will be replaced by user home directory accordin</div>
</li>
<li><a href="/article/2241.htm"
title="[并行计算]论宇宙的可计算性" target="_blank">[并行计算]论宇宙的可计算性</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E5%B9%B6%E8%A1%8C%E8%AE%A1%E7%AE%97/1.htm">并行计算</a>
<div>
现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......
那么,这种概念让我们推论出一个结论
&nb</div>
</li>
<li><a href="/article/2368.htm"
title="用OpenGL实现无限循环的coverflow" target="_blank">用OpenGL实现无限循环的coverflow</a>
<span class="text-muted">dai_lm</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/coverflow/1.htm">coverflow</a>
<div>网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能
源码地址：
https://github.com/jackfengji/glcoverflow
public class CoverFlowOpenGL extends GLSurfaceView implements
GLSurfaceV</div>
</li>
<li><a href="/article/2495.htm"
title="JAVA数据计算的几个解决方案1" target="_blank">JAVA数据计算的几个解决方案1</a>
<span class="text-muted">datamachine</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97/1.htm">计算</a>
<div>老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。
-----------------------------华丽的分割线-------------------------------------
数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J
&nbs</div>
</li>
<li><a href="/article/2622.htm"
title="简单的用户授权系统,利用给user表添加一个字段标识管理员的方式" target="_blank">简单的用户授权系统,利用给user表添加一个字段标识管理员的方式</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a>
<div>怎么创建一个简单的(非 RBAC)用户授权系统
通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。
本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库
首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类
在配置文件(一般为 protecte</div>
</li>
<li><a href="/article/2749.htm"
title="未选之路" target="_blank">未选之路</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E8%AF%97/1.htm">诗</a>
<div>作者:罗伯特*费罗斯特
黄色的树林里分出两条路,
可惜我不能同时去涉足,
我在那路口久久伫立,
我向着一条路极目望去,
直到它消失在丛林深处.
但我却选了另外一条路,
它荒草萋萋,十分幽寂;
显得更诱人,更美丽,
虽然在这两条小路上,
都很少留下旅人的足迹.
那天清晨落叶满地,
两条路都未见脚印痕迹.
呵,留下一条路等改日再</div>
</li>
<li><a href="/article/2876.htm"
title="Java处理15位身份证变18位" target="_blank">Java处理15位身份证变18位</a>
<span class="text-muted">蕃薯耀</span>
<a class="tag" taget="_blank" href="/search/18%E4%BD%8D%E8%BA%AB%E4%BB%BD%E8%AF%81%E5%8F%9815%E4%BD%8D/1.htm">18位身份证变15位</a><a class="tag" taget="_blank" href="/search/15%E4%BD%8D%E8%BA%AB%E4%BB%BD%E8%AF%81%E5%8F%9818%E4%BD%8D/1.htm">15位身份证变18位</a><a class="tag" taget="_blank" href="/search/%E8%BA%AB%E4%BB%BD%E8%AF%81%E8%BD%AC%E6%8D%A2/1.htm">身份证转换</a>
<div>
15位身份证变18位，18位身份证变15位
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 201</div>
</li>
<li><a href="/article/3003.htm"
title="SpringMVC4零配置--应用上下文配置【AppConfig】" target="_blank">SpringMVC4零配置--应用上下文配置【AppConfig】</a>
<span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/springmvc4/1.htm">springmvc4</a>
<div>从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。
Xml配置和Java类配置对比如下：
applicationContext-AppConfig.xml
<!-- 激活自动代理功能 参看：</div>
</li>
<li><a href="/article/3130.htm"
title="Android中webview跟JAVASCRIPT中的交互" target="_blank">Android中webview跟JAVASCRIPT中的交互</a>
<span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
<div> 在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之:
1 JAVASCRIPT脚本调用android程序
要在webview中,调用addJavascriptInterface(OBJ,int</div>
</li>
<li><a href="/article/3257.htm"
title="8个最佳Web开发资源推荐" target="_blank">8个最佳Web开发资源推荐</a>
<span class="text-muted">lampcy</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
<div>Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。
这里列出10个最佳Web开发资源，它们都是受</div>
</li>
<li><a href="/article/3384.htm"
title="架构师之面试------jdk的hashMap实现" target="_blank">架构师之面试------jdk的hashMap实现</a>
<span class="text-muted">nannan408</span>
<a class="tag" taget="_blank" href="/search/HashMap/1.htm">HashMap</a>
<div>1.前言。
如题。
2.详述。
(1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。
static int hash(int h)
{
h ^= (h >>> 20) ^ (h >>></div>
</li>
<li><a href="/article/3511.htm"
title="html禁止清除input文本输入缓存" target="_blank">html禁止清除input文本输入缓存</a>
<span class="text-muted">Rainbow702</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/input/1.htm">input</a><a class="tag" taget="_blank" href="/search/%E8%BE%93%E5%85%A5%E6%A1%86/1.htm">输入框</a><a class="tag" taget="_blank" href="/search/change/1.htm">change</a>
<div>多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。
如果不想让浏览器缓存input的值，有2种方法：
方法一： 在不想使用缓存的input中添加 autocomplete="off";
<input type="text" autocomplete="off" n</div>
</li>
<li><a href="/article/3638.htm"
title="POJO和JavaBean的区别和联系" target="_blank">POJO和JavaBean的区别和联系</a>
<span class="text-muted">tjmljw</span>
<a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/java+beans/1.htm">java beans</a>
<div>POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规</div>
</li>
<li><a href="/article/3765.htm"
title="java中单例的五种写法" target="_blank">java中单例的五种写法</a>
<span class="text-muted">liuxiaoling</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a>
<div>/**
* 单例模式的五种写法：
* 1、懒汉
* 2、恶汉
* 3、静态内部类
* 4、枚举
* 5、双重校验锁
*/
/**
* 五、 双重校验锁，在当前的内存模型中无效
*/
class LockSingleton
{
private volatile static LockSingleton singleton;
pri</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>