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 98精品国产高清在线看入口,99精品视频在线,中文字幕在线不卡 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          selenium 元素定位
          
        
           
          
	
	
          
		selenium 元素定位
          
                        
          from selenium import webdriver
import os,time
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.common.by import By
driver_path=os.path.join(os.path.abspath(__file__),'../../driver/chromedriver.exe')
driver=webdriver.Chrome(executable_path=driver_path)
driver.get('https://www.baidu.com')
driver.maximize_window()
#1.通過id定位
driver.find_element(By.ID,"kw").send_keys("selenium id 定位")

#2.通過name定位
driver.find_element(By.NAME,"wd").send_keys("selenium name 定位")

#3.通過class_name 定位
driver.find_element(By.CLASS_NAME,"s_ipt").send_keys("selenium class_name 定位")

#4.通過 tag_name 定位，是最不準(zhǔn)的定位，因?yàn)橐粋€(gè)網(wǎng)上上同一個(gè)tag那么重復(fù)的可能性很大
driver.find_element(By.TAG_NAME,"input").send_keys("selenium tag_name 定位")

#5.通過link_text 定位
driver.find_element(By.LINK_TEXT,"新聞").click()

#6.通過partial_link_text 定位
driver.find_element(By.PARTIAL_LINK_TEXT,"新").click()

#7.通過css定位
# 7.1 絕對(duì)路徑是從網(wǎng)頁(yè)的根節(jié)點(diǎn)html開始，逐層去查找需要定位的元素。
# 此方法缺點(diǎn)顯而易見，當(dāng)頁(yè)面元素位置發(fā)生變化時(shí)，都需要修改，因此不推薦
driver.find_element(By.CSS_SELECTOR,'html body div#wrapper div#head div.head_wrapper div.s_form div.s_form_wrapper.soutu-env-mac.soutu-env-index form#form span.bg.s_ipt_wr.quickdelete-wrap input#kw').send_keys('selenium css 絕對(duì)路徑定位')
# 備注：當(dāng)同一層次有多個(gè)相同的元素時(shí)，使用id或class區(qū)分，遇到id用#號(hào)，遇到class用.

# 7.2 通過相對(duì)路徑,相對(duì)路徑表示文件中所有符合模式的元素都會(huì)被選出來，即使是處于不同的層級(jí)也會(huì)被選出來。
driver.find_element(By.CSS_SELECTOR,'#kw').send_keys('selenium css 相對(duì)定位1')
driver.find_element(By.CSS_SELECTOR,'input#kw').send_keys('selenium css 相對(duì)定位2')

# 7.3 使用元素屬性爹娘各位
# 元素屬性定位要求屬性能夠定位唯一一個(gè)元素，如果存在多個(gè)相同標(biāo)簽
# 默認(rèn)第一個(gè)，具體格式 //標(biāo)簽名[屬性=‘屬性值’],支持使用多個(gè)屬性一起定位元素
driver.find_element(By.CSS_SELECTOR,'input[name="wd"]').send_keys('selenium css 屬性值定位')
driver.find_element(By.CSS_SELECTOR,'input[name="wd"][class="s_ipt"]').send_keys('selenium css 多屬性值定位')

# 7.4 使用部分屬性值匹配（也稱為模糊方法定位）
# 屬性值如果太長(zhǎng)或網(wǎng)頁(yè)中的元素屬性動(dòng)態(tài)變化，可以使用此方法
# 元素屬性值開頭包含內(nèi)同： ^=driver.find_element(By.CSS_SELECTOR,'a[href^="http://news."]').click()
#元素屬性值結(jié)尾包含內(nèi)容： $=driver.find_element(By.CSS_SELECTOR,'a[href$="news.baidu.com"]').click()
#圓度屬性
driver.find_element(By.CSS_SELECTOR,'a[href*="news"]').click()

# 7.5查詢子元素
# 1）子元素 A>B
driver.find_element(By.CSS_SELECTOR,'form>span>input').send_keys('css 子元素定位')
# 2）后代元素 A空格B (類似 >)
driver.find_element(By.CSS_SELECTOR,'form span input').send_keys('后代元素')
# 3）第一個(gè)后代元素： first-child
driver.find_element(By.CSS_SELECTOR,'a#s-top-username a:first-child').click()

# 4）最后一個(gè)后代元素
a=driver.find_element(By.CSS_SELECTOR,'div#u1 a:last-child')

# 5）第n個(gè)元素： nth-child
driver.find_element(By.CSS_SELECTOR,'div#u1 a:nth-child(3)').click()

# 7.6查詢兄弟元素
# 1)同層級(jí)下一個(gè)元素  +
driver.find_element(By.CSS_SELECTOR,'div#u1 a+a')
# 2）選擇同層級(jí)多個(gè)相同標(biāo)簽的元素
driver.find_element(By.CSS_SELECTOR,'div#u1 a ~ a')

