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小時內與您取得聯系。