整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          肖sir_html之基本使用(1)

          、新建項目

          1、新建===web項目===輸入項目名稱====完成


          二、新建html文件

          在新建項目中新建html模板


          輸入文件名稱:


          三、認識基本格式


          聯想出基本格式:



          四、編輯html文件


          運行html,選擇瀏覽器



          五、html常用的快捷鍵

          (1)ctrl+n+w web項目創建



          (2)ctrl+n+h html文檔創建


          (3)ctrl+s 保存html頁面(頁面上如果未保存會顯示*號)



          (4)ctrl+r html運行
          (5)ctrl+z 撤回
          (6)!+tab鍵 聯想基本格式
          (7)ctrl+/ 注釋和取消注釋



          (8)ctrl+鼠標滾輪, 字體方大和縮小


          六、認識標簽

          (1)H標簽(標題標簽)



          (2)p標簽 (段落標簽)



          (3)img 標簽(圖片標簽)
          兩種:第一種widows上傳圖片,第二種:網上圖片鏈接

          第一種


          img中顯示圖片

          img中引入圖片




          第二種:網上圖片的鏈接:




          (4) 標簽(空格)



          (5)em 標簽表示斜體



          (6)i 標簽表示斜體



          (7)br 表示換行



          (8)b 標簽表示加粗



          (9) strong 標簽表示加粗



          (10)s 標簽(刪除線)




          (11)u 標簽 (下劃線)



          (12)font 顏色



          (13)sub下標
          (14)sup上標

          些時候,我們會從后臺獲取數據,然后以表格的形式顯示到前臺頁面~但是如果數據量很大的話就會不利于查看~也就是我們常說的注意用戶體驗~

          總之用戶不開心~那么老板就會不開心,老板不開心咱們就別想開心了~所以咱們開動吧~

          表格的隔行換色

          步驟分析:

          1)確定事件(onload)并為其綁定一個函數。

          2)書寫函數(獲取表格),獲取tbody里面的行數。

          3)分別對奇數行和偶數行設置背景顏色

          先來創建表格

          我們之前分享的時候只說了<table>標簽,現在我們來補上一個知識點<thead>標簽~這個是表示表頭的標簽~

          這樣我們的表格信息就寫好了,再來寫一下JavaScrip函數t代碼:這邊我們使用的是匿名函數,JS 中的 onload 事件會在頁面或圖像加載完成后立即發生。

          1)首先利用表格的id獲取表格元素

          2)然后獲取到表各種的行數

          3)遍歷行數,如果是偶數就把背景色設置成銀色,如果是奇數就把背景色設置成為白色~

          看一下頁面效果: 這里要注意一點數組是從0開始計數的~雖然我們的序號是“1”但是在數組中它是第“0”個元素~所以是銀色的~

          高亮顯示

          在表格中除了這個這種隔行換色顯示效果,還有一種就是我們鼠標選中這行數據,這行數據就顯示不同的1顏色,這種就做高亮顯示~下面我們來實現一下~

          根據需求分析:

          1)確定事件,這個效果和鼠標選中有關(onmouseover 和 onmouseout 事件可用于在用戶的鼠標移至 HTML 元素上方或移出元素時觸發函數。

          2)書寫函數,獲取鼠標選中的那行數據并修改其背景色~

          首先給每一行表格添加一個id號~然后分別為這行添加事件并綁定函數,

          現在來補全函數

          效果圖:

          這個效果是鼠標滑動到哪一行哪一行就會改變背景顏色~

          咱們還是學習知識點為主哈~

          我是萌新娜娜

          立志做一個不翻車的老司機

          學習Java的路上請多多指教

          大家如果想要更深入了解java相關知識,私信我回復:【Java】 即可知道你們想要知道的java相關問題

          家好,今天給大家介紹一款,css實現的鼠標滑動切換圖片html頁面前端源碼(圖1)。送給大家哦,獲取方式在本文末尾。

          圖1

          拖動鼠標,可以動態的切換兩張圖片,非常炫酷的特效(圖2)

          圖2

          源碼完整,需要的朋友可以下載學習(圖3)

          圖3

          本源碼編碼:20222,需要的朋友,訪問下面鏈接后,搜索20222,即可獲取。

          「鏈接」


          主站蜘蛛池模板: 蜜桃臀无码内射一区二区三区| 国产精品区一区二区三| 免费视频精品一区二区三区| 中文字幕一区在线| 国产亚洲情侣一区二区无码AV | 久久精品亚洲一区二区| 精品一区二区三区波多野结衣| 日韩精品一区二区三区中文精品| 国产av一区最新精品| 亚洲爽爽一区二区三区| 久久久老熟女一区二区三区| 极品少妇一区二区三区四区| 无码人妻一区二区三区在线水卜樱 | 中文字幕一区二区三区5566| 国产乱码精品一区二区三区四川人| 美女AV一区二区三区| 无码国产精品一区二区免费式芒果| 亚洲综合一区无码精品| 国产精品福利区一区二区三区四区 | 国精无码欧精品亚洲一区| 99久久精品午夜一区二区| 一区二区在线视频免费观看| 亚洲国产精品第一区二区| 濑亚美莉在线视频一区| 国产一区二区在线看| 国产成人高清亚洲一区久久| 日韩一区二区在线观看视频| 视频一区二区精品的福利| 老熟妇仑乱一区二区视頻| 亚洲爽爽一区二区三区| 精品一区二区三人妻视频| 无码日韩精品一区二区三区免费| 国产福利一区视频| 国产福利一区二区三区在线视频 | 亚洲国产国产综合一区首页| 婷婷国产成人精品一区二| 91精品福利一区二区| 人妻少妇一区二区三区| 日本在线电影一区二区三区 | 国产一区二区精品久久91| 精品人伦一区二区三区潘金莲|