PIXNET Logo登入

互聯網 - 大數據

跳到主文

本部落格為互聯網熱門頭條訊息管理中心

部落格全站分類:生活綜合

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 3月 09 週四 201720:31
  • Python第七天 函數 函數參數 函數變量 函數返回值 多類型傳值 冗余參數 函數遞歸調用 匿名函數 內置函數 列表表達式/列表重寫


文章出處
Python第七天   函數  函數參數   函數變量   函數返回值  多類型傳值    冗余參數   函數遞歸調用   匿名函數   內置函數   列表表達式/列表重寫
 
目錄
Pycharm使用技巧(轉載)
Python第一天 安裝 shell 文件
Python第二天 變量 運算符與表達式 input()與raw_input()區別 字符編碼
Python第三天 序列 數據類型 數值 字符串 列表 元組 字典
Python第四天 流程控制 ifelse條件判斷 forwhile循環
Python第五天 文件訪問 for循環訪問文件 while循環訪問文件 字符串的startswith函數和split函數
Python第六天 類型轉換
Python第七天 函數 函數參數 函數變量 函數返回值 多類型傳值 冗余參數 函數遞歸調用 匿名函數 內置函數 列表表達式/列表重寫
Python第八天 模塊 包 全局變量和內置變量__name__ Python path
Python第九天 面向對象 類定義 類的屬性 類的方法 內部類 垃圾回收機制 類的繼承
Python第十天 print >> f,和fd.write()的區別 stdout的buffer 標準輸入 標準輸出 標準錯誤 重定向
Python第十一天 異常處理 glob模塊和shlex模塊 打開外部程序和subprocess模塊 subprocess類 Pipe管道 operator模塊 sorted函數 生成器 walk模塊 hashlib模塊
Python第十二天   收集主機信息   正則表達式   正則表達式  無名分組   有名分組
Python第十三天   django 1.6   導入模板   定義數據模型   訪問數據庫   GET和POST方法    SimpleCMDB項目   urllib模塊   urllib2模塊  httplib模塊  django和web服務器整合  wsgi模塊   gunicorn模塊
Python第十四天 序列化  pickle模塊  cPickle模塊  JSON模塊  API的兩種格式
 
 
 
Python函數
函數就是完成特定功能的一個語句組,這組語句可以作為一個單位使用,并且給它取一個名字。
可以通過函數名在程序的不同地方多次執行(這通常叫函數調用)。
預定義函數
可以直接使用
自定義函數
用戶自己編寫
函數的定義和調用
//定義
def 函數名([參數列表]):
函數名:如果由多個單詞組成,第二個單詞的首字母應該大寫   
//調用
函數名([參數列表])
     
#!/usr/bin/python
def fun():
    sth = raw_input("Please input something: ")
    try:
        if type(int(sth)) == type(1):
            print "%s is a number" %sth
    except ValueError:
        print "%s is not number" %sth
fun()
最好這樣寫if type(int(num)) == type(1)
type返回的不是字符串,是type對象。
------------------------------------------
函數參數
形式參數和實際參數
- 在定義函數時,函數名后面括號中的變量名稱叫做“形式參數”,或者稱為“形參”
- 在調用函數時,函數名后面括號中的變量名稱叫做“實際參數”,或者稱為“實參”
in的用法
if  i  in '0123456789'
if  plus_one in  range(10)
sys.argv跟shell內置變量一樣
sys.argv[0]  相當于 $0表示腳本本身
sys.argv[1]   相當于  $1 第一個參數
sys.argv[2]   相當于  $2 第二個參數
#!/usr/bin/python
import sys
import os
def isNum(s):
    for i in s:
        if i in '0123456789':
            pass
        else:
            #print "%s is not a number" %s
            break
    else:
        print s
isNum(sys.argv[1])
----------------------------------
 
練習
打印系統的所有PID
要求從/proc讀取。
os.listdir()
os.listdir:列出目錄下的所有文件和目錄,列表形式,每個列表元素都是字符串
#!/usr/bin/python
import sys
import os
def isNum(s):
for i in s:
if i in '0123456789':
pass
else:
#print "%s is not a number" %s
break
else:
print s
for i in os.listdir('/proc'):
isNum(i)
或
#!/usr/bin/python
import sys
import os
def isNum(s):
if s in '0123456789':
print s
for i in os.listdir('/proc'):
isNum(i)
---------------------------------------
函數默認參數
缺省參數(默認參數)
def fun(x, y=100):
print x,y
默認參數要寫在最右邊,否則會報錯 def fun(y=100,x): 這個報錯
fun(1,2)
fun(x=1,y=2) 傳參的另一種方式,不過比較啰嗦很少用
fun(1)
-----------------------------------
函數變量
局部變量和全局變量
- Python中的任何變量都有特定的作用域
- 在函數中定義的變量一般只能在該函數內部使用,這些只能在程序的特定部分使用的變量我們稱之為局部變量
- 在一個文件頂部定義的變量可以供文件中的任何函數調用,這些可以為整個程序所使用的變量稱為全局變量
global語句
global 變量名
強制聲明為全局變量
全局變量在函數外聲明,在函數里面global引用全局變量
在函數里面global聲明全局變量,在函數外可以引用這個全局變量
#!/usr/bin/python
x = 100
def fun():
global x
x += 1
print x
fun()
print x
 
globals函數打印當前環境的所有全局變量,返回字典
locals函數打印當前環境的所有局部變量,返回字典
#!/usr/bin/python
x = 100
def fun():
x = 1
y = 1
print locals()
fun()
print locals()
---------------------------------
函數返回值
- 函數被調用后會返回一個指定的值
- 函數調用后默認返回None
- return 返回值
- 返回值可以是任意類型
- return執行后,函數終止
- return與print區別
------------------------------
多類型傳值
元組傳參
實參前面加一個* 傳入元組,元組要放在右邊
def fun(x,y,z)
return x+y+z
t1=(2,3,4)
t=(1,2)
fun(*t1)
fun(*(1,2,3))
fun(1,*t)
字典傳參
字典的key的名字要跟形參的名字一樣,x,y,z否則會報錯
dic = {'x':1,'y':3,'z':5}
fun(**dic)
 
冗余參數
向函數傳元組和字典
處理多余實參
def fun(x,y,*args,**kwargs)
fun(1,2,'a',[2,4],y=2,z=3)
fun(1,2,'a',[2,4],*t,y=2,**{'u':12})
--------------------------------
函數遞歸調用
計算階層
遞歸調用
def factorial(n):
if n == 0:
return 1
else:
return n * factorial(n-1)
print factorial(5)
注意事項
必須有最后的默認結果: if n == 0
遞歸參數必須向默認結果收斂的: factorial(n-1)
 
打印目錄下所有文件
def print_files(path):
isdir, isfile, join = os.path.isdir, os.path.isfile, os.path.join
lsdir = os.listdir(path)
dirs = [i for i in lsdir if isdir(join(path,i))]
files = [i for i in lsdir if isfile(join(path,i))]
if dirs:
for d in dirs:
print_files(join(path,d))
if files:
for f in files:
print join(path,f)
print_files(sys.argv[1])
 