#8.通過xpath 定位,xpath 常用有6中定位元素方法
# 8.1 絕對(duì)路徑，角度路徑的開頭是一個(gè)斜線(/),從網(wǎng)頁(yè)的根節(jié)點(diǎn)html開始，逐層去查找需要定位
#的元素。
driver.find_element(By.XPATH,'/html/body/div[1]/div[1]/div/div[1]/div/form/span[1]/input').send_keys('xpath 絕對(duì)路徑定位')
#備注：當(dāng)同一個(gè)層次有多個(gè)相同的元素時(shí)，使用下標(biāo)區(qū)分，下標(biāo)從1開始。

# 8.2 相對(duì)路徑的開頭是兩個(gè)斜線（//）,表示文件中所有符合模式的元素都會(huì)被找到，即使是處于樹
# 中不通的層級(jí)也會(huì)被選出來。
driver.find_element(By.XPATH,'//form/span[1]/input').send_keys('selenium xpath 相對(duì)路徑定位1')
driver.find_element_(By.XPATH,'//span[1]/input').send_keys('selenium xpath 相對(duì)路徑定位2')
# 備注：以上都可以定位到百度搜索框，相對(duì)路徑的長(zhǎng)度和開始位置并不受限制，可以采用從后往前逐級(jí)定位
#直到定位到即可的方式去定位。

# 8.3 元素索引，遇到同層級(jí)相同標(biāo)簽元素時(shí)，可以使用索引（下標(biāo)）表示，縮影的初始值為1
driver.find_element(By.XPATH,'//div/div[3]/a[2]').click()

# 8.4 元素屬性,要求屬性能夠定位到唯一一個(gè)元素，如果存在多個(gè)相同標(biāo)簽，默認(rèn)定位第一個(gè)，
#具體隔離 //標(biāo)簽名[@屬性="屬性值"] 支持使用 and 和 or 關(guān)鍵字，多個(gè)屬性一起定位
driver.find_element(By.XPATH,'//a[@href="http://news.baidu.com"]').click()
driver.find_element(By.XPATH,'//a[@href="http://news.baidu.com" or @class="mnav c-font-normal c-color-t"] ').click()
driver.find_element(By.XPATH,'//a[@href="http://news.baidu.com" and @target="_blank"]').click()

# 8.5 元素部分屬性值（也稱為模糊方法定位）
#屬性值如果太長(zhǎng)活網(wǎng)頁(yè)中的元素屬性動(dòng)態(tài)變化，可以使用此方法
# (1)元素屬性值開頭包含內(nèi)容： start-with()
driver.find_element(By.XPATH,"//a[start-with(@name,'')]").click()

#(2)元素屬性值結(jié)尾包含內(nèi)容substring()
driver.find_element(By.XPATH,"//a[substring(@href,9)='123']").click()

# (3)contains
driver.find_element(By.XPATH,"//a[contains(@href,'hao')]").click()

