Home > Article > Web Front-end > 前端开发基础之HTML--标签系列（1）_html/css_WEB-ITnose
前端开发基础之HTML--标签系列（1）_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:24:42770browse
===================
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。
<html lang="en">
2、
为了浏览器设置，不展示信息。
编码格式：
3.可以避免浏览器解析乱码。
<meta charset="UTF-8"><br />
关于编码：utf-8是最全的编码格式。
4. 页签标题，影响网站seo。
5.作用
1dns预解析，2引入网站icon图标，3引入css样式。
6.标题标签
一个页面中最好一个。利于seo。
<body> <h1>one</h1> <h1>one</h1> <h2>two</h2> <h1>one</h1> <h1>one</h1></body>
7.
段落标签。
自用一行，不与其他段落共用一行。还有段间距。如图所示：
8、
水平线
属于单标签，不用斜线闭合。
<h1>one</h1> <hr> <p>this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.</p>
9、
强制换行标签
（因为html中自带空格回车合并功能），br功效等于回车键。
10、 强制空格，等于空格一次。
11、行内文本节标签
可以在任何地方，用途：方便进行css处理。
<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>
12、定义着重文字的标签，注：并不一定是斜体！
<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>
其中important被强调，利于seo。
13、定义斜体字标签（不推荐，css就够了）
第一讲先到这里，洗洗睡吧~