--------------------------------------
匿名函數
lambda函數是一種快速定義單行的最小函數,可以用在任何需要函數的地方。
lambda語句中,冒號前是參數,可以有多個,逗號隔開,冒號右邊是返回值。
lambda語句構建的其實是一個函數對象
def fun(x, y):
return x*y
fun(2, 3)
r = lambda x,y: x*y
r(2, 3)
def add(x, y):
return x + y
sum = reduce(add, [1, 2, 3])
reduce(lambda x,y:x+y, range(1,4))
 
匿名函數優點:
- 1.使用python寫一些腳本時,使用lambda可以省去定義函數的過程,讓代碼更加精簡。
- 2. 對于一些抽象的,不會被別的地方再重復使用的函數,有時候函數起個名字也是個難題,使用lambda不需要考慮命名的問題。
- 3. 使用lambda在某些時候讓代碼更容易理解。
 
-------------------------------------------
內置函數
所有內置函數和內置類都在__builtin__模塊(__builtin__前后雙下劃線)
查詢內置函數和類
https://docs.python.org/2/library/index.html
絕對值,最大最小值
abs()
max()
max('12345','789')
字符串'789‘比字符串’12345‘大,字符串是從左到到右開始比較的,'7’比‘1'大,所以輸出’789'
min()
len() 參數是一個對象(字符串,元組,字典)不能是整數
divmod() 參數是兩個數字,返回商和余數
pow() 乘方
round() 給出小數點的精度,沒有第二個參數直接四舍五入
常用函數
callable() 可被調用的,例如類,函數
type()
isinstance() isinstance(s,(int,tuple,str)),s是一個對象,第二個參數是元組,判斷s這個對象的數據類型在不在第二個參數元組里,是返回true ,否返回false
class A(object):
pass
a=A()
isinstance(a,A)
cmp() 如果是字符串,則逐個字符比較,一旦有字符比較出來就不往下比較
range()
xrange()
類型轉換函數
int() 參數如果是字符串,只能是純數字字符串,不能帶小數
long() 參數如果是字符串,只能是純數字字符串,不能帶小數
float() 參數如果是字符串,只能是純數字字符串,不能帶小數
complex()
str()
list()
tuple()
hex()
oct()
chr() 輸入0<x<256 返回ascii字符
ord() 輸入ascii的單個字母,返回數字
eval() 將有效表達式求值,其實就是去掉字符串
 
 
字符串處理函數
下面函數實例化一個string對象或聲明一個string變量
str.capitalize()   將字符串里的第一個字符大寫并返回
str.replace()   replace(old,new,count)
str.split()   字符串切成列表 不指定分隔符,那么以空格,tab鍵,換行符作為分隔 split('.',1) 點為分隔,切1次
str.join()     列表連接為字符串 ''.join([str(i)  for i in range(10)])  join會在被插入字符中間插入 ','.join([str(i)  for i in range(10)]) 逗號變為的分隔符
s= 'sdf'
s.join('22')
'2sdf2'
靜態函數,不需要實例化一個string對象
string模塊   import  string
string.capitalize('hello')
string.replace('wecan','a','t')
string.split('we,w,e',',')
string.join('ww','tt')
序列處理函數
len()
max()
min()
filter()   filter(none/func, seq) 如果不是none,func這個函數依次對sequence里的元素做處理,最后返回一個list, tuple, or string。
zip()   合并多個列表
l1=[1,2,3]
l2=['a','b','c']
zip(l1,l2)
[(1, 'a'), (2, 'b'), (3, 'c')]
dict(zip(l1,l2)) 從中創建字典
map()   map(none,l1,l2,l3)跟zip函數一樣,元素最少的那個序列以none補充,map(func,seq)對序列的每個元素都放進去函數里去處理,并且函數參數要與序列元素個數相同
與filter(func, seq)類似,但是filter(func, seq)只能處理單個序列
reduce()   reduce(func,seq)
使用lambda代入序列處理函數
filter(lambda x:x %2 ==0, range(10))
     [0, 2, 4, 6, 8]
map(lambda x,y:x*y, range(5),range(5))
     [0, 1, 4, 9, 16]
reduce(lambda x,y:x+y, range(1,101))
     5050
列表表達式/列表重寫
[i*2+10 for i in range(10)]
[i for i in range(10) if i%3 == 0]
 


提示
16行報錯,vim +16 xx.py
 
(繼續閱讀...)
文章標籤

AutoPoster 發表在 痞客邦 留言(0) 人氣(2)

  • 個人分類:生活學習
▲top
  • 3月 09 週四 201720:31
  • Python第八天 模塊 包 全局變量和內置變量__name__ Python path


文章出處
Python第八天  模塊   包   全局變量和內置變量__name__    Python path
 
目錄
Pycharm使用技巧(轉載)
Python第一天 安裝 shell 文件
Python第二天 變量 運算符與表達式 input()與raw_input()區別 字符編碼
Python第三天 序列 數據類型 數值 字符串 列表 元組 字典
Python第四天 流程控制 ifelse條件判斷 forwhile循環
Python第五天 文件訪問 for循環訪問文件 while循環訪問文件 字符串的startswith函數和split函數
Python第六天 類型轉換
Python第七天 函數 函數參數 函數變量 函數返回值 多類型傳值 冗余參數 函數遞歸調用 匿名函數 內置函數 列表表達式/列表重寫
Python第八天 模塊 包 全局變量和內置變量__name__ Python path
Python第九天 面向對象 類定義 類的屬性 類的方法 內部類 垃圾回收機制 類的繼承
Python第十天 print >> f,和fd.write()的區別 stdout的buffer 標準輸入 標準輸出 標準錯誤 重定向
Python第十一天 異常處理 glob模塊和shlex模塊 打開外部程序和subprocess模塊 subprocess類 Pipe管道 operator模塊 sorted函數 生成器 walk模塊 hashlib模塊
Python第十二天   收集主機信息   正則表達式   正則表達式  無名分組   有名分組
Python第十三天   django 1.6   導入模板   定義數據模型   訪問數據庫   GET和POST方法    SimpleCMDB項目   urllib模塊   urllib2模塊  httplib模塊  django和web服務器整合  wsgi模塊   gunicorn模塊
Python第十四天 序列化  pickle模塊  cPickle模塊  JSON模塊  API的兩種格式
 
 
 
 
模塊
模塊是Python組織代碼的基本方式。
一個Python腳本可以單獨運行,也可以導入到另一個腳本中運行,當腳本被導入運行時,我們將其稱為模塊(module)。
所有的.py文件都可以作為一個模塊導入
模塊名與腳本的文件名相同
模塊是一個可以導入的Python腳本文件
例如我們編寫了一個名為hello.py的腳本,則可以在另一個腳本中用import  hello語句來導入它。
模塊名不能以數字命名,比如1.py,用數字命名在py腳本里導入模塊的時候會報錯
------------------------------------------------------------
包
Python的模塊可以按目錄組織為包
創建一個包的步驟:
- 創建一個名字為包名的目錄
- 在該目錄下創建一個__init__.py文件,此文件可以存放包的信息
- 根據需要,在該目錄下存放腳本文件或已編譯的擴展及子包
- 使用的時候,在腳本頭部 只導入模塊: 包名.模塊名,也可以整個包導入
import pack.m1, pack.m2, pack.m3
import pack
day04:包名
wc:模塊名
wordCount:函數名
from  day04  import  wc
或
import  day04.wc
或
from  day04.wc  import  wordCount
或
from  day04.wc  import  wordCount as wc123  給函數/模塊起一個別名,別名為wc123
導入模塊和包的語法:
- import , import as
- from … import …
------------------------------------------------------------
全局變量__name__
腳本名:test1.py
if __name__ == '__main__':
print 'a'
if __name__ == 'test1':
print 'b'
vi test2.py
import test1
會輸出 b,不會輸出a
 
