整合营销服务商

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

免费咨询热线:

Html5 标签常用参考

lt;!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>H5标签常用参考</title>

</head>

<body style="display: grid">

<!-- 页面按显示元素分为,行元素: 水平排例; 块元素:垂直排列;行内块元素:既有块元素,又有行元素; -->

<!-- 标签有两种,双标签:用在可替换元素中,内容写到二个标签之间,单标签 :用在不可替换元素中,内容由标签属性指定-->

<!-- Html4以前布局标签 -->

<div class="header">Html4页眉</div>

<div class="main">Html4主体</div>

<div class="footer">Html4页脚</div>

<!-- 不利与SEO的优化 -->

<!-- Html5语化布局标签 -->

<header>Html5页眉</header>

<main>这里是Html5主体</main>

<footer>这里是Html5页脚</footer>

<address>我代表的是地址</address>

<mark>我是高亮标签</mark>

<!-- 常用标签 -->

<!-- 没有任何标签包裹的文本:匿名文本 -->

<strong>大家好啊。</strong>

<em>大家好啊。</em>

<span style="color: red">大家好啊!!</span>

<p style="color: slategray">-----我是分切线-----</p>

<!-- 链接元素标签 a -->

<a href="https://www.toutiao.com">默认当前窗口打开</a>

<a href="https://www.toutiao.com" target="_self">当前窗口打开</a>

<a href="https://www.toutiao.com" target="_blank">新窗口打开</a>

<p style="color: slategray">-----我是分切线-----</p>

<!-- 框架方式指定打开 使用target中对应iframe name参数-->

<a href="https://www.baidu.com" target="content"

>点我会在下方框架标签中打开</a

>

<a href="https://www.qq.com" target="content">点我会在下方框架标签中打开</a>

<iframe src="" frameborder="1" name="content"></iframe>

<p style="color: slategray">-----我是分切线-----</p>

<!-- 长用的A标签属性 -->

<a href="mailto:qqqq@qq.com">点我会调出发邮箱</a>

<a href="tel:15777777777">点我会打电话</a>

<p style="color: slategray">-----我是分切线-----</p>

<!-- 列表 -->

<!-- 无序列表 type="circle" 可修改列表前点样式-->

<ul type="circle">

<li><a href="">首页</a></li>

<li><a href="">关于我们</a></li>

<li><a href="">产品中心</a></li>

<li><a href="">在线地址</a></li>

</ul>

<!-- 有序列表 start="5" 可定义从5开始排序样式-->

<ol start="5">

<li><input type="checkbox" name="" id="" /><a href="">首页</a></li>

<li><input type="checkbox" name="" id="" /><a href="">关于我们</a></li>

<li><input type="checkbox" name="" id="" /><a href="">产品中心</a></li>

<li><input type="checkbox" name="" id="" /><a href="">在线地址</a></li>

</ol>

<!-- 有序列表 start="5" 可定义从5开始排序样式-->

<dl>

<dt>联系方式</dt>

<dd><a href="mailto:qqqq@qq.com">点我会调出发邮箱</a></dd>

<dd><a href="tel:15777777777">点我会打电话</a></dd>

<dd>

<a href=""> <address>我代表的是地址</address></a>

</dd>

<dt>备案号</dt>

<dd>京IPC备:xxxxx</dd>

</dl>

</body>

</html>


效果参考

2015年即将结束的前几天,博看文思ios班、html5班、以及html5+PHP班共计111位学员一同前往福州阳光学院与该校部分学生,进行为期四天的认知实训活动。此次活动体验方向为ios开发体验、html5开发体验以及php开发体验,阳光学院的学生们可自由选择体验方向。

此次参与本次体验活动的是12级计算机科学与技术、12级网络工程以及14级专升本学院学生,并由关颂、尹鹏、崔鹏三位老师进行课程辅导。崔鹏老师是从事iOS开发教学的工程师,伊鹏负责HTML5教学指导,老师们产品经验丰富,多年以来,一直致力于应用软件开发和研究及专业人才的培养工作。关颂老师是博看文思的副校长,也是国内较早接触iOS、html5、PHP开发和从事iOS、Html5、PHP开发教学的资深工程师,我们不妨一起看看老师们上课的风采,与学员们的认真状吧。

此次实训体验,iOS班的同学主要针对苹果电脑使用入门、iOS开发平台体验、会说话的汤姆猫等进行展开;html5班的同学则是对html5入门、八卦二维变形、龙卷风、摩天轮设计等进行实训;html5+PHP班的同学们项目比以上两个班级丰富一些,主要有W8界面效果,八卦图,会动的笑脸,安卓机器人,扇子,登录界面设计、iOS开发平台体验、会说话的汤姆猫等。最后活动还对学员们的训练作品进行了评奖。

时间转瞬即逝,ios、html5、PHP认知实训活动到了尾声的时候,阳光学院的学生对此活动感到不舍。有学生表示,该活动让他的视野更开阔,发现计算机专业也可以如此有趣,一改他日专业沉闷的印象。他也希望未来进入大四实习期时可以加入我们博看文思进行ios培训,为他日就业铺好道路。

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