Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 最近最新中文字幕,最新欧美精品,久久亚洲国产高清

          整合營(yíng)銷(xiāo)服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢(xún)熱線:

          必知HTML基礎(chǔ)

          :點(diǎn)擊上方"WEB網(wǎng)頁(yè)設(shè)計(jì)自學(xué)平臺(tái)"↑ 可以訂閱噢!

          摘要 51RGB官方微信在學(xué)習(xí)CSS制作知識(shí)之前,我們必須需要認(rèn)識(shí)的HTML什么基礎(chǔ)知識(shí)。

          一、必知HTML基礎(chǔ)-CSS教程系列

          • 目錄

          1. 搞清瀏覽器作用

          2. 搞清什么是HTML

          3. html作用

          4. html我們涉及哪些基礎(chǔ)知識(shí)

          5. 常見(jiàn)html單詞及單詞功能作用有哪些

          6. html結(jié)構(gòu)

          7. html與CSS關(guān)系

          1、搞清瀏覽器作用

          瀏覽器主要作用是瀏覽網(wǎng)頁(yè)作用,在DIV+CSS制作開(kāi)發(fā)時(shí)候仍然是瀏覽我們制作開(kāi)發(fā)重構(gòu)網(wǎng)頁(yè)作用。瀏覽器可測(cè)試我們開(kāi)發(fā)的CSS網(wǎng)頁(yè)兼容性、網(wǎng)頁(yè)效果、因開(kāi)發(fā)疏忽導(dǎo)致錯(cuò)誤等作用。

          在CSS測(cè)試(CSS工具)里常用瀏覽器包括IE6、IE7、IE8、火狐(FF)、谷歌(chrome)、蘋(píng)果Safari、Opera主流瀏覽器。至于傲游、360瀏覽器因?yàn)樗麄兪褂媚阆到y(tǒng)自帶的IE內(nèi)核,所以不必考慮,只要支持你瀏覽器版本即支持類(lèi)似這2款瀏覽器

          需要兼容瀏覽器有哪些?http://www.51rgb.com/css-tool/t86.shtml

          2、搞清什么是HTML

          html是hypertext markup language的縮寫(xiě),即超文本標(biāo)記語(yǔ)言。可以這樣理解,HTML文件是一定規(guī)則規(guī)律以html\htm等命名后綴名的文本文件。

          3、html作用

          HTML作用,通過(guò)一定html自身語(yǔ)法結(jié)構(gòu)(html結(jié)構(gòu)),顯示文字、圖片、動(dòng)畫(huà)(flash)、視頻或音頻音樂(lè)。而CSS則是配合html實(shí)現(xiàn)漂亮的各式各樣的頁(yè)面內(nèi)容。

          4、html我們涉及哪些基礎(chǔ)知識(shí)

          Html擴(kuò)展名、html源代碼、DOCTYPE、html結(jié)構(gòu)、head標(biāo)簽、charset

          5、常見(jiàn)html單詞及單詞功能作用有哪些

          a、B(strong):加粗

          b、P:換行實(shí)例:<p>我是第一段內(nèi)容</p><p>我是第二段內(nèi)容</p>

          c、Br:提行實(shí)例:我是第一排<br />我是第二排內(nèi)容

          d、px:像素、長(zhǎng)度寬度單位

          實(shí)例:width:30px; 寬度30像素

          e、ul、ol、li列表標(biāo)簽實(shí)例:

          1. <ul>

          2. <li>列表一</li>

          3. <li>列表二</li>

          4. <li>列表三</li>

          5. </ul>

          6. <ol>

          7. <li>列表一</li>

          8. <li>列表二</li>

          9. <li>列表三</li>

          10. </ol>

          f、div與span:都是html標(biāo)簽

          實(shí)例:<div>我占一行</div><span>我多長(zhǎng)占多長(zhǎng)位置</span>

          兩者區(qū)別:DIV占用1整排,而SPAN所占位置是內(nèi)容多少占用多長(zhǎng)長(zhǎng)度

          g、img:圖片引用標(biāo)簽

          <img src="/css-images/css-logo.gif" />圖片標(biāo)簽

          h、dl dt dd:CSS的另類(lèi)表格組合

          實(shí)例:

          <dl>

          <dt>我是標(biāo)題</dt>

          <dd>列表一</dd>

          <dd>列表二</dd>

          </dl>

          j、title:標(biāo)題標(biāo)簽

          實(shí)例:<title>標(biāo)題</title>

          特點(diǎn),在一個(gè)網(wǎng)頁(yè)內(nèi)只能使用一次(只能出現(xiàn)一次)

          6、html結(jié)構(gòu) - TOP

          這里Html結(jié)構(gòu)可用于每次新建制作網(wǎng)頁(yè)模板使用。

          舊html結(jié)構(gòu):

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          <html xmlns="http://www.w3.org/1999/xhtml">

          <head>

          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

          <title>DIVCSS5標(biāo)題</title>

          </head>

          <body>

          具體網(wǎng)頁(yè)呈現(xiàn)內(nèi)容

          </body>

          </html>

          經(jīng)過(guò)CSS教程網(wǎng)的DIVCSS5優(yōu)化后的HTML結(jié)構(gòu)(可用于每次新建HTML模板):

          <!DOCTYPE html>

          <html>

          <title>標(biāo)題</title>

          <meta name="keywords" content="關(guān)鍵字" />

          <meta name="description" content="網(wǎng)頁(yè)描述" />

          <link href="這里CSS文件引入地址" rel="stylesheet" type="text/css" />

          內(nèi)容www.divcss5.com提供

          7、html與CSS關(guān)系 - TOP

          搞清楚html與CSS關(guān)系很重要,也是認(rèn)識(shí)CSS基礎(chǔ)。html與CSS關(guān)系解釋?zhuān)篐TML內(nèi)放置顯示網(wǎng)頁(yè)要顯示的具體內(nèi)容(圖片、文字、動(dòng)畫(huà)等)而CSS是控制HTML內(nèi)這些具體內(nèi)容的怎么顯示、怎么排版、顏色、大小、寬度、高度、左右布局等顯示樣式。

          以上7點(diǎn)是學(xué)習(xí)CSS的html基礎(chǔ),可能還不完善,但是在以后運(yùn)用的時(shí)候DIVCSS5會(huì)給大家詳細(xì)、本簡(jiǎn)單CSS教程分為15節(jié),此節(jié)DIV CSS教程以文字內(nèi)容為主,以后會(huì)穿插更多實(shí)例和圖例、跟我做的內(nèi)容希望對(duì)大家能有幫助。

          現(xiàn)問(wèn)題

          當(dāng)一名程序員在百家號(hào)中發(fā)表文章時(shí),最大的問(wèn)題莫過(guò)于文章編輯器中沒(méi)有沒(méi)有代碼塊選項(xiàng),對(duì)程序員來(lái)說(shuō)功能直接減半

          最終的解決方案樣式可以參考我已發(fā)布的文章

          https://baijiahao.baidu.com/builder/preview/s?id=1744654771281183062

          如圖,左翻右翻都找不到代碼塊這一個(gè)選項(xiàng)。

          思考解決方案

          從表面來(lái)看,百家號(hào)的編輯器無(wú)疑是一個(gè)富文本框,理論上來(lái)說(shuō)是可以識(shí)別HTML的,但不能直接鍵入HTML,如下:

          預(yù)料之中,必然不會(huì)讓你直接鍵入HTML代碼,不然無(wú)法保證安全性

          那么,如果從其他網(wǎng)頁(yè)復(fù)制的HTML內(nèi)容呢,網(wǎng)頁(yè)上選擇之后右鍵復(fù)制,其實(shí)是帶上了樣式信息的

          從其他的markdown編輯器中復(fù)制出來(lái)不就行了嗎,于是我分別用 csdn 和 簡(jiǎn)書(shū)進(jìn)行了測(cè)試,得到如下結(jié)果:

          原始代碼:

          簡(jiǎn)書(shū)復(fù)制后:

          簡(jiǎn)書(shū)復(fù)制區(qū)域:從代碼塊的下一行第一個(gè)字符之前,到代碼塊上一行的最后一個(gè)字符之后,否則有可能丟失代碼高亮樣式

          CSDN復(fù)制效果:

          復(fù)制區(qū)域與簡(jiǎn)書(shū)的復(fù)制區(qū)域基本一直,效果也基本一致,唯一的差別就是,CSDN的TAB基本識(shí)別為8個(gè)空格,而簡(jiǎn)書(shū)一般是4個(gè)空格

          基本上左右滑動(dòng)也能復(fù)制過(guò)來(lái)

          問(wèn)題基本上得到解決

          后續(xù)的問(wèn)題

          接下來(lái)又出現(xiàn)了新的問(wèn)題

          兩個(gè)markdown復(fù)制過(guò)來(lái)的樣式,基本上都丟失了代碼的格式化信息,要不就是丟失了提行,要么就是tab的位置不對(duì)

          同時(shí),在發(fā)布之后發(fā)現(xiàn),所有的代碼都被擠在了同一行,如下圖:

          于是,我對(duì)每一個(gè)代碼提行都進(jìn)行重新刪除再敲回車(chē)后,并且對(duì)縮進(jìn)重新敲Tab后,得到了如下結(jié)果

          猜測(cè)應(yīng)該是粘貼的時(shí)候所有的提行與tab都被識(shí)別成了空格,而多個(gè)空格在最終渲染的時(shí)候被識(shí)別為同一行

          想要最終正常顯示,只能刪除提行重新回車(chē),然后重新tab進(jìn)行縮進(jìn)

          總結(jié)

          經(jīng)過(guò)我的多次試驗(yàn),想要在百家號(hào)中展示代碼塊,有以下幾個(gè)要點(diǎn)

          1. 找到一個(gè)合適的markdown編輯器(CSDN和簡(jiǎn)書(shū)之外的編輯器我還沒(méi)試過(guò)),以及你喜歡的代碼塊樣式,最好這個(gè)代碼塊支持左右橫滑

          2. 復(fù)制的時(shí)候一定注意,從代碼塊的下一行第一個(gè)字符之前,到代碼塊上一行的最后一個(gè)字符之后,否則有可能丟失代碼高亮樣式,我試驗(yàn)的前幾次都是因?yàn)閺?fù)制的位置不對(duì),導(dǎo)致樣式錯(cuò)誤

          3. 復(fù)制過(guò)來(lái)的縮進(jìn)與提行幾乎全部丟失,目前只能刪除提行,重新回車(chē),再重新調(diào)整縮進(jìn)樣式

          最終的解決方案樣式可以參考我已發(fā)布的文章

          https://baijiahao.baidu.com/builder/preview/s?id=1744654771281183062

          理論上來(lái)說(shuō),以上問(wèn)題只要找到二三兩個(gè)點(diǎn)在百家號(hào)編輯器中的區(qū)別,應(yīng)該是能用代碼去解決的。

          如果大家感興趣的話(huà),關(guān)注我,后續(xù)我將繼續(xù)研究探討這個(gè)問(wèn)題。

          者:小伍哥

          來(lái)源: 小伍哥聊風(fēng)控

          數(shù)據(jù)處理,也是風(fēng)控非常重要的一個(gè)環(huán)節(jié),甚至說(shuō)是模型成敗的關(guān)鍵環(huán)節(jié)。因此,嫻熟簡(jiǎn)潔的數(shù)據(jù)處理技巧,是提高建模效率和建模質(zhì)量的必要能力。這里開(kāi)個(gè)專(zhuān)題,總結(jié)下Pandas的使用方法,方便大家,也方便自己查閱。

          這個(gè)專(zhuān)題叫做:【50個(gè)Pandas的奇淫技巧】,今天這個(gè)算是第一講,后續(xù)慢慢更新。

          一、Pandas索引概述

          很多人在使用Pandas處理數(shù)據(jù)時(shí),總會(huì)迷失在data[]、iloc()、loc()、ix()中,似乎記得,又似乎不記得,每到用時(shí)都需要百度,不知所以然的解決了問(wèn)題,下次繼續(xù)百度,記憶點(diǎn)基本上非常混亂。總結(jié)本文,希望能解決這個(gè)問(wèn)題,通過(guò)一個(gè)簡(jiǎn)單的案例徹底搞明白這幾種索引方法到底有什么區(qū)別。

          日常使用中,推薦使用loc和iloc進(jìn)行索引,loc是指location的意思,iloc中的 i 是指integer,這兩個(gè)方法容易混淆,可以使用特殊方式來(lái)加強(qiáng)記憶。

          iloc:基于位置,用行號(hào)、列號(hào)進(jìn)行索引,i 可以看著 int,因此 iloc 只能用整數(shù) 來(lái)索引,例如data.iloc[0:2,:]

          loc :基于標(biāo)簽,用行名、列名進(jìn)行索引,數(shù)據(jù)的index經(jīng)常為整數(shù),因此 loc 的使用范圍要遠(yuǎn)高于iloc,loc可以使用整數(shù)切片、名稱(chēng)(index,columns)索引、也可以切片和名稱(chēng)混合使用。例如:data.loc[0:5:,'row1':'row2']

          我們簡(jiǎn)單構(gòu)造一個(gè)數(shù)據(jù)集,在下面的案例中需要用到。

          import pandas as pd
          import numpy  as np
          data = pd.DataFrame(np.arange(25).reshape(5, 5), 
                            index = ['row1', 'row2','row3','row4','row5'], 
                            columns=['col1', 'col2','col3','col4','col5'])
          data 
                col1  col2  col3  col4  col5
          row1     0     1     2     3     4
          row2     5     6     7     8     9
          row3    10    11    12    13    14
          row4    15    16    17    18    19
          row5    20    21    22    23    24

          創(chuàng)建的表格數(shù)據(jù)如下:


          二、直接用列名索引

          取一列:data['col1'] ,即取得第一列,得到的是一個(gè)Series對(duì)象。

          取多列:data[['col1','col2']] ,即取得第一列、第二列,得到的是一個(gè)DataFrame對(duì)象。

          注 意:用data['row1'] 、data[0]、data[:,0]、data[0,:]、data[:,'col1':'col2'] 統(tǒng)統(tǒng)都會(huì)報(bào)錯(cuò)的,這類(lèi)命令只能用來(lái)按列名取一列或多列

          data['col1']
          row1     0
          row2     5
          row3    10
          row4    15
          row5    20

          data[['col1','col2']] 
                col1  col2
          row1     0     1
          row2     5     6
          row3    10    11
          row4    15    16
          row5    20    21
          
          
          #下面的命令直接應(yīng)用都會(huì)報(bào)錯(cuò),但是用loc 和 iloc 就不會(huì)報(bào)錯(cuò)
          data['row1']
          data[0]
          data[:,0]
          data[0,:]
          data[:,'col1':'col2'] 
          #TypeError: '(slice(None, None, None), 0)' is an invalid ke


          三、直接用行號(hào)索引

          data[0:2] 代表取得第0行和第1行,不包含最后一個(gè)。

          注 意:只取一行的話(huà),要用data[0:1],不能用data[0],data[0:2,]也會(huì)報(bào)錯(cuò)

          data[0:2]
                col1  col2  col3  col4  col5
          row1     0     1     2     3     4
          row2     5     6     7     8     9


          四、iloc按行號(hào)、列號(hào)索引

          官方:https://pandas.pydata.org/pandas-docs/stable/reference/api/pandas.DataFrame.iloc.html

          1、行索引

          1)取一行 :data.iloc[0] 、data.iloc[0,:]

          2)取多行 :data.iloc[[0,2]] 、data.iloc[[0,2],:]

          3)取連續(xù)多行 :data.iloc[0:2] 、data.iloc[0:2,:]

          2、列索引

          4)取一列 :data.iloc[:,0]

          5)取多列 :data.iloc[:,[0,2]]、data.iloc[:,[0,2]]

          6)取連續(xù)多列 :data.iloc[:,0:2]

          注 意:

          取行的時(shí)候可以不提列,也可以用 ",:" 來(lái)指全列

          取列的時(shí)候必須用":,"來(lái)指定全行。

          可以使用一個(gè)數(shù)字來(lái)代表一個(gè),可以使用一個(gè)列表[a,b]代表多個(gè),也可以使用a:b代表連續(xù)多個(gè)。

          data.iloc[0]
          col1    0
          col2    1
          col3    2
          col4    3
          col5    4

          data.iloc[:,2:4]
                col3  col4
          row1     2     3
          row2     7     8
          row3    12    13
          row4    17    18
          row5    22    23

          data.iloc[:,[2,4]]
                col3  col5
          row1     2     4
          row2     7     9
          row3    12    14
          row4    17    19
          row5    22    24


          五、loc按行名、列名索引

          官方網(wǎng)址:https://pandas.pydata.org/pandas-docs/stable/reference/api/pandas.DataFrame.loc.html

          1、行索引

          取一行:data.loc['row1'] 、data.loc['row1',:]

          取多行:data.loc[['row1','row2']] 、data.loc[['row1','row2'],:]

          取連續(xù)多行:data.loc['row1':'row2'] 、data.loc['row1':'row2',:]

          2、列索引

          取一列:data.loc[:,'col1']

          取多列:data.loc[:,['row1','row2']]

          取連續(xù)多列:data.loc[:,'row1':'row2']

          注 意:

          取行的時(shí)候可以不提列,也可以用",:"來(lái)指全列。

          取列的時(shí)候必須用":,"來(lái)指定全行。

          可以使用一個(gè)數(shù)字來(lái)代表一個(gè),可以使用一個(gè)list ['a','b']代表多個(gè),也可以使用'a':'b'代表連續(xù)多個(gè)。

          data.loc[:,'col1':'col3'] 
                col1  col2  col3
          row1     0     1     2
          row2     5     6     7
          row3    10    11    12
          row4    15    16    17
          row5    20    21    22

          data.loc[:,['col1','col3']]
                col1  col3
          row1     0     2
          row2     5     7
          row3    10    12
          row4    15    17
          row5    20    22

          #當(dāng)索引為整數(shù)時(shí),可以用整數(shù)進(jìn)行索引
          data = pd.DataFrame(np.arange(25).reshape(5, 5), 
                            columns=['col1', 'col2','col3','col4', 'col5'])
             col1  col2  col3  col4  col5
          0     0     1     2     3     4
          1     5     6     7     8     9
          2    10    11    12    13    14
          3    15    16    17    18    19
          4    20    21    22    23    24
          
          
          data.loc[0:3,'col1':'col3'] 
             col1  col2  col3
          0     0     1     2
          1     5     6     7
          2    10    11    12
          3    15    16    17


          六、使用iat和at

          iat 和 at 只能取單個(gè)元素,iat 使用行、列索引,at 使用行、列名,但是其功能被 iloc 和 loc 包含,因此不推薦。

          data.iat[1,2] 
          7

          data.at['row4','col4'] 
          18


          七、最后總結(jié)(重點(diǎn)!!!!)

          正常情況下,推薦使用 iloc 和 loc。最核心的點(diǎn)記住,取行可以不提列,取列必須提行,可以用一個(gè)數(shù)字,一個(gè)list,或者一個(gè)區(qū)間來(lái)取行列。ix新版的已經(jīng)棄用了,所以可以不用太關(guān)注。


          主站蜘蛛池模板: 精品无码国产一区二区三区51安 | 欧美av色香蕉一区二区蜜桃小说| asmr国产一区在线| 国产视频一区二区在线播放| 日韩一区二区三区电影在线观看 | 亚洲视频免费一区| 国产福利电影一区二区三区久久久久成人精品综合 | 区三区激情福利综合中文字幕在线一区亚洲视频1 | 精品无码综合一区| 精品视频一区二区观看| 亚洲精品日韩一区二区小说| 人体内射精一区二区三区| 九九久久99综合一区二区| 熟女性饥渴一区二区三区| 无码人妻一区二区三区免费视频| 在线观看视频一区二区| 久久精品成人一区二区三区| 国产精品亚洲一区二区三区在线| 国产成人高清精品一区二区三区| 国产一区二区精品久久岳√| 精品国产一区二区三区av片 | 亚洲AV午夜福利精品一区二区| 久久精品国产第一区二区| 一区二区三区内射美女毛片| 日韩视频在线观看一区二区| 视频一区二区在线播放| 午夜视频久久久久一区 | 狠狠色综合一区二区| 亚洲一区二区三区免费在线观看| 无码囯产精品一区二区免费| 一区二区三区观看免费中文视频在线播放 | 一本一道波多野结衣AV一区| 97人妻无码一区二区精品免费| 伊人久久精品一区二区三区| 亚洲愉拍一区二区三区| 国产综合无码一区二区色蜜蜜| 日本一区午夜爱爱| 中文字幕日韩人妻不卡一区| 无码国产精品一区二区免费16| 亚洲av乱码一区二区三区按摩| 日韩色视频一区二区三区亚洲|