__name__是python的內置變量,它有兩個值:'__main__'或者模塊名。
它的值為’__main__'時表示當前模塊(即python腳本)是被直接執行,如果模塊被其他文件導入時,__name__的值為模塊名字。
------------------------------------------------------------
python環境變量
Python path
得到python的path環境變量,類似shell的$PATH
import sys
sys.path  
sys.path
['',
 '/usr/bin',
 '/usr/lib64/python26.zip',
 '/usr/lib64/python2.6',
 '/usr/lib64/python2.6/plat-linux2',
 '/usr/lib64/python2.6/lib-tk',
 '/usr/lib64/python2.6/lib-old',
 '/usr/lib64/python2.6/lib-dynload',
 '/usr/lib64/python2.6/site-packages',
 '/usr/lib/python2.6/site-packages',
 '/usr/lib/python2.6/site-packages/setuptools-0.6c11-py2.6.egg-info',
 '/usr/lib/python2.6/site-packages/IPython/extensions',
 '/home/yonghualin/.ipython']
第一種方法
添加路徑到Python PATH環境變量
sys.path.append('/root/ss')
第二種方法
PYTHONPATH變量是shell下定義,會自動添加到sys.path列表里
在/etc/profile里
export PYTHONPATH=/root/test
export PATH=$PATH:/usr/local/mysql/bin/
示例程序
#!/usr/bin/python
def wordCount(s):
chars
=len(s)
words
=len(s.split())
lines
=s.count('\n')
print lines,words,chars
if __name__ == '__main__': --->內置變量__name__ ,得出的值為 '__main__'
s
= open('/etc/passwd').read()
wordCount(s)
-------------------------------------
#!/usr/bin/python
import wc
s
="""hello world python"""
wc.wordCount(s)

 
(繼續閱讀...)
文章標籤

AutoPoster 發表在 痞客邦 留言(0) 人氣(4)

  • 個人分類:生活學習
▲top
  • 3月 09 週四 201720:31
  • 正式進入漢企1027,今天的第一堂課,對接下來四個半月的計劃和目標!!!


文章出處
            說實話,計算機行業之前從來沒有接觸過,也沒想過自己會選擇這個行業,以前聽說過IT,但總感覺離著自己很遠,身邊也沒從事這行業的朋友,沒想到今天的我和一幫懷著同樣夢想的同學都坐在同一間教室,了解著PHP。
             我雖然年齡不大,但是有著好幾年的社會經驗,隨著時間的逝去,年齡的增長,我突然意識到,該為自己的以后考慮了,既然來到這個世界,那就要好好把握,總不能渾渾噩噩的就把青春耗費了,一轉眼老了,想干點什么可能就干不動了。
             我有好幾個女同學都結婚了,小時候都玩得挺好,一聽到那個消息的時候,我就在想,女人這一結婚是不是也就注定這樣子了,結婚生子,要么在家相夫教子,要么就找個安定的工作。。。大多數也就這樣了吧,。都說男人最好先立業再成家,但是我的想法也是那樣,我雖然是個女的,但是我不想那么平穩的過一生,趁著自己年輕,要去學點東西,然后通過自己的努力來實現自己的人生價值。原諒我說了那么多廢話,我只是想把自己,至少是現在的想法,通過以文字的形式和我對接下來四個半月的計劃,目標一起記錄下來,因為我不知道四個半月之后,或是這中間我又會變成怎樣的心態,可能不光是我,每個人都背負著不同的壓力責任和決心,我的決心就是我必須要學好,學精,學會,這可能就代表著自己以后的人生路,希望不管多久以后,或許很累,或許壓力大,但我依然能不忘初心,繼續在IT行業努力奮斗,說句玩笑話就是“以后都在IT行業了,余生請多指教了”,哈哈。
           接下來步入正題了,標題是四個半月的計劃和目標,之前也沒有接觸過,就大體寫一下思路,畢竟不是專業的,我寫一些內容文字,喜歡用大白話,可能通俗易懂一點吧,先來說一下目標吧:
           1、把時間作息調整好,不賴床,勤奮,四個半月后,自己對每一天的事情都學會有合理的安排和計劃。
           2、在自己原有的基礎上有更大的提升,做事態度等問題。
           3、對于專業知識來說,自己的思考還有做題越來越全面,高效率,高質量。
           4、希望自己能通過自己的努力,價值,來實現我一直以來想要去北京的愿望,不是去玩的,而是去工作。
           5、最后一點就是,希望自己能在IT行業,越走越遠。
           四個半月內的計劃:
           1、在接下來的每一天都要擺正自己的態度,學習態度,以及與人相處的態度等。
           2、每天按時起床,不遲到不早退,當日事當日畢,就算下課了,也要加班完成。
           3、聽一遍課后,自己多練幾遍,所謂孰能生巧,不懂就問,不留問題。
           4、每天活力滿滿的來上每一堂課,渾身充滿正能量。
           5、還有自己的心態,要不斷的去調整好的心態,對未來充滿信心。
           能想到的,差不多這些吧,其實我很看好這里,漢企還有IT這個行業,并對自己也是充滿信心,我想把這個做好,相信能做好,不過是努力一點勤奮一點,成敗就在這四個半月了,我相信自己,一定可以!
 
             
(繼續閱讀...)
文章標籤

AutoPoster 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:生活學習
▲top
  • 3月 09 週四 201720:31
  • 第二堂課