# 8.6 元素文本在xpath中可以通過text()函數(shù)獲取，也可以用其來進(jìn)行元素定位。
driver.find_element(By.XPATH,'//a[text()="新聞"]').click()
driver.find_element(By.XPATH,'//a[contains(text(),"新")]').click()
time.sleep(3)
driver.quit()
          、系統(tǒng)結(jié)構(gòu)：
          ① B/S架構(gòu)：Browser/Server（瀏覽器/服務(wù)器的交互形式。）
          • Browser支持的語(yǔ)言：HTML、CSS、JavaScript；S是服務(wù)器端Server支持的語(yǔ)言有：C、C++、Java等
          • B/S架構(gòu)系統(tǒng)有什么優(yōu)點(diǎn)和缺點(diǎn)？ 優(yōu)點(diǎn)：升級(jí)方便，只升級(jí)服務(wù)器代碼即可，維護(hù)成本低。缺點(diǎn)：速度慢、體驗(yàn)不好、界面不炫酷
          • 企業(yè)大部分使用B/S架構(gòu)
          • B/S架構(gòu)的系統(tǒng)代表有：京東、百度、天貓等
          ② C/S架構(gòu)：Client/Server（客戶端/服務(wù)器的交互形式。）
          • C/S架構(gòu)的優(yōu)點(diǎn)和缺點(diǎn)？
          • 優(yōu)點(diǎn)：速度快、體驗(yàn)好、界面炫酷（娛樂性多數(shù)是C/S架構(gòu)）
          • 缺點(diǎn)：升級(jí)麻煩、維護(hù)成本較高。
          • C/S架構(gòu)的系統(tǒng)代表有：QQ、微信、支付寶等
          2、 HTML概述
          ① 什么是HTML？② 怎么開發(fā)HTML？③ 怎么運(yùn)行HTML?
          • ① HTML：Hyper Text Markup Language（超文本標(biāo)記語(yǔ)言）
          ?由大量的標(biāo)簽組成，每一個(gè)標(biāo)簽都有開始標(biāo)簽和結(jié)束標(biāo)簽。
          ?超文本：圖片、聲音、視頻等
          • ② HTML開發(fā)使用普通的文本編輯器就行，創(chuàng)建擴(kuò)展名是.html或.htm
          ?編輯器有：HBuilder、vscode等
          ③ 直接采用瀏覽器打開HTML文件就能運(yùn)行
          ④ HTML是誰制定的？
          • ④ W3C：世界萬維網(wǎng)聯(lián)盟
          ?W3C制定了HTML的規(guī)范：每個(gè)瀏覽器生產(chǎn)廠家都會(huì)遵守規(guī)范。HTML也會(huì)按照規(guī)范去寫代碼
          ?HTML規(guī)范目前最高的版本是：HTML5.0，簡(jiǎn)稱H5
          ?我們現(xiàn)在主要學(xué)的HTML4.0（基本用法）
          • 為了方便中國(guó)Web前端程序員開發(fā)，提供了大量幫助文檔。為開發(fā)提供方便。
          ?w3school：先出現(xiàn)的，和W3C無關(guān)
          ?w3cschool：后出現(xiàn)的，和W3C無關(guān)
          ?W3C制定了很多規(guī)范：HTML/XML/http協(xié)議/https協(xié)議……
          3、 第一個(gè)HTML
          4、基本標(biāo)簽
          • p：段落標(biāo)記
          • h1~h6：標(biāo)題字，與word的標(biāo)題字相同
          • br：換行標(biāo)記（獨(dú)目標(biāo)記）
          • hr：橫線（獨(dú)目標(biāo)記）
          • color：橫線顏色
          • width：橫線寬度（可以px和%）
          • pre：預(yù)留格式
          • del：刪除字
          • ins：插入字（有下劃線）
          • b：粗體字
          • i：斜體字
          • sup：上標(biāo)
          • sub：下標(biāo)
          • font：字體標(biāo)簽
          • color：字體顏色
          • size：字體大小（1~7）
          頁(yè)面效果圖：
          5、實(shí)體符號(hào)：為了避免和標(biāo)簽沖突，所以需要使用實(shí)體符號(hào)
          • <：<
          • >：>
          • 空格： 
          • 注：html中按多個(gè)空格鍵，在網(wǎng)頁(yè)中只顯示一個(gè)空格。
          6、HTML表格
          • table：表格
          • tr：行
          • td：列
          • th：列（比td加粗居中）
          • 合并行：rowspan（一個(gè)格占兩個(gè)位置）
          • 注：row合并的時(shí)候，刪除下面的單元格
          • 合并列：colspan（一個(gè)格占兩個(gè)位置）
          • 注：col合并的時(shí)候，刪除哪個(gè)沒有要求
          7、thead、tbody、tfoot標(biāo)簽
          • thead、tbody、tfoot不是必須的，便于后期JS編寫。
          8、body的背景顏色和背景圖片
          • bgcolor：背景色
          • background：背景圖片
          • 背景圖片在背景色的上面
          9、img標(biāo)簽
          • src：圖片的路徑
          • 只設(shè)置width，height會(huì)等比例縮放
          • 只設(shè)置height，不起作用
          • title：鼠標(biāo)懸停時(shí)顯示的信息
          • alt：設(shè)置圖片加載失敗時(shí)顯示的提示信息
          10、 超鏈接或熱鏈接
          • href：hot references 熱引用；
          • 后面一定是一個(gè)資源的地址。
          • 后面的路徑可以是絕對(duì)路徑也可以是相對(duì)路徑，可以是網(wǎng)絡(luò)某個(gè)資源的路徑。
          • target：
          • _blank：新窗口
          • _self：當(dāng)前窗口（默認(rèn)）
          • _top：頂級(jí)窗口
          • _parent：父級(jí)窗口
          超鏈接的作用：
          通過超鏈接可以從瀏覽器向服務(wù)器發(fā)送請(qǐng)求。
          11、request與response的概念
          • request：瀏覽器向服務(wù)器發(fā)送數(shù)據(jù)（請(qǐng)求）
          • B --》S
          • response：服務(wù)器向?yàn)g覽器發(fā)送數(shù)據(jù)（響應(yīng)）
          • S--》B
          12、列表
          • 有序列表：ol
          • type：1、A、a、I、i
          • 無序列表：ul
          • type：circle（○）、square（□）、disc（●）
          13、表單（重點(diǎn)）
          • action：寫提交的URL地址
          • method：默認(rèn)get；還有post
          • 表單有什么用？
          • 答：收集用戶的信息。表單展現(xiàn)之后，用戶填寫表單，點(diǎn)擊提交。 （submit）
          • 怎么畫一個(gè)表單？
          • 答：用form標(biāo)簽
          • 一個(gè)網(wǎng)頁(yè)可以有多個(gè)表單form
          • 表單最終是需要提交數(shù)據(jù)給服務(wù)器的，form標(biāo)簽有一個(gè)action屬性，這個(gè)屬性用來指定服務(wù)器地址。
          • action屬性用來指定數(shù)據(jù)提交給哪個(gè)服務(wù)器
          • action屬性和超鏈接中的href屬性一樣。都可以向服務(wù)器發(fā)送請(qǐng)求（request）
          • http://192.168.111.3:8080/oa/save 這是請(qǐng)求路徑，
          • 表單提交數(shù)據(jù)最終提交給192.168.111.3機(jī)器上的8080端口對(duì)應(yīng)的軟件。
          • input中的type取值:
          • radio：?jiǎn)芜x控件
          • checkbox：多選控件
          • submit：提交控件
          • reset：重置控件
          • button：普通控件
          • text：文本控件
          • password：密碼控
          • file：文件控件
          • 上傳文件專用
          • hidden：隱藏域
          • 網(wǎng)頁(yè)上看不到，但是表單提交的時(shí)候數(shù)據(jù)會(huì)自動(dòng)提交給服務(wù)器。
          • input中的value屬性用來指定按鈕上顯示的文本信息。
          • 超鏈接a與表單form的區(qū)別？
          • 答：表達(dá)form可以收集信息，而超鏈接a無法收集信息。
          • 表單提交里面的按鈕input中屬性必須定義name，不然提交不了。
          • 表單是以什么格式提交數(shù)據(jù)給服務(wù)器的？
          • 格式：action?name=value&name=value&name=value..
          • HTTP協(xié)議規(guī)定的，必須以這種格式提交給服務(wù)器
          • java中String split('&');
          • 重點(diǎn)強(qiáng)調(diào)：表單項(xiàng)寫了name屬性的，一律會(huì)提交給服務(wù)器。不想提交就不要寫name屬性。
          • 文本框和密碼框的value不需要程序員指定，用戶輸入什么value就是什么。
          • 當(dāng)name沒有寫的時(shí)候，該項(xiàng)不會(huì)提交給服務(wù)器
          • 但是當(dāng)value沒有寫的時(shí)候，value的默認(rèn)值是空字符串"",將空字符串提交給服務(wù)器。java代碼得到的是：String s="";
          效果圖：
          地址欄提交的信息：
          ?username=abc&userpassowrd=1234&sex=1&aihao=study&aihao=dream&myText=我沒有value屬性；&position=ln&myFile=&myHidden=
          14、表單的說明：
          • ① 用戶手動(dòng)輸入的文本框，都不需要給value賦值
          • ② textarea沒有value屬性
          • ③ radio、checkbox默認(rèn)選項(xiàng)需要使用，checked="checked"（簡(jiǎn)寫：checked）
          • ④ select中的option屬性：? selected="selected" 為默認(rèn)選中 ?size：顯示條目數(shù)量
          • multiple="multiple" 支持多選(select的屬性)
          • ⑤ input的屬性
          • readonly和disabled：
          • 都是只讀不能修改
          • 數(shù)據(jù)不會(huì)提交
          • maxlength：設(shè)置文本框中輸入的字符數(shù)量。
          15、HTML中的結(jié)點(diǎn)
          • 在HTML文檔中，任何元素（結(jié)點(diǎn)）都有id屬性，id屬性是該節(jié)點(diǎn)的唯一標(biāo)識(shí)。所以在同一個(gè)HTML文檔中id值不能重復(fù)。
          • 注意：表單提交數(shù)據(jù)的時(shí)候，只和name有關(guān)系，和id無關(guān)
          • id有什么作用？
          • javascript語(yǔ)言：可以對(duì)HTML文檔中的任何節(jié)點(diǎn)進(jìn)行增刪改操作。
          • 獲取節(jié)點(diǎn)時(shí)，通常通過id來獲取節(jié)點(diǎn)
          • HTML文檔是一棵樹，樹上有很多節(jié)點(diǎn)，每一個(gè)節(jié)點(diǎn)都有唯一的id（DOM樹）
          16、div和span
          • div和span有什么用？
          • div和span都可以稱為圖層。
          • 有什么用？
          • 圖層的作用為了保證頁(yè)面可以靈活的布局。
          • div和span是可以定位的，只要定下div的左上角的x軸和y軸坐標(biāo)即可。
          • div和span的區(qū)別？
          • di獨(dú)占一行
          • span不會(huì)獨(dú)占一行
          .昨日回顧
          服務(wù)器軟件：Apache、IIS
          瀏覽器是一個(gè)翻譯官，是一個(gè)解釋器。瀏覽器可以翻譯有HTML、CSS、JavaScript。
          服務(wù)器端腳本程序：PHP、 .net、JSP、c#等
          .php文件要由PHP腳本引擎來進(jìn)行處理。
          網(wǎng)站前臺(tái)(客戶端) 網(wǎng)站后臺(tái)(服務(wù)器端) 數(shù)據(jù)庫(kù)
          HTML(結(jié)構(gòu)) PHP MySQL
          CSS JSP Oracle
          JavaScript .net SqlServer
          HTML結(jié)構(gòu)：主要來說明，哪個(gè)地方是標(biāo)題，哪個(gè)地方是段落，哪個(gè)地方是表格，哪個(gè)地方是表單。
          CSS表現(xiàn)(格式)：主要功能是，給相對(duì)應(yīng)的HTML標(biāo)記定義各種各樣的格式。
          JavaScript行為：主要用于與計(jì)算機(jī)網(wǎng)頁(yè)進(jìn)行交互(交流)。
          塊元素和行內(nèi)元素
          塊元素：寬度單獨(dú)占一個(gè)通欄寬，塊元素的前臺(tái)的其它元素，都要另起一行來排。
          比如：<p> <pre> <hr> <h1>……<h6> <ul> <ol> <li>
          DIV和SPAN就是一個(gè)容器，容器中可以存放任何可以存放在<body>中的內(nèi)容或標(biāo)記。
          行內(nèi)元素：行內(nèi)元素沒有寬度和高度的概念，也就是說通過CSS無法給行內(nèi)元素增加寬和高。多個(gè)行內(nèi)元素會(huì)放在同一行，不會(huì)另起一行來排版。
          2.<marquee></marquee>滾動(dòng)字幕標(biāo)記：塊元素
          Direction：滾動(dòng)的方向，取值：left、right、up、down
          Behavior：滾動(dòng)的方式，取值：scroll(滾動(dòng))、 alternate(彈動(dòng))、 slide(滾動(dòng)一次)
          Width：滾動(dòng)的區(qū)域?qū)挾龋≈担簆x或%
          Height；滾動(dòng)的區(qū)域高度
          bgColor：背景顏色，如：bgcolor=“#FF0000” bgcolor=“rgb(255,0,0)”
          scrollAmount：滾動(dòng)步長(zhǎng)值，一步走多遠(yuǎn)，值越大，走的越快
          scrollDelay：兩次滾動(dòng)的間隔時(shí)間，以毫秒為單位 1秒=1000毫秒
          3.計(jì)算機(jī)進(jìn)制
          進(jìn)制，就是一種進(jìn)位方法。
          10進(jìn)制：有10個(gè)基本數(shù)，0、1、2、3、4、5、6、7、8、9，運(yùn)算規(guī)則是：逢十進(jìn)一
          例如：9 10 19 20 29 30
          2進(jìn)制：有2個(gè)基本數(shù)，0、 1，運(yùn)算規(guī)則是：逢二進(jìn)一。比如：(10)2 11 100 101 110
          8進(jìn)制：有8個(gè)基本數(shù)，0、1、2、3、4、5、6、7，運(yùn)算規(guī)則是：逢八進(jìn)一。比如：(17)8 20 21 26 27 30
          因?yàn)槎M(jìn)制太長(zhǎng)，不方便記憶，因此小型機(jī)引入了八進(jìn)制，八進(jìn)制可以很好的反應(yīng)二進(jìn)制。
          因此，一個(gè)八進(jìn)制數(shù)，用3位二進(jìn)制數(shù)來表示。
          基R=2^3
          16進(jìn)制：有16個(gè)基本數(shù)，0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F，運(yùn)算規(guī)則是：逢16進(jìn)一
          比如：EF F0 F1 F2 FE FF (100)16
          16進(jìn)制的一位對(duì)應(yīng)4位二進(jìn)制。基R=2^4
          10進(jìn)制12345678910111213141516171819
          2進(jìn)制1101110010111011110001001101010111100
          8進(jìn)制1234567101112131415161720
          16進(jìn)制123456789ABCDEF10111213
          十進(jìn)制轉(zhuǎn)成二進(jìn)制
          分為整數(shù)部分和小數(shù)部分，分別轉(zhuǎn)換。比如：將(10.125)10轉(zhuǎn)成二進(jìn)制？ 1010.001
          （1）整數(shù)部分轉(zhuǎn)成二進(jìn)制：除2取余法。每次將整數(shù)除以2，取余數(shù)，一直除下去，直到整數(shù)部分(商)為0。最后讀數(shù)時(shí)，從下往上讀取。
          第N次整數(shù)10商余數(shù)
          第1次10/250
          第2次5/221
          第3次2/210
          第4次1/201最后結(jié)果為：1010
          （2）小數(shù)部分轉(zhuǎn)成二進(jìn)制：乘2除整法。每次將小數(shù)部分乘以2，取整數(shù)，一直乘下去，直到小數(shù)部分為0。最后讀數(shù)時(shí)，從上往下讀取。
          第N次小數(shù)0.125積整數(shù)
          第1次0.125*20.250
          第2次0.25*20.50
          第3次0.5*21.01
          最后結(jié)果為：001
          二進(jìn)制轉(zhuǎn)成十進(jìn)制
          不分整數(shù)部分和小數(shù)部分，按權(quán)相加法。換句話說：二進(jìn)制上的每一位，乘以所在位權(quán)(也就是2的幾次方)，最后將各個(gè)位的乘相加，就能得到十進(jìn)制。
          1010.001=1*2^3 + 0*2^2 + 1*2^1 + 0*2^0 + 0*2^-1 + 0*2^-2 + 1*2^-3=8+2+ 1/8=10+0.125=10.125
          4.計(jì)算機(jī)編碼介紹(字符集)
          計(jì)算機(jī)只能二進(jìn)制，比如：a-z、A-Z、0-9、標(biāo)點(diǎn)符號(hào)，計(jì)算機(jī)都不能直接識(shí)別。每個(gè)人都可以來約定一套字符編碼（比如：a用二進(jìn)制100表示，b用二進(jìn)制101表示,c用二進(jìn)制的110表示等）
          計(jì)算機(jī)是由美國(guó)人發(fā)明的，美國(guó)標(biāo)準(zhǔn)化局同樣制定了一套統(tǒng)一的編碼，叫ASCII碼。
          ASCII碼
          ASCII編碼用7位或8位(1個(gè)字節(jié))二進(jìn)制來表示，共可以表示128或256個(gè)字符。包括：大小寫字母、數(shù)字、標(biāo)點(diǎn)符號(hào)、圖形符號(hào)等。
          5.ANSI編碼
          每個(gè)國(guó)家都想讓計(jì)算機(jī)能顯示或處理本國(guó)的語(yǔ)言，都對(duì)ASCII碼進(jìn)行了擴(kuò)展。
          在中國(guó)(簡(jiǎn)體字)，ANSI編碼是指GB2312或GBK。
          在臺(tái)灣(繁體字)，ANSI編碼是指BIG5
          在日本，ANSI編碼是指JIS。
          ……
          注意：ANSI編碼是跟隨操作一齊安裝的，也就是，安裝了中文操作系統(tǒng)后，它的默認(rèn)編碼就是GB2312。
          6.GB2312編碼
          GB2312是中國(guó)標(biāo)準(zhǔn)化局，在1980年制定的一套顯示簡(jiǎn)體中文的編碼。
          GB2312是用2個(gè)字節(jié)來顯示。共可以表示2^16=256*256=65536個(gè)字符。
          GB2312共保存了6763個(gè)常用漢字，一級(jí)漢字3700個(gè)。
          GBK編碼
          對(duì)GB2312進(jìn)行了擴(kuò)充，可以顯示人名、古漢語(yǔ)中的一些罕見字等。
          GBK也是用2個(gè)字節(jié)來表示。共存儲(chǔ)了2.3萬個(gè)左右的中文字符。
          GBK的范圍，要比GB2312大的多。
          BIG5編碼
          BIG5用于臺(tái)灣、香港、澳門地區(qū)的繁體中文編碼。
          Unicode編碼
          用4個(gè)字節(jié)表示字符，共可以表示42個(gè)億個(gè)字符。
          Unicode編碼可以顯示世界上所有國(guó)家的語(yǔ)言。
          缺點(diǎn)：文件龐大，效率不高，不利于推廣。
          UTF-8統(tǒng)一格式轉(zhuǎn)換
          它會(huì)自動(dòng)根據(jù)不同的字符，來選擇不同編碼長(zhǎng)度。
          7.<meta>標(biāo)記
          <meta>標(biāo)記是設(shè)置一些網(wǎng)頁(yè)文件頭方面的信息。主要包括：網(wǎng)頁(yè)編碼或字符集設(shè)置、網(wǎng)頁(yè)關(guān)鍵字、網(wǎng)頁(yè)描述、網(wǎng)頁(yè)刷新跳轉(zhuǎn)等。相當(dāng)于一封信的信封，信封有地址、郵編等重要。
          <head>標(biāo)記中的內(nèi)容在瀏覽器中，是不可見的。
          主要用兩個(gè)常用的屬性：
          http-equiv：主要設(shè)置一些控制信息，屬性值是固定的。比如：content-type
          name：一般用于設(shè)置網(wǎng)頁(yè)描述信息，像關(guān)鍵字、網(wǎng)頁(yè)描述、網(wǎng)頁(yè)版權(quán)、作者等，屬性值是固定的。比如：keywords
          content：是具體的參數(shù)或內(nèi)容，與http-equiv和name屬性進(jìn)行對(duì)應(yīng)。
          （1）設(shè)置網(wǎng)頁(yè)的字符集或編碼
          <meta http-equiv=“content-type” content=“text/html;charset=GBK”>
          （2）設(shè)置網(wǎng)頁(yè)刷新或跳轉(zhuǎn)
          <meta http-equiv=“refresh” content=“5”> 表示每隔5秒鐘，刷新網(wǎng)頁(yè)
          <meta http-equiv=“refresh” content=“5;url=http://www.baidu.com”> 表示5秒鐘后，跳轉(zhuǎn)到百度網(wǎng)
          注意：刷新功能相當(dāng)于瀏覽器中的刷新按鈕
          （3）設(shè)置網(wǎng)頁(yè)關(guān)鍵字(SEO優(yōu)化)，給搜索引擎(搜索機(jī)器人)使用
          <meta name=“keywords” content=“程序開發(fā),平面設(shè)置,空間域名,網(wǎng)站維護(hù)”>
          （4）設(shè)置網(wǎng)頁(yè)描述信息(SEO優(yōu)化)
          <meta name=“description” content=“廣州網(wǎng)站建設(shè)思優(yōu)網(wǎng)絡(luò)公司,提供專業(yè)廣州網(wǎng)站制作及網(wǎng)站推廣相結(jié)合的建站方案,由專業(yè)廣州網(wǎng)站設(shè)計(jì)人員結(jié)合搜索引擎優(yōu)化經(jīng)驗(yàn)為您設(shè)計(jì)網(wǎng)站;廣州網(wǎng)頁(yè)設(shè)計(jì):020-87537332”>
          8.XHTML
          XHTML是可擴(kuò)展超文本標(biāo)注語(yǔ)言，XHTML是更純凈的HTML，語(yǔ)法更嚴(yán)格。
          XHTML的目的是為了取代HTML4.01。
          XHTML是W3C的一個(gè)標(biāo)準(zhǔn)或規(guī)范。
          編寫XHTML的規(guī)范，與HTML編寫有何不同？
          1）所有的標(biāo)記都必須被關(guān)閉。比如：<br>轉(zhuǎn)換<br /> <hr>轉(zhuǎn)換后 <hr />
          2）XHTML要求所有的標(biāo)記名稱必須小寫。比如：<meta><table><img><font>
          3）XHTML要求所有的屬性名必須小寫，屬性值必須加引號(hào)。
          4）XHTML要求所有的屬性必須有值。
          <hr noshade=“noshade” />
          <input type=“radio” checked=“checked” />
          5）所有的標(biāo)記要順序嵌套，不能交叉嵌套；
          6）XHTML文件，必須要有DTD文檔類型定義；
          DTD(Document Type Define)文檔類型定義
          （1）嚴(yán)格型Strict
          要求HTML代中，不能存在任何的表現(xiàn)，用CSS去代替。比如：<font>、bgcolor、background等
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
          （2）過渡型transitional
          可以使用任何表現(xiàn)的標(biāo)記或?qū)傩浴?/p>
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          （3）框架型Frameset
          制作框架網(wǎng)頁(yè)時(shí)使用的一種類型，框架主要用于網(wǎng)站的后臺(tái)管理。
           框架技術(shù)：是將一個(gè)瀏覽器窗口劃分成不同區(qū)域，每個(gè)區(qū)域(窗口)都可以顯示一個(gè)獨(dú)立的網(wǎng)頁(yè)。（HTML第四天單獨(dú)講框架，現(xiàn)在作個(gè)了解）
          9.W3C簡(jiǎn)介
          W3C是萬維網(wǎng)聯(lián)盟，是一個(gè)國(guó)際性的非盈利性組織，是WEB領(lǐng)域最具權(quán)威性的組織。已經(jīng)制定多達(dá)200多項(xiàng)的標(biāo)準(zhǔn)。
          比如：XHTML、CSS、ECMAScript(JavaScript)、DOM、 XML等。
          10.超級(jí)鏈接
          超級(jí)鏈接的功能：就是點(diǎn)擊某個(gè)鏈接，可以跳轉(zhuǎn)到目標(biāo)頁(yè)面或文件。
          超級(jí)鏈接的分類：
          （1）按內(nèi)容分類：文本鏈接、圖片鏈接、多媒體等
          （2）按URL分類：相對(duì)URL、絕對(duì)URL、錨點(diǎn)
          URL，指網(wǎng)址或路徑
          URL(Uniform Resource Locator，統(tǒng)一資源定位器)，也就是指互聯(lián)網(wǎng)地址。
          http://www.sina.com.cn/about/index.html
          第一個(gè)部分：協(xié)議，指訪問什么類型的服務(wù)器，如：http://、FTP://、news://
          第二個(gè)部分：主機(jī)名或主機(jī)的IP地址。如：www.sina.com.cn
          第三個(gè)部分：文件夾名，如：about
          第四個(gè)部分：文件名，如：index.html
          11.<a></a>超級(jí)鏈接的標(biāo)記
          格式：<a 屬性=“屬性值”>新浪網(wǎng)</a>
          常用的屬性：
          Href：指鏈接的目標(biāo)文件或網(wǎng)址。比如：href=“http://www.toutiao.com”
          Target：指目標(biāo)文件的打開方式。
          _blank：在新窗口中，來打開目標(biāo)文件；
          _self：在當(dāng)前窗口中，來打開目標(biāo)文件；
          _top：在最頂層窗口中，來打開目標(biāo)文件(在框架中講)；
          _parent：在父窗口中，來打開目標(biāo)文件(在框架中講)
          Name：設(shè)置錨點(diǎn)的名稱。錨點(diǎn)是指：鏈接到同一個(gè)頁(yè)面的不同部分
          舉例：<a href=http://www.toutiao.com target=“_blank”>頭條號(hào)</a>
          12.相對(duì)路徑和絕對(duì)路徑
          絕對(duì)URL：它總是以file:///協(xié)議開頭，去訪問目標(biāo)文件。
          如果將當(dāng)前文件移動(dòng)到其它地方，這個(gè)絕對(duì)URL路徑不需要修改。
          絕對(duì)URL，只需要確定目標(biāo)文件的路徑即可，與當(dāng)前文件位置無關(guān)。
          例如：<a href=“file:///E:/itcast/20140510/lesson/day2/4.html”>本地絕對(duì)路徑</a>
          相對(duì)URL：要確定當(dāng)前文件與目標(biāo)文件的關(guān)系。
          關(guān)系分為三種：
          平級(jí)關(guān)系：直接寫目標(biāo)文件的文件名即可。
          下級(jí)關(guān)系：也就是目標(biāo)文件所在的文件夾與當(dāng)前文件是平級(jí)關(guān)系，當(dāng)前文件與目標(biāo)文件是上下級(jí)關(guān)系。
          上級(jí)關(guān)系：目標(biāo)文件位于上一層級(jí)。
          ../代表上一層文件夾
          ../../代表上二層文件夾
          ../../images/01.jpg
          提示：在制作網(wǎng)站時(shí)，一般使用的都是相對(duì)路徑。
          （3）下載鏈接：如果鏈接到的文件，網(wǎng)頁(yè)不能直接執(zhí)行的話，都會(huì)出現(xiàn)下載提示。
          瀏覽器可以直接執(zhí)行的文件：.gif、.jpg、.png、html、.htm、.mp3、.swf等
          （4）郵箱鏈接：mailto:beijing2000@126.com
          13.錨點(diǎn)鏈接：指鏈接到一個(gè)網(wǎng)頁(yè)的不同地方
          第一步：定義一個(gè)錨點(diǎn)或標(biāo)記 <a name=“top”></a>
          第二步：鏈接到錨點(diǎn)或標(biāo)記 <a href=“#top”>返回頂部</a>
          <a href=“intro.html#bottom”>鏈接到intro.html的底部</a>
          14.<img>圖片標(biāo)記，單邊標(biāo)記
          格式：<img 屬性＝“屬性值” />
          常用的屬性：
          Src：指圖片的URL，可以是相對(duì)路徑，也可以是絕對(duì)路徑。
          Width：指圖片的寬度，單位px或%
          Height：指圖片的高度
          Align：圖片的水平對(duì)齊方式，取值：left center right ，left或right可以實(shí)現(xiàn)圖文混排
          Alt：如果圖片不存在時(shí)，顯示的提示信息
          Hspace：圖片左右的距離
          Vspace：圖片上下的距離
          舉例：<img src=“images/01.gif” width=“400” height=“300” alt=“寶寶圖片” />
          如果保證圖片在調(diào)整過程中不變形（等比例縮放）：只需要設(shè)置width和height其中一個(gè)即可，另一個(gè)會(huì)自動(dòng)縮放。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
