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培训,为他日就业铺好道路。
-------------------------------------------------------------------------------
*请认真填写需求信息,我们会在24小时内与您取得联系。