===================
The first blog of Rebecca.
===================
配置好Sublime和插件之后，可以学习具体的Html的标签知识点了。这部分只是知识点，记忆就好。
-----------------------------------
先来点儿技巧
Tips1：在html格式文件首行，输入“html:5”后，按Tab键，自动出现H5版本的模板，很方便哦！如下图：
新项目直接使用HTML5标准，像4s 4t xs都过时了。
-------------------------------------------------------------
Tip2：快速批量注释ctrl/cmd + “/”。
--------------------------------------------------------------------------------
Tips3：快速复制本行 ctrl+shift+D
--------------------------------------------------------------------------------
Tips4:快速生成标签：h1+Tab，p + Tab 等
-----------
那些标签们
1、标签
属性1：lang：语言，en代表英文，影响seo。
2、
为了浏览器设置，不展示信息。
编码格式：
3.可以避免浏览器解析乱码。
关于编码：utf-8是最全的编码格式。
4. 页签标题，影响网站seo。</h4> <h4 class="mt-10">5.作用</h4> <p>1dns预解析，2引入网站icon图标，3引入css样式。</p> <h4 class="mt-10">6.<h2>标题标签</h4> <p>一个页面中最好一个。利于seo。</p> <p class="sycode"> <pre class="precsshui"><body> <h2>one</h2> <h2>one</h2> <h2>two</h2> <h2>one</h2> <h2>one</h2></body></script></pre> </p> <p> </p> <h4 class="mt-10">7. <p>段落标签。</h4> <p>自用一行，不与其他段落共用一行。还有段间距。如图所示：</p> <p></p> <h4 class="mt-10">8、<hr> 水平线</h4> <p>属于单标签，不用斜线闭合。</p> <p class="sycode"> <pre class="precsshui"><h2>one</h2> <hr> <p>this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.</p></script></pre> </p> <p></p> <p> </p> <h4 class="mt-10">9、<br>强制换行标签</h4> <p>（因为html中自带空格回车合并功能），br功效等于回车键。</p> <h4 class="mt-10">10、 强制空格，等于空格一次。</h4> <h4 class="mt-10">11、<span>行内文本节标签</h4> <p>可以在任何地方，用途：方便进行css处理。</p> <p class="sycode"> <pre class="precsshui"><p>this is a paragraph. <span>span1</span> <span>span2</span> this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.</p></script></pre> </p> <p></p> <h4 class="mt-10">12、<em>定义着重文字的标签，注：并不一定是斜体！</h4> <p class="sycode"> <pre class="precsshui"><p>this is a paragraph.this is a <em>important</em> paragraph.this is a paragraph.this is a paragraph.this is a paragraph.</p></script></pre> </p> <p></p> <p>其中important被强调，利于seo。</p> <h4 class="mt-10">13、<i>定义斜体字标签（不推荐，css就够了）</h4> <p> </p> <p> </p> <p>第一讲先到这里，洗洗睡吧~ </div>
</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script>
layui.use('code', function(){
layui.code({
elem: 'pre', //默认值为.layui-code
about:false,
title:'前端开发基础之HTML--标签系列（1）_html/css_WEB-ITnose代码块',
encode: true //是否转义html标签。默认不开启
});
});
</script>
<footer class="comm-footer">
<ul class="channels">
<li>
<a target="_top" href="/system/">操作系统</a>
</li><li>
<a target="_top" href="/down/">程序下载</a>
</li><li>
<a target="_top" href="/jquery/">jquery插件库</a>
</li><li>
<a target="_top" href="/jiaoben/">编程</a>
</li><li>
<a target="_top" href="/db/">数据库</a>
</li><li>
<a target="_top" href="/tools/">在线工具</a>
</li><li>
<a target="_top" href="/framebook/">框架书籍</a>
</li><li>
<a target="_top" href="/xitongjiaocheng/">系统教程</a>
</li><li>
<a target="_top" href="/ruanjianxiazai/">软件下载</a>
</li> </ul>
<ul class="versions">
<li>
<a href="https://m.gxlcms.com" class="active">触屏版</a>
</li>
<li>
<a href="https://www.gxlcms.com" target="_top">电脑版</a>
</li>
</ul>
<p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script></p>
</footer>
</body>
</html>
