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 日韩大片免费看,久久久久久久久66精品片,久久精品国产线看观看亚洲 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          一分鐘學(xué)前端-02_HTML常用元素
          
        
           
          
	
	
          
		
                        
          一篇我們介紹了前端的HTML認(rèn)識。
          今天我們來聊聊，html的一些常用元素:
          前端開發(fā)中，有很多個元素，我們挑一些使用頻率最高，使用次數(shù)最多的元素，跟大家分享一下。
          div元素：通常用來對頁面布局搭建及元素分組的一個塊元素
          <div class="layout-wrap">
        <div class="top">
            頂部
        </div>
        <div class="left">
            左側(cè)
        </div>
        <div class="right">
            <div class="right-top">右側(cè)頂部</div>
            <div class="right-bottom">右側(cè)底部</div>
        </div>
    </div>
          上述代碼，再加上css樣式即可搭建出自己想要的布局：

          div搭建布局

          p元素：段落標(biāo)簽，用來展示一段文本
              <p>人生就像一場單程的旅行，即使有些遺憾，我們也沒有從頭再來的機會，與其糾結(jié)無法改變的過去不如微笑著珍惜未來。因為生活，沒有如果</p>

          p標(biāo)簽展示文案
          span元素：組合文本的行內(nèi)元素，用來組合的行內(nèi)元素
          <p><span>人生</span>就像一場單程的旅行，即使有些遺憾，我們也<span>沒有從頭再來的機會</span>，與其糾結(jié)無法改變的過去不如微笑著<span>珍惜未來</span>。因為生活，沒有如果</p>

          span標(biāo)簽組合文本的行內(nèi)元素

          img元素：圖片元素，用于在頁面中展示圖片
          <img src="https:///www.superwbs.com/superwbs-server/upload/6O95pvqNqC20XhGz9WfqFrC2.png" alt="" srcset="">


          input元素：簡單的表單元素，標(biāo)簽用于搜集用戶信息
          <input type="text" placeholder="用戶名">
    <input type="password" placeholder="密碼">
    <input type="button" value="提交">

          input標(biāo)簽用于簡單html表單

          table元素：簡單的表格元素，用來展示表格
          <table border="1" width="100%">
        <tr>
            <th>姓名</th>
            <th>性別</th>
        </tr>
        <tr>
            <td>小成</td>
            <td>男</td>
        </tr>
    </table>

          table標(biāo)簽用于簡單表格
          （本期完）
          小成講前端---本系列將隔天不定時更新
          歡迎點贊，關(guān)注我！！
          TML 文檔由 HTML 元素定義。
           HTML 元素
          <phtml 元素指的是從開始標(biāo)簽（start="" tag）到結(jié)束標(biāo)簽（end="" tag）的所有代碼。<="" p="" style="color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; white-space: normal;">
          開始標(biāo)簽 *元素內(nèi)容結(jié)束標(biāo)簽 *
          <p>這是一個段落</p>
          <a href="default.htm">這是一個鏈接</a>
          <br>
          *開始標(biāo)簽常被稱為起始標(biāo)簽（opening tag），結(jié)束標(biāo)簽常稱為閉合標(biāo)簽（closing tag）。
           HTML 元素語法
          • HTML 元素以開始標(biāo)簽起始
          • HTML 元素以結(jié)束標(biāo)簽終止
          • 元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
          • 某些 HTML 元素具有空內(nèi)容（empty content）
          • 空元素在開始標(biāo)簽中進(jìn)行關(guān)閉（以開始標(biāo)簽的結(jié)束而結(jié)束）
          • 大多數(shù) HTML 元素可擁有屬性
          注釋: 您將在本教程的下一章中學(xué)習(xí)更多有關(guān)屬性的內(nèi)容。
           
           嵌套的 HTML 元素
          <p大多數(shù) html="" 元素可以嵌套（可以包含其他="" 元素）。<="" p="">
          HTML 文檔由嵌套的 HTML 元素構(gòu)成。
          HTML 文檔實例
          <!DOCTYPE html>
          <html>
          <body>
          <p>這是第一個段落。</p>
          </body>
          </html>
          以上實例包含了三個 HTML 元素。
           HTML 實例解析
          <p> 元素:
          <p>這是第一個段落。</p>
          這個 <p> 元素定義了 HTML 文檔中的一個段落。
          這個元素?fù)碛幸粋€開始標(biāo)簽 <p> 以及一個結(jié)束標(biāo)簽 </p>.
          元素內(nèi)容是: This is my first paragraph.
          <body> 元素:
          <body>
          <p>這是第一個段落。</p>
          </body>
          The <body> 元素定義了 HTML 文檔的主體。
          這個元素?fù)碛幸粋€開始標(biāo)簽 <body> 以及一個結(jié)束標(biāo)簽 </body>。
          元素內(nèi)容是另一個 HTML 元素（p 元素）。
          <html> 元素：
          <html>
          <body>
          <p>這是第一個段落。</p>
          </body>
          </html>
          The <html> 元素定義了整個 HTML 文檔。
          這個元素?fù)碛幸粋€開始標(biāo)簽 <html> ，以及一個結(jié)束標(biāo)簽 </html>.
          元素內(nèi)容是另一個 HTML 元素（body 元素）。
           不要忘記結(jié)束標(biāo)簽
          即使您忘記了使用結(jié)束標(biāo)簽，大多數(shù)瀏覽器也會正確地顯示 HTML：
          <p>這是一個段落
          <p>這是一個段落
          以上實例在瀏覽器中也能正常顯示，因為關(guān)閉標(biāo)簽是可選的。
          但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會產(chǎn)生不可預(yù)料的結(jié)果或錯誤。
           HTML 空元素
          沒有內(nèi)容的 HTML 元素被稱為空元素。空元素是在開始標(biāo)簽中關(guān)閉的。
          <br> 就是沒有關(guān)閉標(biāo)簽的空元素（<br> 標(biāo)簽定義換行）。
          在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關(guān)閉。
           在開始標(biāo)簽中添加斜杠，比如 <br />，是關(guān)閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
          即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實是更長遠(yuǎn)的保障。
          HTML 提示：使用小寫標(biāo)簽
          HTML 標(biāo)簽對大小寫不敏感：<P> 等同于 <p>。許多網(wǎng)站都使用大寫的 HTML 標(biāo)簽。
           W3CSchool 使用的是小寫標(biāo)簽，因為萬維網(wǎng)聯(lián)盟（W3C）在 HTML 4 中推薦使用小寫，而在未來 (X)HTML 版本中強制使用小寫。
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          位一組元素
          　　前面文章中介紹過8中定位方法，這8中定位方法針對單個元素定位的，WebDriver還提供了與之對應(yīng)的8中用于定位一組元素的方法。
          代碼如下：

          定位一組元素的方法與定位單個元素的方法類似，唯一的區(qū)別是在單詞element后面多了一個s表示復(fù)數(shù)。定位一組元素一般用于以下場景：
          　　* 批量操作元素，例如勾選頁面上所有的復(fù)選框。
          　　* 先獲取一組元素，再從這組對象中過濾出需要操作的元素。例如定位出頁面上所有的CheckBox，然后選擇其中的一個進(jìn)行操作。
          代碼如下：
          這里我自己使用HTML寫了一個CheckBox復(fù)選框，關(guān)于HTML這里就不多介紹了。
          結(jié)果如下：
          前面提到，通過tag name的定位方式很難定位到單個元素，因為元素標(biāo)簽名重名的概率很高，因而在定位一組元素時，這種方式就派上用場了。在上面的例子中先通過find_elements_by_tag_name()找到一組標(biāo)簽名為input的元素。然后通過for循環(huán)進(jìn)行遍歷，在遍歷過程中，通過get_attribute()方法獲取元素的type屬性是否為CheckBox，如果為CheckBox，就認(rèn)為這個元素是一個復(fù)選框，對其進(jìn)行勾選操作。
          　　需要注意的是，在上面的例子中，通過瀏覽器打開的是一個本地的html文件，所以需要get本地文件的絕對路徑。
          　　除此之外，我們還可以使用XPath或CSS來直接判斷屬性值，從而進(jìn)行單擊操作
          代碼如下：
          結(jié)果如下：

          通過XPath或CSS來查找一組元素時，省去了判斷的步驟。因為定位方法已經(jīng)做了判斷，只需要循環(huán)對這一組元素進(jìn)行勾選即可。
          　　除此之外，例子中還用到了python所提供的兩個有趣的方法。Len()方法可以用來計算元素的個數(shù)，pop()方法用于獲取列表中的一個元素(默認(rèn)最后一個元素)，并且返回該元素的值。因為前面的循環(huán)已經(jīng)將所有的復(fù)選框都勾選上了，再對這一組元素執(zhí)行pop().click()，其實是對最后一個元素取消勾選。
          如果只想勾選一組元素中的某一個該如何操作呢？
          　　pop()或pop(-1) 默認(rèn)獲取一組元素中的最后一個。
          　　pop(0) 默認(rèn)獲取一組元素中的第一個。
          　　pop(1) 默認(rèn)獲取一組元素中的第二個。
          　　......
          　　這樣就可以操作這一組元素中的任意一個元素了，只需要數(shù)一數(shù)需要操作的元素是這一組中的第幾個。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产免费一区二区三区不卡|
