前端开发html常用标签,一定要 收藏!

1

Html常用标签元素

常用HTML标签元素结合及简介

创建一个HTML文档

设置文档标题和其它在网页中不显示的信息

设置文档的标题

最大的标题

预先格式化文本

下划线

黑体字

斜体字

打字机风格的字体

引用,通常是斜体

强调文本(通常是斜体加黑体)

加重文本(通常是斜体加黑体)

设置字体大小从1到7,颜色使用名字或RGB的十六进制值

基准字体标记

字体加大

字体缩小

加删除线

程式码

键盘字

范例

变量

向右缩排

述语定义

地址标记

上标字

下标字

...固定寬度字体(在文件中空白、換行、定位功能有效)

...固定寬度字體(不執行標記符號)

... 固定寬度小字體

...字體顏色

...最小字體

...無限增大

2

格式标志标签

创建一个段落

将段落按左、中、右对齐

换行 插入换行符

从两边缩进文本

定义列表

放在每个定义术语词前

放在每个定义之前

创建一个标有数字的列表

创建一个标有圆点的列表

放在每个列表项之前,若在之间则每个列表项加上一个数字,

若在之间则每个列表项加上一个圆点

用来排版大块HTML段落,也用于格式化表

选项清单

目录清单

强行不换行

水平線(設定寬度)

水平居中

4

链接标志表格标志

创建超文本链接

创建自动发送电子邮件的链接

创建位于文档内部的书签

创建指向位于文档内部书签的链接

文档中不能被该站点辨识的其它所有链接源的URL

定义一个链接和源之间的相互关系

5

链接标记注解:

target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top

rel="..."发送链接的类型

rev="..."保存链接的类型

accesskey="..."指定该元素的热键

shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly

coord="..."使用像素或者长度百分比来定义形状的尺寸

tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

6

圆边圆角CSS代码:

#divcss5 h1, #divcss5 h2, #divcss5 p

#divcss5 h1

#divcss5 h2

#divcss5 p

#divcss5 h2

#divcss5

/* divcss5提示 圆角样式 */

.xtop, .xbottom

.xb1, .xb2, .xb3, .xb4

.xb1, .xb2, .xb3

.xb2, .xb3, .xb4

.xb1

.xb2

.xb3

.xb4

.xboxcontent

/* divcss5提示 圆角样式 结束 */

主要HTML代码片段:

纯CSS+DIV圆角案例

纯DIV+CSS实现圆角效果

http://www.divcss5.com/

五、换行演示网页 - TOP

http://www.divcss5.com/yanshi/br.html

7

html head

script使用实例演示

链接外部JS时候script 标签的内容结构解释

src的值为外部资源地址,这里是js文件的地址,相当于link标签href链接外部css文件一样CSS引用

type规定被链接文档的 MIME 类,这里是值为text/javascript

div+css通过对head标签内script“”标签讲解,希望对大家有帮助。

特别说明标签和link标签一样不一定必须放置在标签内,可以适当放置在html网页源代码中任何地方,效果相同,但是推荐标准的放置在head标签内。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180105G0TJPI00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券