整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML5常用的标签总结

、常用的标签

<h1>~<h6> 表示是一个标题

<p> 段落标签

<hr/> 水平线标签

<br/> 换行标签

<sub> 下标

<sup> 上标

<pre> 原样标签: 原样标签会保留空格和换行符。

<ol> <li> 有序的列表标签、

<ul> <li> 无序的列表标签。

项目列表标签(dl dt dd)

行内标签(span)

块标签<div> div标签的内容会独立占一行。

二、实体标签

空格 &nbsp;

小于号 &lt;

大于号 &gt;

-----------------------------

人民币 &yen;

版权 &copy;

商标 &reg;

三、媒体标签

<embed></embed>

hidden : 设置隐藏插件是否隐藏。

src :用于指定音乐的路径

<embed src="1.mp3" ></embed>

<marquee> 飘动标签direction : 指定飘动的方向

scrollamount : 指定飘动的速度。

loop :指定飘动的次数

四、超链接标签

<a> 超链接标签

a标签常用的属性:

href : 用于指定链接的资源

target: 设置打开新资源的目标。

_Blank 在独立的窗口上打开新资源

_self 在当前窗口打开新资源

file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。

格式:

file:///f:/美女/1.jpg

邮件 的协议: mailTo迅雷的协议: thunder

超链接标签的作用:

1. 可以用于链接资源。

2. 锚点点位.

1. 首先编写一个锚点 锚点的格式: <a name="锚点名字"> 数据</a>

2. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“

五、图片标签

img标签常用的属性:

width: 设置图片宽度

height 设置图片高度

alt: 如果图片资源无法找到,那么就显示对应的文字对图片进行说明。

六、表格标签

表格使用到的标签:

<table> 表格

<tr> 行

<td> 单元格

<th> 表头 默认的样式是居中,加粗。

<caption> 表格的标题

表格常用的属性:

border 设置表格的边框

width : 设置表格的宽度

height: 设置表格的高度的。

colspan: 设置单元格占据指定的列数。

rowspan : 设置单元格占据指定的行数。

<thead> 标签用于组合 HTML 表格的表头内容。

<thead> 元素应该与 <tbody> 和 <tfoot> 元素结合起来使用,用来规定表格的各个部分(表头、主体、页脚)。

通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

<thead> 标签必须被用在以下情境中:作为 <table> 元素的子元素,出现在 <caption>、<colgroup> 元素之后,<tbody>、 <tfoot> 和 <tr> 元素之前。

七、表单标签

<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!-- 表单标签: 表单标签的作用是用于提交数据给服务器的表单标签的根标签是<form>标签常用的属性action: 该属性是用于指定提交数据的地址。method: 指定表单的提交方式。get : 默认使用的提交方式。 提交的数据会显示在地址栏上。post : 提交的数据不会显示在地址栏上。注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值 -->

</head>
<body>
<form action="http://www.baidu.com" method="post"> <!-- 文本输入框 单 行- -> 用户名:<input name="userName" type="text"/><br/>
<!-- 密码框 -->
密码:<input name="password" type="password"/><br/>
<!-- 单选框 -->
性别: 男<input checked="true" value="man" name="sex" type="radio"/>
女<input name="sex" value="woman" type="radio"/><br/>
< !-- 下拉框 -->
来自的城市:<select name="city">
<option value="BJ">北京</option>
<option value="SH">上海</option>
<option value="GZ">广州</option>
<option value="SZ">深圳</option>
</select><br/>
<!-- 复选框 同一组的复选框name的属性值要一致 -->
兴趣爱好:java <input value="java" name="hobit" checked="checked" type ="checkbox" />
javascript <input type="checkbox" value="javascript" name="hobit" />
android <input value="android" name="hobit" type="checkbox" /><br/> <!-- 文件上传框-->
大头照:<input name="image" type="file" /><br/>
个人简介:
<!-- 文本域 -->
<textarea name="intro" rows="10" cols="30"></textarea><br/>
<!-- 提交按钮 -->
<input type="submit" value="注册"/>
<!-- 重置按钮 -->
<input type="reset" value="重置"/>
</form>
</body>
</html>

