整合營銷服務商

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

          免費咨詢熱線:

          肖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一区二区三区| 久久99精品国产一区二区三区 | 红桃AV一区二区三区在线无码AV| 亚洲日韩激情无码一区| 无码人妻一区二区三区免费| 一夲道无码人妻精品一区二区| 亚洲熟妇av一区二区三区下载 | 视频在线一区二区三区| 亚洲视频一区在线| 中文字幕一区二区人妻| 日韩伦理一区二区| 亚洲一区AV无码少妇电影| 中文字幕一区二区三区乱码| 色屁屁一区二区三区视频国产| 亚洲综合在线成人一区| 亚洲制服中文字幕第一区| 日本亚洲国产一区二区三区| 精品少妇一区二区三区在线| 国产一区二区精品久久岳√| 国产精品主播一区二区| 无码aⅴ精品一区二区三区| 亚洲精品精华液一区二区| 日韩精品无码免费一区二区三区| 国产av天堂一区二区三区| 狠狠综合久久AV一区二区三区 | 香蕉一区二区三区观| 精品国产一区二区三区AV性色| 亚洲AV无码一区二区三区国产| 精品国产一区二区三区AV性色 | 成人免费视频一区| 福利一区二区三区视频午夜观看| 四虎永久在线精品免费一区二区 | 国产乱码精品一区二区三区中文| 久久精品综合一区二区三区| 无码人妻一区二区三区在线| 色狠狠色狠狠综合一区| 国产一区在线电影| 精品国产鲁一鲁一区二区|