前端学习基础篇一
常用標簽介紹
標題標簽:<h1>~<h6>
盒子:<div> ,<span>
點擊標簽: <a>
段落標簽:<p>
列表標簽：ul>li [無序] ol>li [有序] dl>dt>dd [自定義列表]
單標簽: <br />換行 ? ?<img /> 圖片標簽 ??<hr /> 一條線??<base />
其他常用標簽: <b> ? <strong> 加粗 ? ? <i> ? <em> 傾斜 ? ?<u> ? <ins> 加下劃線 ? ?<s> <del> 加刪除線
后者帶有語義,前者只是進行了相關操作,推薦使用后者標簽。
特使字符標簽:
版權信息:?? ©??? ??
人民幣:??¥?? ￥ ??
&:??&? ?&??
注冊商標:?? ®?????
攝氏度:??°?? °??
正負號 :??± ??±??
乘號: ??&time;??×??
除號: ??÷??÷??
平方2: ??²??2??
立方3: ??³??3
空格號: ?
練習一：
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title> </head> <body> <!--列表和自定義列表的使用--> <h1>中國四大名著</h1> <ol><li><h3><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1559366614209&di=bbdcdf84cb95f9f4a9cf6cffc358ef00&imgtype=0&src=http%3A%2F%2Fimg1.gomein.net.cn%2Fimage%2Fprodimg%2Fbook_image%2Fimg%2F201207%2F39%2F1000240914%2F1000240914_800.jpg" alt="不好意思出錯了" title="三國演義"width="150">三國演義</h3><p><!-- 簡介--> 《三國演義》（也稱作《三國志通俗演義》）描寫的是從東漢末年到西晉初年之間近一百年的歷史風云。全書反映了三國時代的政治軍事斗爭，反映了三國時代各類社會矛盾的滲透與轉化，概括了這一時代的歷史巨變，塑造了一批咤叱風云的英雄人物。《三國演義》故事開始于劉備、關羽、張飛桃園三結義，結束于司馬氏滅吳開晉，描寫了東漢末年和三國時代魏、蜀、吳三國鼎立的局面及晉朝開國歷史。文字淺顯、人物形象刻畫深刻、情節曲折、結構宏大。《三國演義》刻畫了近200個人物形象，其中諸葛亮、曹操、關羽、劉備等人性格尤為突出。《三國演義》是中國第一部長篇章回體小說。</p></li><li><h3><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1559366495312&di=236f50f7ef9ee313c828193a6c57eb71&imgtype=0&src=http%3A%2F%2Fimg4.gomein.net.cn%2Fimage%2Fprodimg%2Fbook_image%2Fimg%2F201207%2F25%2F1000241541%2F1000241541_800.jpg" alt="不好意思出錯了" title="西游記" width="150">西游記</h3><p> 《西游記》是中國古代一部浪漫主義長篇神魔小說，主要描寫了唐僧、孫悟空、豬八戒豬悟能、沙僧沙悟凈師徒四人去西天取經，歷經九九八十一難最后終于取得真經的故事。《西游記》內容分為三大部分：第一部分（一到七回）介紹孫悟空的神通廣大，大鬧天宮；第二部分（八到十二回）敘三藏取經的緣由；第三部分（十三到一百回）是全書故事的主體，寫悟空等降伏妖魔，最終到達西天取回真經。《西游記》書中孫悟空這個形象，以其鮮明的個性特征，在中國文學史上立起了一座不朽的藝術豐碑。</p></li><li><h3><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1559366495314&di=dcb56a22f687b7281a2113755dfaeadc&imgtype=0&src=http%3A%2F%2Fimg11.360buyimg.com%2FpopWaterMark%2Fg14%2FM07%2F16%2F00%2FrBEhV1JfrXUIAAAAAAOXhlFcBTgAAETXQMDNE4AA5ee890.jpg" alt="不好意思出錯了" title="紅樓夢"width="100"> 紅樓夢</h3><p> 《紅樓夢》是章回體長篇小說，中國古代四大名著之首，原名《脂硯齋重評石頭記》，又名《情僧錄》、《風月寶鑒》、《金陵十二釵》、《還淚記》、《金玉緣》等。《紅樓夢》是一部含笑的悲劇，描寫了一個封建貴族家庭由榮華走向衰敗的三代生活，而且還大膽地控訴了封建貴族階級的無恥和墮落，指出他們的種種虛偽、欺詐、貪婪、腐朽和罪惡。紅樓夢塑造的主要人物形象：《紅樓夢》中的100多個人物形象各具姿態，大都有自己鮮明的個性特征，尤其是主要人物形象如賈寶玉、林黛玉、薛寶釵、賈母、王熙鳳、史湘云、賈探春等，給我們留下了深刻的印象。</p></li><li><h3><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1559366495312&di=b6078f3cc940466527cd31ef23900a56&imgtype=0&src=http%3A%2F%2Fimg3.jarhu.com%2Fgoodimages%2F201207%2F27%2Fdi1343354269738.jpg" alt="不好意思出錯了" title="水滸傳" width="150">水滸傳</h3><p> 《水滸傳》描寫北宋末年以宋江為首的一百零八位好漢在梁山起義，以及聚義之后接受招安、四處征戰的故事，塑造了宋江、吳用、李逵、武松、林沖、魯智深等梁山英雄，形象地描繪了農民起義從發生、發展直至失敗的全過程，深刻揭示了起義的社會根源，滿腔熱情地歌頌了起義英雄的反抗斗爭和他們的社會理想，也具體揭示了起義失敗的內在歷史原因。《水滸傳》是中國歷史上最早用白話文寫成的章回小說之一。</p></li> </ol> <hr /> <h2>自定義列表</h2><dl><dt>江西省<dd>上饒市</dd><dd>南昌市</dd><dd>贛州市</dd><dd>九江市</dd></dt><dt>浙江省<dd>溫州市</dd><dd>臺州市</dd><dd>杭州市</dd><dd>寧波市</dd></dt><dt>山東省<dd>青島市</dd><dd>濟南市</dd><dd>濟寧市</dd></dt><dt>江蘇省<dd>南京市</dd><dd>南通市</dd><dd>無錫市</dd><dd>蘇州市</dd></dt><dt>廣東省<dd>珠江三角洲</dd><dd>深圳市</dd><dd>廣州市</dd><dd>澳門行政區</dd><dd>汕頭市</dd></dt> </dl><p><span>版權信息:© 上海資產評估有限集團</span> <span>注冊商標:®</span>北京市工商管理局</p> </body> </html>練習二：
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><base href="#" target="_blank"/><title>webTest_01</title> </head> <body> <!--標簽的練習--> <p><span><i>姓名</i>：<span>少年</span></span> <span><em>學號</em>：<span>57515241574854</span></span> <span><s>專業：</s> <span>電子通信工程</span></span> <span><del>學院： </del> <span>自動化學院</span></span></p><h2><strong><ins>目錄</ins></strong></h2> <h3><a href="#task_1" target="_self">作業一</a></h3> <h3 ><a href="#task_2" target="_self">作業二</a></h3><h3 id="task_1"><b><u>作業一</u></b></h3> <img src="../img/img.jpg" alt="圖片莫名其妙的丟失了" title="作業題目圖片" width="400"/><p> bar chart shows the value of china’s online tourism market and the growth ratecompared to previous year from the year 2008 to the year 2017.<br />It can be seen abviouslythat the value of china’s online tourism market was rising all the time during the past decade.<br />However the speed of growing almost was dropping in the last ten years. </p> <p> we can see,there was maximum rate of growth in 2010 which reached up to 53.7 percentcomparing to the rate 27.0 percent last year. <br />It was only year which achieved the increasement of the growth rate during the past ten years. <br />After the year 2010,with the rapid development of china’s online tourism,the value of china’s online tourism market was growing steadily,but the rate of increase was declining smoothly. </p> <p> In short ,in my opinion,the china’s online tourism will be rise in the future ,even though theGrowth rate may be below we expected. </p> <hr /><h3 id="task_2"><strong><ins>作業二</ins></strong></h3> <p> we enter the information age, users will receive a large number of push messages every day, but how to enable users to obtain effective information, as well as avoid being disturbed by junk information, is an urgent problem to be solved.<br />Our research focuses on designing a good hadoop based h-icsr algorithm cloud computing recommendation system to solve this problem.<br />This research will be used to improve user satisfaction, and users will receive the information they want.Avoid the enterprise pushed useless information, achieve a win-win situation for both enterprises and users. </p> <p> This research aims to improve the enterprise e-commerce recommendation system, so that users can obtain useful information and avoid the interference of junk information.<br />It is generally divided into three steps.First, we use the android client to send the request;second, the web server accepts the request; <br />finally, the Hadoop cluster runs the h-icsr algorithm offline and pushes a user.This research system will provide users with personalized and effective information, reduce the invalid push behavior of enterprises, and thus reduce the waste of enterprise resources. </p> <!--一新窗口打開--> ---------------------->詳情關注博客: <a href="http://www.baidu.com">百度詳情</a> ---------------------->登錄走一波: <a href="../login.html" >登錄</a> <!--常用的特殊字符--> <h2>特殊字符</h2> P標簽信息: <p > 版權信息: © 人民幣: ¥ &和好: & 注冊商標: ® 攝氏度: ° 正負號 : ± 乘號: × 除號: ÷ 平方2: ² 立方3: ³ 空格號: <!--圖片地址絕對路徑和相對路徑--> <img src="https://static.firefoxchina.cn/img/201905/8_5cf083434cec70.jpg" alt="意外丟失了" /> <img src="../img/firefoxdownload.jpg" alt="意外丟失了" /> <!--無序列表--> <ul><li>香蕉</li><li>蘋果</li><li>栗子</li><li>水蜜桃</li><li><h4>干貨</h4><p>核桃,杏仁...</p></li> </ul> <!--有序列表--> <ol><li>世界第一等</li><li>想你的夜</li><li>放飛理想</li><li>自由飛翔</li> </ol> </body> </html>快捷鍵： ！ + Tab html:5 + Tab 快速生成html5結構。
ul>li×5 h3>p×4 ul>li×5>p×2>span×3 …
總結
- 上一篇： htc+one+m8+联通+androi
- 下一篇： Map集合、 HashMap集合、Lin