日韩精品一区二区三区视频|
日本一区二区三区不卡视频中文字幕|
久久精品国产一区|
性无码免费一区二区三区在线|
精品国产日韩一区三区|
精品人妻一区二区三区浪潮在线
|
久久久人妻精品无码一区|
国内自拍视频一区二区三区|
亚洲AV无码一区二区乱孑伦AS|
亚洲av午夜精品一区二区三区|
日韩精品中文字幕视频一区|
69久久精品无码一区二区|
亚洲日本精品一区二区|
亚洲国产综合无码一区|
丝袜无码一区二区三区|
久久国产精品免费一区|
久久精品综合一区二区三区|
一区三区三区不卡|
精品视频一区二区三区|
视频一区精品自拍|
久久国产精品最新一区|
亚洲日本精品一区二区|
精品视频一区二区三区四区
|
国产一在线精品一区在线观看|
日韩精品无码人妻一区二区三区|
精品国产亚洲第一区二区三区|
国产伦精品一区二区三区不卡|
国模无码视频一区二区三区|
免费萌白酱国产一区二区|
日韩AV在线不卡一区二区三区|
中文字幕一区二区在线播放|
国产福利精品一区二区|
国产高清一区二区三区|
在线免费一区二区|
国产高清在线精品一区二区
|
亚洲国产成人久久综合一区|
美女视频一区三区网站在线观看|
韩国精品福利一区二区三区
|
欧洲无码一区二区三区在线观看|
亚洲福利一区二区精品秒拍|
日韩精品一区在线|