更多精彩内容在微信公众平台:网页设计自学平台

干货!免费领取Adobe高级讲师前端教程


点我领取

先H5棋牌是基于微信不需要下载的棋牌游戏,玩家只要进入到游戏,一个链接就可以跟朋友一起玩,直接将线下的棋牌模式搬到了微信群里面,

房卡的模式就是熟人约局,用房卡来计算玩的局数,一般是10局一张房卡,平台提供游戏给玩家,玩家自己来组局,无论大家玩不玩钱,玩多大跟平台,跟群主没有关系

玩家开局需要房卡,平台和群主卖房卡给玩家,这样就规避了一般的棋牌的上分下分的踩线的法律风险。

比如炸金花0.5元一分,牛牛1元一分,然后进入到公众号里面开好房间,将游戏链接发到微信群里,游戏结束之后,根据游戏,同意的发送收款码

这是游戏的一个大概的流程

2016以闲来麻将,皮皮麻将将房卡模式引爆,闲来麻将从4月份到11月份,总共赚了4个亿,然后以20亿的价格卖给了上市公司昆仑石油,随后地方的棋牌麻将,异常的火爆,到今天之后,APP客户端的麻将出现了各种各样的问题,一个很严重的问题,就是外挂,如果一个游戏又了外挂来作弊,那么这个游戏玩家很容易的就流失掉

而H5房卡棋牌就能解决这一点,H5的全称是HTML5,14年开始了第五次的重大修改,这个产品从14年开始铺开,到今年也就发展了三年多,大部分的游戏公司要不就是做APP,要不就是做PC端,微信端棋牌现在做的人非常少,屈指可数,H5棋牌它有什么优势呢?

第一,客户不需要下载,而且在PC端,用户只要收藏,就能连接到服务器,带来的好处是,转化,教育的成本能够降低很多,效率能够提高很多倍

第二,不存在外挂,外挂一般是通过修改本地数据实现作弊,无论是换牌,透视,H5的所有的数据全部都要上传到云端校对,从而完美的规避掉了外挂作弊的可能性

第三,做H5棋牌游戏,没有风险,首先没有法律风险,房卡模式没有囤货的风险,随取随用

:点击上方"蓝色字体"↑ 可以订阅噢!

<header>标签定义文档的页面组合,通常是一些引导和导航信息(DOM接口、可设置属性)。

<header>标签定义文档的页眉(介绍信息)。

Header区的例子包含了页面标题和副标题,<header>标签被用来创建页面的Header区的内容。除了网页本身之外,<header>标签还可以包含关于<section>和<article>的公开信息。这里创建的网页有该页面的一个Header区,这在高层设计中有给出,以及一个位于Article和Section区内部的Header区。清单1提供了一个<header>标签标记的例子。

<!--<header>标签的例子-->

?

1

2

3

4

5

6

7

8

9

<header>

<h1>标题文字</h1>

<p>文本或是图像可放在这里</p>

<p>Logo通常也放在这个地方</p>

</header>

<header>标签还可以包含一个<hgroup>标签,如清单2所示。<hgroup>标签把标题分组放在一起,使用<h1>到<h6&这些标题分级来在此处显示主标题和子标题。

view source print?

<!-->hgroup<标签的例子-->

?

1

2

3

4

5

6

7

8

9

10

11

12

13

<header>

<hgroup>

<h1>主标题&/h1>

<h2>子标题</h2>

</hgroup>

<p>文本或是图像可放在这里</p>

</header>

想认识志同道合的朋友一起学习web

加入我们的学习QQ群 190166743

丰富的学习资源,周一到周四免费直播公开课

长按图片,识别二维码即可入群

你可能感兴趣的精彩内容

长按关注:《UI设计自学平台》