欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

前端开发基础之HTML--标签系列(1)_html/css_WEB-ITnose

程序员文章站 2022-05-22 16:20:08
...
===================

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。

5.作用

1dns预解析,2引入网站icon图标,3引入css样式。

6.

标题标签

一个页面中最好一个。利于seo。

    

one

one

two

one

one

7.

段落标签。

自用一行,不与其他段落共用一行。还有段间距。如图所示:

8、
水平线

属于单标签,不用斜线闭合。

one


this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.

9、
强制换行标签

(因为html中自带空格回车合并功能),br功效等于回车键。

10、&nbsp 强制空格,等于空格一次。

11、行内文本节标签

可以在任何地方,用途:方便进行css处理。

this is a paragraph. span1 span2 this is a paragraph.this is a paragraph.this is a paragraph.this is a paragraph.

12、定义着重文字的标签,注:并不一定是斜体!

this is a paragraph.this is a important paragraph.this is a paragraph.this is a paragraph.this is a paragraph.

其中important被强调,利于seo。

13、定义斜体字标签(不推荐,css就够了)

第一讲先到这里,洗洗睡吧~