文章出處
    舉個例子,<body bogcolor="#6666FF">   bogcolor是屬性,它決定網頁的顏色,后面的#是個符號,66是紅色66是綠色FF是藍色,顏色是使用的16進制,也就是0到15,10--A、11--B、13--C......以此類推。
    text="#FF0000"   text是屬性,它控制文字的顏色
    background="圖片的路徑",圖片的路徑又分為絕對路徑和相對路徑。絕對路徑是從根開始的,它的寫法是/    相對路徑是當前目錄./和上級目錄../
    <font face="字體" 或 size=“大小倍數” 或 color="文字顏色">文字</font>
    <b>文字</b> 加粗作用。。<i>文字</i>傾斜作用。。<u>文字</u>加下劃線作用
    <i><b>文字</b></i>加粗傾斜作用,可以組合起來使用
    <br/>單標簽元素,起換行作用,出現幾次換幾次行,出現一次的話就換一行
     在代碼界面,無論加多少空格都會被當成一個空格對待
     &nbsp;代表空格,出現幾次就代表幾個空格,一次的話就一個空格
     <strong>文字</strong>也起加粗作用<em>文字</em>則是傾斜作用,這兩者都帶有強調重要語氣的作用,頁面上看不出來,但是在搜索引擎的時候可以看出來,所以一般不常用這兩個
     <h1>標題</h1>最大號標題  <h6>標題</h6>最小號標題
     <p>內容</p>表示段落,可重復使用做段落
     <div>內容</div>  是個容器,不對里面的內容產生作用,div做網絡布局的是一個純容器,它是默認占一行
      有序列表  <ol>
                           <li>文字</li>
                           <li>文字</li>
                   </ol>
      制作出來的效果就是1、
                               2、
      可選擇有序記錄的表達,例如,<ol type="I"> 制作出來的效果就是I、
                                                                                          II、
      無序列表, <ul type="點圓或方塊”>
                             <li>......</li>
                             <li>......</li>
                     </ul>
      制作出來沒有1、2、3的標記,而是用每個相同的點或圓代替,一般用無序列表用的比較多
(繼續閱讀...)
文章標籤

AutoPoster 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:生活學習
▲top
  • 3月 09 週四 201720:31
  • 第四節課 表格制作


文章出處
表格是由三個基本標簽構成,由外到里的順序是<table><tr><td></td></tr></table>
舉個例子:
如果是三行兩列,順序就是這樣的
 <tr>
     <td >        </td>
     <td>         </td>
                                                    </tr>
<tr>  
     <td >        </td>
     <td>         </td>
                                                     </tr>
<tr>   
     <td >        </td>
     <td>         </td>
                                                     </tr>
</table>
tr代表行,有幾行就寫幾個,中間是內容,td代表列,也是有幾列寫幾個,在遇到比較復雜的網頁時,要學會拆分,先做出大體表格,然后再細分
      設計和代碼頁,是同步的,設計頁面做出一個表格,從屬性設置寬度高度 寬度有像素單位還有百分比,像素是固定的大小,百分比是 1到100之間,相對于瀏覽器的邊距來說,它隨著瀏覽器的變化而變化
      當在設計頁面插入表格在調整時,會出現調整單元格邊距,間距還有寬度等,代碼頁會出現widch="100%",border="0",cellspacing="0",cellpadding="0"  都是屬性分別代表寬度,邊框,單元格邊距還有單元格間距,后面的值,都是根據情況自己設置,設置單元格寬度時,只設置每一列第一個單元格寬度就可以,在布局頁面時,不要邊框,所以數值為0,做數據時可以顯示一般數值為1,單元格邊距指兩個單元格之間的距離,單元格間距是指里面的文字與外面邊框的距離,單元格還有高度,高度在代碼中是height,高度不是固定的,所以沒有百分比,只有像素,當高度需要改變時,只調整每一行的第一個單元格就好
     在屬性窗口里還有水平對齊和垂直對齊等方式,當需要改變時,選中單元格內要調整的內容,選一個方式就好,當單元格內內容較多時,默認的是換行,會換另一行繼續內容,如果不想讓它換行的話,選擇屬性表內的不換行就好,經常出現的幾個屬性詞,align水平,center 居中,valign 垂直對齊方式,bottom 靠下,當要改變內容在某個單元格的位置時,選中內容然后在屬性中選擇要改變的位置就好
     背景色,直接在屬性窗口內選擇背景顏色就好,它對應的代碼就是bgcolor 背景色,在屬性窗口里還有合并和拆分單元格選項,colspan 代表合并列,rowspan 代表合并行,如果合并行也合并烈,是既有colspan 又有rowspan 
     插入圖片時,從代碼頁添加即可
(繼續閱讀...)
文章標籤

AutoPoster 發表在 痞客邦 留言(0) 人氣(3)

  • 個人分類:生活學習
▲top
  • 3月 09 週四 201720:31
  • 第六堂課 框架和樣式表的基礎


文章出處
 <iframe src="選擇一個頁面"></iframe>
一個雙標簽元素,它的主要作用是在瀏覽頁面上添加一個頁面
中間可以添加屬性來控制頁面的大小和其他功能,例如  width="頁面的寬度" height="頁面的高度" frameborder="0或1"這是控制邊框,scrolling="yes或no"這是是否顯示滾動條的意思,如果高和寬都為0,則在頁面上看不到了,但被隱藏的頁面依然在運行著
再說一個雙標簽元素, <frameset></frameset>   如果有它,就不要<body></body>了
<frameset cols="300,700">
cols是左右分的意思,也可以用屬性詞rows,它是代表上下分。如果左邊的數是300,左邊的是*,那右邊就是占剩下所有的像素,舉個例子
<frameset cols="300,*">
           < frame src="網頁地址"/>
           <frame  src="網頁地址"/>
</frameset>
嵌入兩個網頁,左邊是300,右邊是*,就是除去300剩下占所有
再說一下制作滾動文字
在<body></body>內制作
<marquee>滾動文字</marquee>
在marquee后面也可以添加一些屬性,滾動屬性是direction,決定文字的滾動方向
在內容滾動文字那里也可以換成圖片< img src="圖片路徑"/>
舉個可以設定一行字出現效果的例子
<span><mark>蘋果</mark>很好吃</span>
蘋果這兩個字那里會有黃色背景色
<hr/>可以制作分割線,要幾條就在相應的行,寫幾個
也可以把視頻嵌入到網頁上,比如優酷,可以點擊分享,選擇復制通用代碼,粘貼到代碼頁就可以把視頻嵌入到網頁上了
下面說一下樣式表的基礎
1、內聯
在<body>的區域里寫
<div style="樣式">hello</div>
2、內嵌寫在頁面里面的
在<head>區域內寫這個雙標簽
<style type="text/css"></style>
3、外部樣式表是在網頁以外的樣式表
選擇css創建保存
在<head>區域內,單擊點css樣式表點附加表,會出來< link href="test.css" rel="stylesheet" type="text/css"/>
內聯樣式優點,控制精確
            缺點,代碼重用性差,頁面代碼亂
內嵌樣式優點,代碼重用性好
            缺點,控制不精確
外部樣式優點,代碼重用性最好
            缺點,控制是最不精確的