免费日本一区二区|
国产美女精品一区二区三区|
少妇激情一区二区三区视频|
一区二区三区四区在线播放
|
亚洲一区二区久久|
亚州国产AV一区二区三区伊在|
91精品福利一区二区|
国产一区二区三区夜色|
蜜桃视频一区二区三区|
国产一区二区在线|播放|
国产成人精品一区二区A片带套|
亚洲bt加勒比一区二区|
无码国产精品一区二区免费式芒果
|
中文字幕日韩欧美一区二区三区
|
精品一区二区三区波多野结衣|
中文无码精品一区二区三区|
а天堂中文最新一区二区三区|
日韩视频在线一区|
国产精品一区电影|
日本一区视频在线播放|
国产在线一区二区视频|
免费一区二区三区在线视频|
精品一区二区三区在线视频观看|
日韩精品福利视频一区二区三区|
久久精品免费一区二区喷潮|
精品久久久久久无码中文字幕一区|
韩国理伦片一区二区三区在线播放
|
日本精品一区二区三区在线视频一|
国产欧美一区二区精品仙草咪|
无码国产精品一区二区免费
|
国产成人综合精品一区|
任你躁国产自任一区二区三区|
日韩精品无码一区二区三区四区|
真实国产乱子伦精品一区二区三区|
亚洲综合av永久无码精品一区二区|
看电影来5566一区.二区|
国产免费一区二区三区|
怡红院AV一区二区三区|
国产伦精品一区二区三区视频猫咪
|
亚洲av无码一区二区三区在线播放
|