阿里云服务器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/1897161808549048320.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%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>HTML学习笔记基础篇一、HTML概述1.1什么是HTML1.2HTML文档的基本结构二、HTML基础标签2.1标题标签2.2段落标签2.3换行标签2.4链接标签2.6列表标签2.7表格标签三、HTML进阶知识3.1行级元素与块级元素3.3语义化标签四、开发工具与技巧4.1开发工具4.2常用技巧五、总结六、示例一、HTML概述1.1什么是HTMLHTML，全称超文本标记语言（HyperTextMa</div>
</li>
<li><a href="/article/1896950068984999936.htm"
title="JavaWeb——HTML" target="_blank">JavaWeb——HTML</a>
<span class="text-muted">Clrove.11</span>
<a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</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>一、什么是HTMLHTML(HyperTextMarkupLanguage)：超文本标记语言超文本：超越了文本的限制，比普通文本更强大。除了文字信息还可以定义图片，音频，视频等。标记语言：由标签构成的语言HTML语言都是预定义好的。例如：使用展示超链接，使用展示图片，展示视频。HTML代码直接在浏览器中运行，HTML标签由浏览器解析。二、HTML基础语法HTML基本结构标题填写内容HTML标签不区</div>
</li>
<li><a href="/article/1896322223573102592.htm"
title="HTML基础知识及实践入门讲义" target="_blank">HTML基础知识及实践入门讲义</a>
<span class="text-muted">华笠医生</span>
<div>本文还有配套的精品资源，点击获取简介：HTML是构建网页的基础语言，本讲义旨在为初学者提供HTML的基础知识与实践指南。内容包含HTML基本结构、元素和属性、表格和列表的使用、样式的内联与外部控制、布局和响应式设计原理、表单元素的介绍，以及使用AdobeDreamweaver进行页面创建、编辑和响应式设计的方法。实践部分包含创建静态网页的实例，帮助学习者巩固所学知识。1.HTML基础语法与结构HT</div>
</li>
<li><a href="/article/1895657797597589504.htm"
title="【HTML】HTML入门：构建网页的基础" target="_blank">【HTML】HTML入门：构建网页的基础</a>
<span class="text-muted">雷神 Leo</span>
<a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB%E7%B1%BB/1.htm">经验分享类</a><a class="tag" taget="_blank" href="/search/%23/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/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（HyperTextMarkupLanguage）是构建网页和应用的基础。它提供了一种结构化的方式来组织内容，使得网页设计师可以创建出丰富且具有交互性的网页。本指南将带你从零开始学习HTML，包括它的基本概念、常用标签、属性以及如何构建一个简单的网页。第一部分：HTML基础1.1什么是HTML？HTML是一种标记语言，它通过一系列的标签（tags）来描述网页的结构。这些标签可以定义文本</div>
</li>
<li><a href="/article/1895641152531525632.htm"
title="HTML 基础 (快速入门)详细步骤和示例" target="_blank">HTML 基础 (快速入门)详细步骤和示例</a>
<span class="text-muted">浪九天</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/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/html5/1.htm">html5</a>
<div>目录创建基本的HTML文件添加内容到页面页面布局与链接HTML（超文本标记语言）是构建网页的基础技术，以下是HTML基础的详细步骤和示例：创建基本的HTML文件步骤一：新建文件在本地计算机上选择一个合适的文件夹，用于存放HTML文件。在该文件夹内，使用文本编辑器（如Notepad++、SublimeText、VisualStudioCode等）创建一个新的文本文件。步骤二：命名文件将文件保存为以.</div>
</li>
<li><a href="/article/1889445341724471296.htm"
title="HTML基础表单练习----用户登录界面" target="_blank">HTML基础表单练习----用户登录界面</a>
<span class="text-muted">Java搬码工</span>
<a class="tag" taget="_blank" href="/search/web/1.htm">web</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>表单练习学生信息管理系统mis姓名：年龄：性别：（单选框）男女爱好：（多选）乒乓球爬山唱歌学历：（下拉框）幼儿园小学初中高中大专本科研究生博士教授取消登录界面div{color:blue;}P{color:darkslategrey;}legend{color:yellowgreen;}input{color:sienna;}input:not(.radio.checkbox){padding:4</div>
</li>
<li><a href="/article/1888284092194156544.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>
<div>1.相关专业术语web：互联网。w3c：万维网联盟，w3.org，为互联网提供各种标准。xml：可扩展的标记语言，extensionmarkuplanguage，用于定义文档结构。html：超文本标记语言，HyperTextMarkupLanguage，是w3c组织定义的语言标准，html是用于描述页面结构的语言。MDN：MozillaDevelopmentNetwork，Mozilla开发者社区</div>
</li>
<li><a href="/article/1886881277617958912.htm"
title="全面HTML与CSS入门教程：从基础到实践" target="_blank">全面HTML与CSS入门教程：从基础到实践</a>
<span class="text-muted">草履虫稽亚娜</span>
<div>本文还有配套的精品资源，点击获取简介：本HTML和CSS教程为初学者打造，主要介绍网页开发中最基础的技术。HTML定义网页结构，而CSS负责设计样式。教程包括创建HTML文档结构、表格、列表、表单元素、多媒体内容，以及CSS布局和响应式设计等主题。通过实际案例和习题，学生将学会如何将理论知识应用于实际网页设计中，实现从入门到基本掌握的目标。1.HTML基础知识与结构1.1HTML文档的基本结构HT</div>
</li>
<li><a href="/article/1886308001552330752.htm"
title="【自学笔记】Web前端的重点知识点-持续更新" target="_blank">【自学笔记】Web前端的重点知识点-持续更新</a>
<span class="text-muted">Long_poem</span>
<a class="tag" taget="_blank" href="/search/%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>
<div>提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录Web前端知识点一、HTML基础二、CSS样式三、JavaScript基础四、前端框架与库五、前端工具与构建六、前端性能优化七、响应式设计与适配八、前端安全总结Web前端知识点一、HTML基础常用标签超链接(标签)图片(标签)表格(、、等标签)列表(无序列表、有序列表、定义列表)HTML5新特性语义化标签(、、等)音频视频(、</div>
</li>
<li><a href="/article/1886064984341934080.htm"
title="HTML基础与进阶技术指南" target="_blank">HTML基础与进阶技术指南</a>
<span class="text-muted">王奥雷</span>
<div>本文还有配套的精品资源，点击获取简介：HTML是构建网页的基础语言，负责定义网页的内容结构和样式。初学者需要掌握HTML元素、属性、结构等基础知识，并了解HTML5新增的语义化标签，表单元素的使用，布局与定位技术，响应式设计原则，以及如何与JavaScript交互。此外，学习SEO优化和无障碍性设计也是提高网页质量和可访问性的关键。本指南旨在引导初学者从基础到高级技巧，逐步深入理解并实践网页开发。</div>
</li>
<li><a href="/article/1884147419424288768.htm"
title="How to learn html？基于chatGLM-b生成示例（仅供参考）" target="_blank">How to learn html？基于chatGLM-b生成示例（仅供参考）</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>
<div>如何学习HTML目录章节11.1.HTML基础概念章节22.1.HTML文档结构章节33.1.HTML基本标签章节44.1.HTML文本格式化章节55.1.HTML列表和表格章节66.1.HTML表单和输入章节77.1.HTML图片和多媒体章节88.1.HTML链接与导航章节99.1.HTML样式与CSS的基本应用章节1010.1.HTML常用属性与属性标签章节1111.1.HTML注释与特殊字符</div>
</li>
<li><a href="/article/1883758482935574528.htm"
title="前端新手教程：HTML、CSS 和 JavaScript 全面详解及实用案例" target="_blank">前端新手教程：HTML、CSS 和 JavaScript 全面详解及实用案例</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/javascript/1.htm">javascript</a>
<div>一、引言在当今数字化的时代，前端开发扮演着至关重要的角色，它决定了用户与网页和应用程序交互的体验。HTML、CSS和JavaScript作为前端开发的核心技术，分别负责网页的结构、样式和交互。本教程将为前端新手全面深入地介绍HTML、CSS和JavaScript的知识点，并通过实用案例帮助你快速上手。二、HTML基础（一）HTML概述HTML（HyperTextMarkupLanguage）即超文</div>
</li>
<li><a href="/article/1881682311737569280.htm"
title="Web前端学习重点笔记" target="_blank">Web前端学习重点笔记</a>
<span class="text-muted">HeHolly</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%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>第一章：Web前端开发技术综述第二章：HTML基础第三章：格式化文本与段落标记：标题字标记：大——小字体标记：水平线标记：段落缩进标记：默认5个字符位置拼音标记：何(he)原样显示标记：特殊符号：显示结果说明符号代码空格 >大于号>加粗倾斜删除线下划线上标下标加粗倾斜变小字号变大字号第四章：列表有序列表……type="1(默认)|A|a|i|I"无序列表……type="disc(默</div>
</li>
<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/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>