一般用外部樣式表,瀏覽器會有緩存
內聯的樣式優先級最高,內嵌其次,最后外部和內嵌一樣
例<div style="color:#F00">hello</div>
這是內聯,樣式名:樣式值,多個樣式之間用分號隔開
內嵌 <style type="tee/css">
       </style>
   *{color:#60F}
*代表元素所有元素
  #{color:#0F0}
#代表id選擇器
  .cl{color:#630}
<div class="cl">文字</div>
用id舉個例子
用<div></div>控制內容
< div id="d1">準確控制</div>
id=""同一個頁面是不能重復的,里面取的代號不能使用中文打頭,可以用英文打頭
標簽選擇器
<span>這是span1</span>
<span>這是span2</span>
span{color:#cF6}
如果是div,就是div{color:#cF6}
樣式表的注釋語法是/**/
四中選擇器優先級區分
標簽選擇器要大于星號的
class選擇器要大于標簽選擇器
id選擇器要大于class選擇器
越精準優先級越高
復合選擇器并列
<div>測試一</div>
<span>測試二</span>
div,span{color:#60F}
,是并列的效果
<div id="d3">
        <div>后代1</div>
         <div>后代2</div>
</div>
  #d3空格div{color:#60F}
空格代表子級
<ul="u1">
      <li>列表1</li>
      <li>列表2</li>
</ul>
#u1空格li{color:#F66}
div.cl{color:#F60}是從所有div里找到class=cl的,僅代表class,如果找id是不可以的
(繼續閱讀...)
文章標籤

AutoPoster 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:生活學習
▲top
  • 3月 09 週四 201720:31
  • 第七堂課


文章出處
<!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>無標題文檔</title>
<style type="text/css">
#a1
{ width:100px; height:30px; background-color:#60C; color:#FFF; text-decoration:none}
#d1
{ width:300px; height:300px; background-color:#F3C; text-align:center ; vertical-align:auto; line-height:200px}
#an
{ width:104px; height:40px; background-color:#38F; font-size:16px; text-align:center; vertical-align:middle; line-height:40px;}
#wai
{ width:300px; height:300px; background-color:#0F0}
#nei
{ float:left; width:300px; height:300px; margin:20px 30px 20px 30px; padding:40px 0px 0px 10px}
#li
{ width:100px; height:200px; background-color:#C09}
*
{ margin:opx auto; padding:opx;}
</style>
</head>
<body>
<div style="alignment-baseline:after-edge">hello</div>
<div style=" font-family:Verdana, Geneva, sans-serif; font-size:36px; font-weight:bold; font-style:italic; color:#000; text-decoration:blink;background-size:600px 600px; background-position:bottom; background-repeat:no-repeat; background-image:url(2016-05-27_plaque_hp.jpg); width:600px;height:600px; background-color:#F00"; >測試文字</div> <br/>
<a id="a1" href="http://www.baidu.com">超鏈接</a>
<div id="d1">幸福呀好</div>
<div id="an">百度一下</div>
<p style="text-indent:31px; text-height:50px">感第二方提供優惠讓他與偶乳房同歸于盡讓退團購會回家覺就回家巨坑u句回家回家回家好回家好看好看巨坑好看回家考慮好看即將巨坑看巨坑就你嗎, 不能那么, 巨坑就, </p>
<div id="wai">
<div id="nei">
<div id="li">
</div>
</div>
</div>
</body>
</html>

樣式控制大小,寫樣式屬性時,后面要寫單位像素px,高度和寬度要用分號;區分
背景圖片可以用五個來調整,分別為bottom下邊,lift左邊,center居中,right右邊,top上邊
repeat-x是平鋪的意思
background-size:      是修改背景圖大小
控制字體
網絡最常見的字體是微軟雅黑,常用的字體大小是14px或16px
font-weigh:bold是字體加粗
font-style:italic是字體傾斜
直接寫color:       是代表字體顏色
text-decoration:可以選上劃線,下劃線,還有刪除線,代表文本修飾
超鏈接,讓超鏈接變成正常文字的外形
給它做一個內嵌,加入樣式屬性,text-decortaion:none 加入這個,可以打掉超鏈接的下劃線
還學到好幾個屬性
text-align:ceter   是文字水平對齊方式,ceter是居中
vertical-align垂直對齊方式  line-height:       在行高里面居中,這兩個可以配合使用
設置樣式
在寫段落時<p>內容</p>
可以在p后面增加樣式  style="text-indent:30px"    是縮進多少像素的意思
邊界邊框
邊距是margin:      內邊距是padding
設置邊距的時候,比如說margin:20px 30px 20px 30px   這是按順時針的方向來的,上右下左
*{margin:opx auto;padding:opx}這句話在做網頁的時候都能用到,是把所有元素內邊距和外邊距都去掉
 
(繼續閱讀...)
文章標籤

AutoPoster 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:生活學習
▲top
  • 3月 09 週四 201720:31
  • 布局頁面


文章出處
在body內寫div    head內增加樣式
增加樣式<style type="text/css">
  外界邊框都設置為0
*{marrgin:0 px auto;padding:0px}px
先寫最外層div,然后在拆,一層一層寫
text-align:center;是水平對齊居中的意思
vertical-align;是水平垂直
<標簽名>:hover{可以設置顏色;cursor:pointer}
鼠標一上來就會改變顏色,把鼠標變成一個小手
padding-bottom;下邊框
border-bottom;內邊框
 如果給一個標簽的子級設div的話,例如id=a  ,可以  #a div{}  這樣寫,空格代表a的子級
如果讓文字實現居中效果,用text-align:center;vertical-align:middle;line-height:行高px,就可以實現
(繼續閱讀...)
文章標籤

AutoPoster 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:生活學習
▲top
  • 3月 09 週四 201720:31
  • 學習兩個星期后做的第一個網頁


文章出處

<!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>無標題文檔</title>
<style type="text/css">
*{ margin:oxp auto; padding:opx}
#wai{ width:100%; height:2000px; background-color:rgb(221, 29, 14)}
#
tou{ width:100%; background-color:#b4060a; border-top:1px solid #e00b00; z-index:3; min-width:990px; height:56px;}
#
w1{ width:70%; float:right; position:absolute; left:280px; top:20px;}
#
a1{ color:#FFF; text-decoration:none; position:relative; bottom:750px; left:300px}
#
z1{ width:100%; height:36px;background-color:#eee; margin-top:56px;}
#
b1{font-size: 12px;font-family: arial, tahoma, 宋體;;color:#333; line-height: 35px;
height: 35px; margin-left:30px;text-decoration:none}
#c1{ width:100%; height:110px; background:#FFF}
#
c2{ margin-left:600px; position:relative; top:-60px}
#
c4{ margin-left:600px; position:relative; top:-50px}
#
a3{ font-size: 12px; line-height: 1.5; font-family: arial, tahoma, 宋體; text-decoration:none}
#
d1{ width:1263px; height:40px; background-color:#FFF; margin-left:-600px; position:relative; top:18px }
#
d2{ width:200px; height:38px; background-color:#FC0; position:absolute; left:130px; bottom:0px}
#
d3{ font-family: arial, tahoma, 宋體; font-size:12px; color:#333; position:absolute; bottom:10px; left:10px; text-decoration:none}
#
d5{ font-size: 14px; line-height: 1.5; font-family: arial, tahoma, 宋體; text-decoration:none}
#
d4{ margin-left:350px; position:relative; top:10px}
#
q1{ width:1263px; height:90px; margin-left:150px; position:relative;}
#
q2{width:1263px; height:90px; margin-left:-600px; position:relative; top:20px;background-color:#003}
#
q3{ width:1263px; height:450px; background-color:#FFF; margin-left:-10px;position:relative; top:-30px}
#
w1{ width:1263px; height:80px; background-color:#FFF; margin-top:760px; margin-left:-280px}
#
w2{ width:1263px; height:1200px; background-color:#FFF}
#
w3{ position:absolute; left:100px; bottom:-420px}
#
w4{ width:220px;position:absolute; left:120px; bottom:-450px;}
#
e1{ position:absolute; left:300px; bottom:-420px}
#
e2{ width:220px;position:absolute; left:300px; bottom:-450px;}
#
e3{ position:absolute; left:500px; bottom:-420px}
#
e4{ width:220px;position:absolute; left:520px; bottom:-450px;}
#
e5{ position:absolute; left:700px; bottom:-420px}
#
e6{ width:220px;position:absolute; left:730px; bottom:-450px;}
#
e7{ position:absolute; left:920px; bottom:-420px}
#
e8{width:220px;position:absolute; left:940px; bottom:-450px;}
#
r1{ position:absolute; left:100px; bottom:-700px}
#
r2{width:220px;position:absolute; left:100px; bottom:-710px;}
#
r3{ position:absolute; left:320px; bottom:-700px}
#
r4{width:220px;position:absolute; left:330px; bottom:-710px;}
#
r5{ position:absolute; left:520px; bottom:-700px}
#
r6{width:220px;position:absolute; left:530px; bottom:-710px;}
#
r7{ position:absolute; left:710px; bottom:-700px}
#
r8{width:220px;position:absolute; left:710px; bottom:-710px;}
#
r9{ position:absolute; left:930px; bottom:-700px}
#
r10{width:220px;position:absolute; left:930px; bottom:-720px;}
#
m1{ width:1263px; height:700px; background-color:#FFF}
#
m2{ position:relative; margin-left:100px}
#
m3{ position:relative; margin-left:100px}
#
m4{ position:relative; margin-left:620px; bottom:250px}
#
m5{ position:relative; margin-left:620px; bottom:250px}
#
m6{ position:relative; margin-left:900px; bottom:490px}
#
m7{ position:relative; margin-left:900px; bottom:490px}
#
n1{ position:relative; margin-top:-350px; left:100px}
</style>
</head>
<body>
<div id="wai">
<div id="tou">
<a href="http://cuxiao.suning.com/sc11zc.html"><img src="../tou.jpg" / style="position:absolute; left:130px"></a>
<div id="w1">
<a id="a1" href="http://sale.suning.com/ju/yrzhc1101/index.html">大聚惠</a>&nbsp;
<a id="a1" href="http://sale.suning.com/dn/dn111/index.html">電腦</a>&nbsp;
<a id="a1" href="http://sale.suning.com/sm/smwdzn/index.html">相機</a>&nbsp;
<a id="a1" href="http://sale.suning.com/sm/smwdzn/index.html">手機</a>&nbsp;
<a id="a1" href="http://sale.suning.com/hd/s11yra/index.html">彩電</a>&nbsp;
<a id="a1" href="http://sale.suning.com/bx/bx1101/index.html">冰洗</a>&nbsp;
<a id="a1" href="http://cuxiao.suning.com/city/kt0006.html">空調</a>&nbsp;
<a id="a1" href="http://cuxiao.suning.com/city/yushou.html">廚衛</a>&nbsp;
<a id="a1" href="http://sale.suning.com/xjd/xjdkh11/index.html">生活電器</a>&nbsp;
<a id="a1" href="http://sale.suning.com/cs/zyzt1111/index.html">蘇寧超市</a>&nbsp;
<a id="a1" href="http://cuxiao.suning.com/myzcqjh1101.html">母嬰用品</a>&nbsp;
<a id="a1" href="http://cuxiao.suning.com/ydhw20161021.html">運動戶外</a>&nbsp;
</div>
<div clean:both></div>
<div id="z1">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id="b1" href="http://www.suning.com/">返回易網購首頁</a>
<a id="b1" href="https://passport.suning.com/ids/login?service=https%3A%2F%2Fssl.suning.com%2Fwebapp%2Fwcs%2Fstores%2Fauth%3FtargetUrl%3Dhttp%253A%252F%252Fsale.suning.com%252Fall%252Fju%252Findex.html&method=GET&loginTheme=b2c">網站導購</a>
<a id="b1" href="http://sale.suning.com/ju/yrzhc1101/index.html">商家入駐</a>&nbsp;&nbsp;
<a id="b1" href="https://passport.suning.com/ids/login?service=https%3A%2F%2Fssl.suning.com%2Fwebapp%2Fwcs%2Fstores%2Fauth%3FtargetUrl%3Dhttp%253A%252F%252Fsale.suning.com%252Fall%252Fju%252Findex.html&method=GET&loginTheme=b2c">登錄</a>
<a id="b1" href="https://reg.suning.com/person.do">注冊</a>
<a id="b1" href="http://sale.suning.com/ju/yrzhc1101/index.html">我的訂單</a>&nbsp;
<a id="b1" href="http://sale.suning.com/ju/yrzhc1101/index.html">我的易購</a>&nbsp;
<a id="b1" href="http://shopping.suning.com/cart.do">購物車</a>
<a id="b1" href="http://sale.suning.com/ju/yrzhc1101/index.html">手機蘇寧</a>
<a id="b1" href="https://pay.suning.com/epp-epw/login/login.action?res_code=4&res_message=NOT_LOGIN&ticket=ST49C4C0002259C3AF3AAB48D8351EE469">易付寶</a>
<a id="b1" href="http://b.suning.com/b2b.htm">企業采購</a>
<a id="b1" href="http://sale.suning.com/ju/yrzhc1101/index.html">客戶服務</a>
</div>
<div id="c1"><img src="../素材/snlogo.png" / style=" margin-left:130px">
<div id="c2">
<form action="http://www.baidu.com" method="post">
<input type="text" name="ss" value="" />
<input type="submit" value="搜索"/></form></div>
<div id="c4">
<a id="a3" style="color:#F60" href="http://cuxiao.suning.com/sc11zc.html">雙11提前搶</a>&nbsp;
<a id="a3" style="color:#F60" href="http://sale.suning.com/sc/dapaiPK/index.html">大牌pk</a>&nbsp;
<a id="a3" style="color:#999" href="http://cuxiao.suning.com/sc11jghc.html">5折加購</a>&nbsp;
<a id="a3" style="color:#999" href="http://cuxiao.suning.com/scs11yszn.html">定金翻100倍</a>&nbsp;
<a id="a3" style="color:#999" href="http://sale.suning.com/ju/yrzhc1101/index.html">筆記本5折起</a>&nbsp;
<a id="a3" style="color:#999" href="http://sale.suning.com/ju/yrzhc1101/index.html">9.9元搶車品</a>&nbsp;
<a id="a3" style="color:#999" href="http://sale.suning.com/ju/yrzhc1101/index.html">美的11.11秒殺</a>&nbsp;
<div id="d1">
<div id="d2">
<a id="d3" href="http://sale.suning.com/ju/yrzhc1101/index.html" ><b>全部商品分類</b></a>
</div>
<div id="d4">
<a id="d5" style="color:#333" href="http://www.suning.com/">首頁</a>&nbsp;
<a id="d5" style="color:#333" href="http://vip.suning.com/">蘇寧會員</a>&nbsp;
<a id="d5" style="color:#333" href="http://fashion.suning.com/">服裝城</a>&nbsp;
<a id="d5" style="color:#333" href="http://chaoshi.suning.com/">蘇寧超市</a>&nbsp;
<a id="d5" style="color:#333" href="http://dianqi.suning.com/">電器城</a>&nbsp;
<a id="d5" style="color:#333" href="http://redbaby.suning.com/">紅孩子母嬰</a>&nbsp;
<a id="d5" style="color:#333" href="http://sale.suning.com/ju/yrzhc1101/index.html">大聚惠</a>&nbsp;
<a id="d5" style="color:#333" href="http://sale.suning.com/ju/yrzhc1101/index.html">蘇寧金融</a>&nbsp;
<a id="d5" style="color:#333" href="http://sale.suning.com/ju/yrzhc1101/index.html">海外購</a>&nbsp;
</div>
</div>
<div id="q2">
<div id="q1"><img src="../素材/top_07.jpg" style="width:800; height:90px"/></div>
</div>
</div>
<div id="q3">
<a id="q4" href="http://rec.suning.com/show/recommend.html"><img src="../素材/LBlunbo77.jpg" style="margin-top:5px; margin-left:120px" /></a>
</div>
</div>
<div id="w1"><img src="../素材/floor_01.jpg" style="margin-left:120px" /></div>
<div id="w2"></div>
<div>
<a id="w3" href="http://product.suning.com/0000000000/134003091.html?srcPoint=sale_cxpd_floor01_01"><img src="../素材/000000000134003091_1_200x200.jpg" style="height:200px"; width="200" /></a>
<a id="w4" href="http://product.suning.com/0000000000/134003091.html?srcPoint=sale_cxpd" style=" font-size:15px; color:#000;font-family:微軟雅黑; text-decoration:none">Apple iPhone 6s 16GB...</a>
</div>
<div style=" margin-top:-330px; margin-left:150px;font-family:宋體; font-size: 12px; color:#999";>蘇寧直發,正品行貨</div>
<a id="e1" href="http://product.suning.com/0000000000/134003091.html?srcPoint=sale_cxpd_floor01_01"><img src="../素材/000000000134003091_1_200x200.jpg"</a>
<a id="e2" href="http://product.suning.com/0000000000/134004868.html?srcPoint=sale_cxpd_floor01_02" style=" font-size:15px; color:#000;font-family:微軟雅黑; text-decoration:none">Apple iPhone 6s Plus 64GB...</a>
<div>
<div style=" margin-top:-10px; margin-left:340px;font-family:宋體; font-size:12px; color:#999";>蘇寧直發,正品行貨</div>
<a id="e3" href="http://product.suning.com/0000000000/139836231.html?srcPoint=sale_cxpd_floor01_03"><img src="../素材/000000000139836231_1_200x200.jpg" /></a>
<a id="e4" href="ttp://product.suning.com/0000000000/139836231.html?srcPoint=sale_cxpd_floor01_03" style=" font-size:15px; color:#000;font-family:微軟雅黑; text-decoration:none">華為暢享5S 金色 全網通版...</a>
<div>
<div style=" margin-top:-14px; margin-left:540px;font-family:宋體; font-size:12px; color:#999";>蘇寧直發,正品行貨</div>
<a id="e5" href="http://product.suning.com/0000000000/136471549.html?srcPoint=sale_cxpd_floor01_04"><img src="../素材/000000000136471549_1_200x200.jpg" /></a>
<a id="e6" href="http://product.suning.com/0000000000/136471549.html?srcPoint=sale_cxpd_floor01_04" style=" font-size:15px; color:#000;font-family:微軟雅黑; text-decoration:none">小米4c標準版全網通...</a>
<div>
<div style=" margin-top:-14px; margin-left:730px;font-family:宋體; font-size:12px; color:#999";>蘇寧直發,正品行貨</div>
<a id="e7" href="http://product.suning.com/0000000000/132449922.html?srcPoint=sale_cxpd_floor01_05"><img src="../素材/000000000132449922_1_200x200.jpg" /></a>
<a id="e8" href="http://product.suning.com/0000000000/132449922.html?srcPoint=sale_cxpd_floor01_05" style=" font-size:15px; color:#000;font-family:微軟雅黑; text-decoration:none">小米4c標準版全網通...</a>
<div>
<div style=" margin-top:-14px; margin-left:950px;font-family:宋體; font-size:12px; color:#999";>蘇寧直發,正品行貨</div>
<a id="r1" href="http://product.suning.com/0000000000/125416349.html?srcPoint=sale_cxpd_floor01_06"><img src="../素材/000000000125416349_1_200x200.jpg" /></a>
<a id="r2" href="http://product.suning.com/0000000000/125416349.html?srcPoint=sale_cxpd_floor01_06" style=" font-size:15px; color:#000;font-family:微軟雅黑; text-decoration:none">美素佳兒(Friso)金裝幼兒 ...</a>
<div>
<div style=" margin-top:250px; margin-left:150px;font-family:宋體; font-size:12px; color:#999";>數量有限,搶完為止</div>
<a id="r3" href="http://product.suning.com/0000000000/103771451.html?srcPoint=sale_cxpd_floor01_07"><img src="../素材/000000000103771451_1_200x200.jpg" /></a>
<a id="r4" href="http://product.suning.com/0000000000/103771451.html?srcPoint=sale_cxpd_floor01_07" style=" font-size:15px; color:#000;font-family:微軟雅黑; text-decoration:none">美素佳兒(Friso)金裝幼兒 ...</a>
<div>
<div style=" margin-top:-15px; margin-left:370px;font-family:宋體; font-size:12px; color:#999";>好貼身,好舒適</div>
<a id="r5" href="http://product.suning.com/0000000000/103771451.html?srcPoint=sale_cxpd_floor01_08"><img src="../素材/000000000102878795_1_200x200.jpg" /></a>
<a id="r6" href="http://product.suning.com/0070125240/102878795.html?srcPoint=sale_cxpd_floor01_08" style=" font-size:15px; color:#000;font-family:微軟雅黑; text-decoration:none">雀巢Nestle能恩幼兒配方...</a>
<div>
<div style=" margin-top:-15px; margin-left:570px;font-family:宋體; font-size:12px; color:#999";>益護升級智力加分</div>
<a id="r7" href="http://product.suning.com/0000000000/137439705.html"><img src="../素材/000000000137439705_1_200x200.jpg" /></a>
<a id="r8" href="http://product.suning.com/0000000000/137439705.html" style=" font-size:15px; color:#000;font-family:微軟雅黑; text-decoration:none">奧妙凈藍全效深層潔凈洗衣...</a>
<div>
<div style=" margin-top:-15px; margin-left:730px;font-family:宋體; font-size:12px; color:#999";>去除99種污漬,3倍更快更輕松</div>
<a id="r9" href="http://product.suning.com/0000000000/137439705.html"><img src="../素材/000000000124177344_1_200x200.jpg" /></a>
<a id="r10" href="http://product.suning.com/0000000000/137439705.html" style=" font-size:15px; color:#000;font-family:微軟雅黑; text-decoration:none">奧妙凈藍全效深層潔凈洗衣...</a>
<div>
<div style=" margin-top:-10px; margin-left:930px;font-family:宋體; font-size:12px; color:#999";>去除99種污漬,3倍更快更輕松</div>
</div>
<div id="m1">
<div id="m2"><img src="../素材/floor_02.jpg"/></div>
<div id="m3"><img src="../素材/DJHrukoutu.jpg"/></div>
<a id="m4" href="http://product.suning.com/103799658.html?srcPoint=sale_cxpd_floor02_01"><img src="../素材/000000000103799658_1_200x200.jpg"/></a>
<a id="m5" href="http://product.suning.com/103799658.html?srcPoint=sale_cxpd_floor02_01" style="font-size:15px; color:#333;font-family:微軟雅黑; text-decoration:none"><b>DHC蝶翠詩橄欖卸妝油200ml</b></a>
<div style=" position:relative; bottom:240PX; margin-left:620px;font-family:宋體; font-size:12px; color:#999";>連毛孔污垢也可一并去除的植物性卸...</div>
<a id="m6" href="http://product.suning.com/101387461.html?srcPoint=sale_cxpd_floor02_02"><img src="../素材/000000000101387461_1_200x200.jpg"/></a>
<a id="m7" href="http://product.suning.com/103799658.html?srcPoint=sale_cxpd_floor02_02" style="font-size:15px; color:#333;font-family:微軟雅黑; text-decoration:none"><b>薇姿(VICHY)溫泉礦物保濕清潤...</b></a>
<div style=" position:relative; bottom:470PX; margin-left:950px;font-family:宋體; font-size:12px; color:#999";>溫和調理、滋潤皮膚</div>
<div id="n1"><img src="../素材/floor_03.jpg" /></div>
<div id="h1" style="font-size:10px; color:#999; text-align:center">
<p>
Copyright©
2002-2015 ,蘇寧云商集團股份有限公司版權所有<a href="http://www.miitbeian.gov.cn/">蘇ICP備10207551號-4</a><a href="http://img.suning.cn/public/v3/images/SUB1-20130131.png">蘇B1-20130131</a><a href="http://img.suning.cn/public/v3/images/SUB2-20130376.png">蘇B2-20130376</a><a href="http://img.suning.cn/public/v3/images/SUB2-20130391.png">蘇B2-20130391</a>出版物經營許可證新出發蘇批字第A-243號
</p>
<p>
本網站直接或間接向消費者推銷商品或者服務的商業宣傳均屬于“廣告”(包裝及參數、售后保障等商品信息除外)
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>


 


做出來的效果是這樣的,截了局部的三張圖,。因為找的網站內容太長,所以下面暫時匆匆結了尾
(繼續閱讀...)
文章標籤

AutoPoster 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:生活學習
▲top
  • 3月 09 週四 201720:31
  • 遞歸的小例題


文章出處
<!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>無標題文檔</title>
</head>
<body>
</body>
<script type="text/javascript">
/*公園里有200個桃子,猴子每天吃掉十個,挑出兩個壞的扔掉,請問六天后桃子的數量*/
/*var sl=200;
for(var i=0;i<6;i++)
{
sl=sl-12;
}
alert(sl);
*/
//公園里有一堆桃子,猴子每天吃掉一半,挑出一個壞的扔掉,第六天的時候發現還剩一個桃子,問原來有多少個桃子
/*
var tao=1;
for(var i=0;i<6;i++)
{
tao=(tao+1)*2;
}
alert(tao);
*/
//使用函數
//
函數功能:返回第n天的桃子數量
var sl;
function shuliang(n)
{
//當n等于六,桃子的數量為1
if(n==6)
{
sl
=1;
}
//求當天的數量
//當天的數量=(下一天的數量+1)*2
else
{
sl
=(shuliang(n+1)+1)*2
}
return sl;//返回當天的數量
}
alert(shuliang(
0));
</script>
</html>

 
(繼續閱讀...)
文章標籤

AutoPoster 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:生活學習
▲top
«1...192021230»

pop-under

參觀人氣

  • 本日人氣:
  • 累積人氣:

線上人數

Marquee

最新文章

  • 文章列表
  • jvm系列(四):jvm調優-命令大全(jps jstat jmap jhat jstack jinfo)
  • spring boot(一):入門篇
  • jvm系列(一):java類的加載機制
  • jvm系列(三):java GC算法 垃圾收集器
  • spring boot 實戰:我們的第一款開源軟件
  • jvm系列(六):jvm調優-從eclipse開始
  • 混合應用技術選型
  • jvm系列(二):JVM內存結構
  • spring boot(五):spring data jpa的使用

熱門文章

  • (1,763)jQuery之前端國際化jQuery.i18n.properties
  • (1,001)Oracle Hint
  • (630)技術筆記:Indy控件發送郵件
  • (515)linux下安裝sqlite3
  • (501)學習筆記: Delphi之線程類TThread
  • (242)VC單選按鈕控件(Radio Button)用法(轉)
  • (104)單條件和多條件查詢
  • (51)淺談config文件的使用
  • (26)Tomcat shutdown執行后無法退出進程問題排查及解決
  • (22)基于 Asp.Net的 Comet 技術解析

文章分類

  • 生活學習 (2,296)
  • 未分類文章 (1)

最新留言

  • [20/04/24] 我是女生想約炮 有男生願意給我溫暖的嗎?我賴是woyou58 於文章「(1)從底層設計,探討插件式GIS框架的...」留言:
    我叫黎兒女生最近內心掙扎著要不要約炮我的line:woy...

文章搜尋

文章精選

誰來我家

Live Traffic Feed