整合營銷服務商

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

          免費咨詢熱線:

          為什么他會看到文字在“跳舞”

          為什么他會看到文字在“跳舞”

          1 來源:《地球上的星星》

          在電影《地球上的星星》中有一個有意思的片段(圖1),影片中的小男孩叫做Ishaan,在他人眼中,Ishaan除了比較淘氣外,與其他人并無差別。一天,當老師讓他在課堂上念英文句子時,他支支吾吾了半天也無法念出一個字,最后戰戰兢兢地說:“文字在跳舞”。這個回答換來了同學們的嘲笑、老師的不解與憤怒。大家都認為,這又是Ishaan故意搗亂。但實際上,Ishann并沒有說謊,他確實看到了 “文字在跳舞”。

          通過圖2,我們可以靜態地感受一下什么是“文字在跳舞”:旋轉、疊加、錯位……

          圖2 閱讀障礙者看到的文字

          “生病"了?

          實際上,影片中的Ishaan患有一種識別和閱讀文字的特殊疾病:閱讀障礙。臨床上,閱讀障礙分為獲得性閱讀障礙和發展性閱讀障礙。發展性閱讀障礙( developmental dyslexia,DD)是一種起源于神經生物學的學習障礙,通常表現為詞匯識別的準確和/或流暢會出現困難,以及拼寫和解碼能力較差。盡管他們擁有正常的智力和充足的受教育機會,也沒有可見的器質性損傷和視聽缺陷,但其閱讀成績顯著差于同齡人[1]。

          有時候,有閱讀障礙的孩子往往也不知道自己為什么不會讀和寫,但他們可能會采用一些方式逃避這個問題。比如電影中的Ishaan在一遇到讀寫任務時,就會表現得很調皮,所以在所有人看來,他不過是一個又笨又淘氣的孩子。但這樣會給他的成長帶來更大的傷害,比如,更差的學業成績、糟糕的師生或同學關系等。同時,因為在閱讀上的受挫,這類兒童的自尊也會受到影響,甚至有些兒童會產生輕微至中度的抑郁[2]。

          他們具體會有什么表現呢?包括:經常寫錯字、搞混音近或形近的字、學習偏旁部首困難、閱讀時多讀或漏讀字、讀錯行或漏行、閱讀和抄寫的速度都很慢、聽寫成績很差、書寫時難以掌握文字的空間距離、完成讀寫作業容易疲勞……

          說到這兒,可能有人已經聯想到自己身邊的一些人,那它的發生率有多高呢?研究發現,在國外,閱讀障礙發生率約為5%-18%[3]。在國內,根據不同的篩查方法,分別為4.55%和7.96%[4]。但是,在電子信息時代的今天,閱讀障礙發生比例在我國有大幅度上升的趨勢。近期一項大樣本的調查發現,在一些地區,漢語閱讀困難兒童的比例甚至超過了30%[5]。可以說,閱讀困難已經成為危害我國兒童健康成長的一個巨大“絆腳石”。

          為什么會“生病”?

          正如感冒發燒有多種多樣的原因一樣,閱讀障礙也被認為可能是由多方面的加工缺陷引起。

          01 語音加工缺陷

          有些閱讀障礙者加工語音的能力比較差,在語音的表征、存儲和/或提取上存在困難,所以他們無法像多數人一樣正常閱讀[6]。例如有些兒童無法辨別音節/BA/和/GA/,或者在“bait”和“gait”的押韻判斷任務中表現很差,或者不能辨別漢語的聲母、韻母以及聲調。可想而知,當基礎的語音加工存在問題時,匹配字形與語音等更難的任務又如何能完成?目前,大量研究表明語音加工缺陷是拼音文字系統的核心缺陷。

          圖3 來源網頁:http://image.baidu.com/search/index?tn=baiduimage&ps=1&ct=201326592&lm=-1&cl=2&nc=1&ie=utf-8&word=聽覺加工

          02視覺大細胞通路缺陷

          有些閱讀障礙者在閱讀或寫字時會用相似的字母或詞替代看到的字母或詞,比如用“b”代替“d”,這類缺陷被認為可能與視覺加工不足有關。Livingstone等人提出了視覺大細胞通路缺陷理論,認為視覺大細胞通路的損傷可能是閱讀障礙的原因[7]。如下圖所示,大細胞通路是視覺系統的通路之一,由于該通路的視覺信息在皮層上沿著背側通路投射至大腦皮層的視覺運動區(MT區)、后頂葉皮層等[8],所以又將其稱作“大細胞-背側通路”。

          圖4 視覺系統的大細胞通路和小細胞通路

          來源網頁:http://camelot.mssm.edu/~ygyu/constructingvisualimage.html

          漢字是一種獨立的文字系統,在字形構造方面更加復雜,對視覺加工技能要求非常高。另外,漢字沒有明確的形-音對應規則,無法像拼音文字一樣進行拼讀。因此,視覺加工方面的研究對漢語閱讀障礙的診斷與矯治顯得尤為重要。有研究采用光柵運動方向和一致性運動考察漢語閱讀障礙兒童的視覺運動加工能力(圖5),從行為和神經機制上一致地揭示了閱讀障礙兒童的視覺辨別能力或視覺敏感度更差,表明漢語閱讀障礙兒童的視覺大細胞通路存在缺陷,這可能是導致他們閱讀困難的原因[9][10]。

          圖5 光柵運動方向(左側);一致性運動(右側)

          來源:參考文獻[9][10]

          03小腦缺陷理論

          此外,還有一種假設認為閱讀障礙者的小腦功能失調,引起了自動化缺陷或運動能力的不足,進而影響了形-音對應或書寫能力,最終導致兒童閱讀能力低下[11]。正常閱讀者在閱讀時,看到字的字形會很快想到匹配的字音,而且這種能力最后會達到自動化的水平,但是小腦有缺陷的閱讀障礙者不具備這種能力。而且,書寫是漢字習得的特有方式。在小學早期階段,文字的習得很多時候是通過重復書寫獲得,而小腦也是書寫能力的重要神經基礎。對漢語閱讀障礙的研究也發現,閱讀障礙兒童的小腦左側在功能與結構上存在異常[12][13]。

          以上介紹的只是造成閱讀障礙的部分原因,還有其它的原因,比如快速聽覺加工缺陷(對快速呈現的聽覺信息的感知和辨別能力差)、正字法加工缺陷(無法理解字的形成規則,區分真字和假字有困難)、語素加工缺陷(無法理解“紅花”里的“紅”是什么意思)以及快速命名加工缺陷(快速而準確命名熟悉項目的能力差,比如圖片或數字)等,在理解閱讀障礙者的成因上,我們需要從更多元的角度出發。

          如何診斷?

          在不同的國家,診斷的方法存在一定的差別。比如,美國一般會采用Woodcock單詞識別測驗考察兒童的閱讀水平,當兒童的成績低于或等于百分位數30或25,且采用其它測驗排除了智力、注意力以及視聽器質性等缺陷后,便認為兒童有閱讀困難。除此之外,一般還會考察和家庭、老師有關的信息,比如家族中是否有閱讀障礙者、老師對該兒童的閱讀成績評定等。

          國內目前尚無較一致的診斷標準,多數診斷一般會采用識字量測驗、智力測驗、注意力行為測驗等。首先在識字量測驗中,當兒童的識字量成績低于同年級2個年級或1.5個標準差時被認為有閱讀困難。其次,通過智力測驗、注意力測驗以及視聽測驗等排除其它因素的影響。但國內的診斷對于閱讀障礙者的其它信息了解甚少,比如家庭情況和學校情況,這一點可能與閱讀障礙的普及不足有關。

          在國內,不同研究會采用不同的識字量測驗,因此,診斷標準可能會有差異。比如,在確定當前年級兒童預期的詞匯成績上,有兩種方法,第一種是Stevenson準則,即當前年級75%的項目數加上之前年級的所有項目數;第二種是國內常用的過級準則,即當前年級60%的項目數加上之前年級的所有項目數[5]。

          對癥下藥,循序漸進

          當一個孩子被診斷為閱讀障礙,是否意味著他沒有一個美好的未來呢?當然不是!許多著名的人,比如達芬奇,愛迪生,愛因斯坦,丘吉爾等都是閱讀障礙,而這絲毫不影響他們改變世界。但如果對之不管不顧,任其隨意發展肯定是不行的,那什么樣的訓練可以改善他們的閱讀能力呢?

          圖6 發展性閱讀障礙名人錄

          來源網頁:https://baike.baidu.com/item/阿爾伯特·愛因斯坦/127535?fr=aladdin; https://baike.baidu.com/item/達·芬奇/75724?fr=aladdin; https://baike.baidu.com/item/托馬斯·阿爾瓦·愛迪生/1251830?fr=aladdin; https://baike.baidu.com/item/溫斯頓·丘吉爾/187638?fr=aladdin

          01語音訓練

          語音加工訓練主要幫助閱讀障礙者提高對文字語音分辨與感知的能力,常用的任務有音位刪除(比如“yang”刪除“g”后,新的拼音如何讀)、音位替代(比如用“ing”替代“tang”中的“ang”,新的拼音如何讀)以及音位計數(比如“liang”中有幾個音位)等。此外,還有與游戲結合的語音訓練,比如GraphoGame游戲、2kids學拼音等。在此簡單介紹一下GraphoGame游戲,游戲設置了學習階段、游戲階段、反饋階段和強化階段,每個階段的任務各不相同,比如,在學習階段,兒童主要完成拼音和讀音之間的配對聯想學習;在游戲階段,兒童在耳機中會聽到一個音節,然后從屏幕呈現的2-7個拼音中,選出相匹配的一個,這個階段設置了許多游戲,諸如爬樓梯、射擊、打氣球等[14]。

          圖7 來源網頁:https://image.baidu.com/search/index?tn=baiduimage&ipn=r&ct=201326592&cl=2&lm=-1&st=-1&fm=result&fr=&sf=1&fmq=1540822585387_R&pv=&ic=0&nc=1&z=&se=1&showtab=0&fb=0&width=&height=&face=0&istype=2&ie=utf-8&word=拼音的訓練

          02聽覺加工訓練

          通過訓練聽覺加工,閱讀障礙兒童對聲音的感知能力會得到改善,這種改善可能還會遷移到其它任務中,比如語音意識。有研究發現,采用聲調持續時間辨別的訓練不僅可以提高漢語閱讀障礙兒童對非言語材料的聽覺加工能力,而且訓練效應還會遷移到語音意識、閱讀流暢性和詞匯識別中[15]。另外,采用聲音模式辨別的訓練可以有效提高兒童對聲音節奏的感知能力[16]。如圖8所示,將3-5個聲音組成一個有規律的模式,然后給兒童播放一系列的聲音,讓兒童選擇符合規律的聲音模式圖。

          圖8 聲音模式辨別實驗圖

          來源:參考文獻[16]

          03視覺運動加工訓練

          無論什么語言,閱讀的第一步都需要準確快速地對字形進行加工。所以,視覺運動的訓練在國內外都得到了較高的重視。中科院心理所畢鴻燕團隊發現,漢語閱讀障礙兒童經過兩個星期的視覺加工訓練,閱讀相關技能得到了明顯提升,這為漢語閱讀障礙兒童的矯治工作探索出一條途徑[17]。常用來訓練視覺運動加工能力的方法有如下幾種:

          一致性運動:如上文的圖5所示,在黑色背景上同時呈現兩個白色運動點陣。其中一個點陣中的點隨機運動,另一個點陣中的一部分點一致性地水平運動,找出有運動方向的點陣;

          視覺搜索:呈現100個位置隨機排列的數字(0-9),又快又準地從中依次尋找出所有的1、2、3……9,并畫圈;

          視覺動態追蹤:注視動畫中的運動物體,視線追蹤其運動方向,并定位其最后的位置;

          視覺靜態追蹤之連線:追蹤線條軌跡,并定位物體位置;

          視覺靜態追蹤之迷宮:尋找從迷宮起點到終點的軌跡,并畫出來;

          拋接球:重復扔球和接球的行為;

          光柵運動方向辨別:中心是由正弦光柵組成的小魚,向左或向右移動,判斷小魚向哪個方向運動。

          圖9 視覺加工訓練

          來源:參考文獻[23], [24]

          04家庭干預

          除了學校教育,家庭教育也是兒童成長中很重要的一個環境因素,而且家庭教育早于學校教育。有追蹤研究發現無論孩子學前期的語音能力如何,親子活動比較多的家庭,其孩子在三年級時的閱讀成績都基本正常;而親子活動少的家庭,其孩子早期語音能力落后的話,小學三年級時的閱讀也會落后[18]。可見,家庭的親子互動對閱讀能力的發展是很重要的。

          家長作為孩子閱讀的啟蒙人,可以選擇孩子感興趣的書籍,帶領孩子一起閱讀。其次,通過領讀,家長可以較早發現兒童可能存在的不良閱讀習慣,并及時給予糾正。在這個過程中,有些家長可能會認為孩子此時的表現會隨著年齡的增長而有所改善,其實不全然,孩子存在異于同齡兒童的表現總是有原因的,在沒找到原因前,家長一定不能輕視“警鐘”的出現。最后,當家長陪同孩子一起閱讀時,還可以注重培養兒童與閱讀相關的一些技能,比如口語表達能力、理解能力等。

          圖10 來源網頁:http://image.baidu.com/search/index?tn=baiduimage&ps=1&ct=201326592&lm=-1&cl=2&nc=1&ie=utf-8&word=兒童家庭閱讀

          電影中的Ishaan是幸運的,他碰到了Ram Shankar Nikumbh老師。通過老師的各種努力,大家終于意識到了Ishaan是“偏離”正常兒童發展的一顆“星星”。并且,在老師的幫助下,Ishaan的畫畫天賦被發現了,在比賽中得到了大家的認可與贊賞。不過現實也會這么圓滿么?

          相對于拼音文字而言,漢語的閱讀障礙研究起步較晚,對于文字為何會跳舞以及如何讓舞蹈停下來,還有很多未解的謎。所以,廣大的科研工作者、教師、家長以及我們整個社會都需要提高對閱讀障礙的關注與認識,學習如何幫助他們找回健康的成長之路!

          相信在大家的共同努力下,終有一天,現實也會如電影般圓滿。

          參考文獻:

          [1] Lyon G R, Shaywitz S E, Shaywitz B A. A Definition of Dyslexia[J]. Annals of Dyslexia, 2003, 53(1):1-14.

          [2] Alexander-Passe N. How dyslexic teenagers cope: an investigation of self-esteem, coping and depression[J]. Dyslexia, 2010, 12(4):256-275.

          [3] Snowling MJ.Dyslexia [M]. Oxford: Blackwell Publishing, 2000:253.

          [4] 張承芬, 張景煥, 殷榮生,等. 關于我國學生漢語閱讀困難的研究[J]. 心理科學, 1996(4):222-226.

          [5] Tan L H, Xu M, Chang C Q, et al. China’s language input system in the digital age affects childrena’s reading development[J]. Proceedings of the National Academy of Sciences of the United States of America, 2013, 110(3):1119-23.

          [6] Bradley L, Bryant PE. Difficulties in auditory organisation as a possible cause of reading backwardness[J]. Nature, 1978, 271(5647):746-747.

          [7] Livingstone M S, Rosen G D, Drislane F W, et al. Physiological and anatomical evidence for a magnocellular defect in developmental dyslexia[J]. Proc Natl Acad Sci U S A, 1991, 88(18):7943-7947.

          [8] JH Maunsell, TA Nealey, DD DePriest. Magnocellular and parvocellular contributions to responses in the middle temporal visual area (MT) of the macaque monkey[J]. Journal of Neuroscience, 1990, 10(10):3323-3334.

          [9] Jiu-Ju Wang, Hong-Yan Bi, Li-Qun Gao, et al. The visual magnocellular pathway in Chinese-speaking children with developmental dyslexia[J]. Neuropsychologia, 2010, 48(12):3627.

          [10] Qian, Y. & Bi, H. Y. The visual magnocellular deficit in Chinese-speaking children with developmental dyslexia. Front. Psychol, 2014, 5:692.

          [11] Nicolson R I, Fawcett A J, Dean P.Developmental dyslexia: the cerebellar deficit hypothesis[J]. Trends in Neurosciences, 2001, 24(9):508-511.

          [12] Yang Y H, Yang Y, Chen B G, et al. Anomalous Cerebellar Anatomy in Chinese Children with Dyslexia[J]. Frontiers in Psychology, 2016, 7(7):324.

          [13] Yang Y, Bi H Y, Long Z Y, et al. Evidence for cerebellar dysfunction in Chinese children with developmental dyslexia: an fMRI study[J]. International Journal of Neuroscience, 2013, 123(5):300-310.

          [14] 李宜遜, 李虹, 德秀齊,等. 游戲化學習促進學生個性化發展的實證研究——以GraphoGame拼音游戲為例[J]. 中國電化教育, 2017(5):95-101.

          [15] Zhang M, Xie W, Xu Y, et al. Auditory temporal perceptual learning and transfer in Chinese-speaking children with developmental dyslexia[J]. Research in Developmental Disabilities, 2018, 74:146.

          [16] Kujala T, Karma K, Ceponiene R, et al. Plastic neural changes and reading improvement caused by audiovisual training in reading-impaired children[J]. Proceedings of the National Academy of Sciences of the United States of America, 2001, 98(18):10509-10514.

          [17] Qian Y, Bi H Y. The effect of magnocellular-based visual-motor intervention on Chinese children with developmental dyslexia.[J]. Frontiers in Psychology, 2015, 6:1529.

          [18] Pan J, Kong Y, Song S, et al. Socioeconomic status, parent report of children’s early language skills, and late literacy skills: a long term follow-up study among Chinese children[J]. Reading & Writing, 2016, 30(2):1-16.

          位小伙伴好,黑客技術離不開代碼,做為一個滲透測試工程師,也一定要有一些代碼基礎。網絡安全行業,現在人才缺口大,再加上就業形勢又很嚴峻,介于這些,我們想培養一批優秀的網絡安全人才,將對網絡安全行業、黑客技術,以及滲透測試技術感興趣的小白培養成精英。

          跟隨我們,不管你有多白,都可以逐步進入網絡安全行業,并最終在這個行業找到高薪職業。

          然后呢,我要說一句,關于“黑客”可能并不是大多數人所了解的那樣。關于這些,可以參考:什么是黑客?什么是滲透測試?2分鐘看完這800多字你就懂了

          那么,我們就先從代碼基礎——HTML的基本語方開始。

          首先給大家描述三個概念:語言、程序、代碼之前的關系。

          語言

          首先我們就要搞清楚什么是語言?可能說HTML語言不太好理解,那么我們想一想日常生活當中比較常見的我們中國人彼此之間都會交流,是不是叫做漢語呢?所以說漢語就是一門語言。

          那么這時候大家腦子里面就可以構思一下啊什么樣的東西大致就是語言了。它應該是一種溝通交流的一種方法的一個集合,包括我們如何發音,如何寫字,這些字如何拼在一起,能夠產生具體的意義,有一定的含義,這些所有所有的集合在一起,形成了一套規則,然后大家都去遵循這套規則,就能夠彼此交流,那么這就叫做語言。

          我們再舉一個例子,比如說英國人或者美國人,他們也有自己的語言,叫做英語,那么我在這里就是換了另一種語言,

          代碼

          了解了語言之后,我們就再來看一看,什么是代碼,那代碼跟我們日常生活中的這種能夠聯系起來的又是什么東西呢?

          我們還是拿漢語來做比喻哈,我們說漢語就是一種交流溝通的一種規則,它是一門語言。在大家小的時候肯定就會去學這門語言。這門學科在小學的時候就叫語文,對吧。那么我們上語文課的時候,就要學一些最基礎的有關語言的東西,比如說漢語拼音生字詞,當時要記很多的這種生字生詞,那么他是不是可以理解成是我們漢語的一種最基本的那種組成結構?

          那么英語呢?我們在學習英語的時候也會去記一些東西啊,就比如英文字母,緊接著就是背各種各樣的單詞,是不是當我們單詞量有了一定的積累之后,我們對這個語言呢就掌握得更深刻了。

          那么漢語要背生字詞,英語呢要背單詞,這些最基本的組成結構。那么在程序語言里面,代碼就可以理解成是生字詞或者是單詞。

          程序

          最后,我們再來看看什么是程序。它是由很多很多一行一行的代碼組成在一起,能夠完成一個綜合性的或者一個比較大的一個目標的這樣的一個代碼的集合。

          那么我們對照一下自然的這種語言,比如說漢語英語呢它是什么樣?好多的文字放在一起,是不是句子?或者說再多一點兒就是一篇文章。一篇文章甚至再大一點兒可能是一本書,

          那么漢語能寫文章,用英語英文也能寫文章,這個文章可大可小,可能幾千字能大一點兒的一本書,也可以理解成是文章,那么用生字詞組成的這種集合就成了文章了。然后我們再談程序,它是什么呢?對照一下大家可能就理解了,它就是一個由代碼組成的文章。

          HTML叫做超文本標記語言

          那么回過頭來我們看我們要學的HTML語言,它也是一門語言,只不過呀它跟我們理解的漢語和英語有一定的區別。

          漢語的主流是中國人之間交流的時候溝通的時候用的語言。那么英語呢應用的比較廣泛,是一些英語國家之間彼此交流溝通的時候用的語言。那么HTML語言它也是一種語言,只不過它不是人和人之間去交流的語言,那么它到底是做什么用的呢?我們來看一下HTML的概念。

          HTML中文名稱叫做超文本標記語言,用HTML編寫的超文本文檔稱為HTML文檔。它能夠獨立于各種操作系統平臺,使用HTML語言將所需要表達的信息按某種規則寫成HTML文件,通過專用的瀏覽器來識別,并將這些HTML文件翻譯成可以識別的信息,即現在所見到的網頁。

          那么從中我們能看到什么呢?首先我們知道它的中文名稱了。HTML叫做超文本標記語言。

          那么再往下我們看他提到了。

          在這里瀏覽器是吧?提到了瀏覽器,那么這時候我們就知道了HTML語言啊它是一種與瀏覽器之間進行交流的這么一種語言。就是我們去寫一些代碼,那么寫這些代碼的目的是什么呢?目的就是為了和瀏覽器去交流,只要我們寫的這個東西瀏覽器能看得懂,他就會根據我們寫的代碼呈現出最終的網頁。這就是HTML語言的一個基本概念。

          HTML的語法規則

          (1)HTML中的各種元素都是通過標記(標簽)來表示。

          (2)HTML當中的標簽分為單標簽和雙標簽。

          (3)單標簽格式為<名稱/>,雙標簽格式為<名稱></名稱>。

          (4)HTML對大小寫不敏感。


          然后,我們可以對照一下HTML的基本結構

          HTML網頁基本結構需要如下標簽組成:

          (1)<html></html>

          (2)<body></body>

          (3)<head></head>

          (4)<title></title>


          首先,我們打開一個記事本。

          單擊窗口圖片,在列表中找到記事本

          然后在記事本中輸入<html></html>,這表示告訴瀏覽器,這是一個標準的HTML網頁。

          在記事本中輸入<html></html>

          那么為什么是兩個呢?前面1個,后面1個,這就有點類似于我們標點符號里邊的括號,前面有一個開始,左半邊括號后面有一個結束。右半邊括號在這里也是前面的HTML表示網頁從這兒開始,那么后邊這個-html表示網頁呢至此結束。

          那我們網頁這才剛開始就結束了呢,別著急,我們來看我在這里敲了幾次回車把它分開了。那么表示什么意思呀?表示中間呀是有很多內容的,就是在網頁開始到網頁結束的中間是會有其他的東西的。

          分開html開始和結束標簽

          我們接著往下看,第二個標簽呢叫做<body></body>,里面的單詞呢表示的是身體,那么它呢表示的就是網頁的主體,這個網頁的主體也屬于基本結構,那么它在哪兒呢?注意啊網頁的主體也屬于網頁,那么它呀要放在<html></html>的中間。

          將<body></body>標簽插入到<body></body>中

          下面,我們開始將第3個標簽<head></head>寫入記事本,它代表頭部。他表示頭是吧?我們可以想象一下,這個腦袋注意它和身體之間到底應該是個什么樣的關系呢?就我們想象有一個人站在那兒,腦袋應該是在上面,身子應該是在下邊哈。所以注意我們這個<head>標簽呀要放在<body></body>標簽的上方。注意!它們之間沒有包含關系!是一上一下的。

          在<body></body>標簽的上方插入<head></head>

          最后一個叫做<title></title>這個單詞的意思呢叫做標題。那么這個標題你應該放在哪?告訴大家,它屬于網頁的頭部,在頭部的里邊。

          好了,整理一下格式

          插入<title></title>標簽

          我們來看4個基本結構的組成標簽,我們都已經寫到了這個文檔里面了。

          大家需要注意的是,我寫的這種結構啊這個包含的關系非常重要。最外邊是html表示網頁開始,到網頁結束,中間呢有頭、身子,還有標題,那么頭和身子是一上一下的關系,那么標題呢屬于頭部里邊兒。要記住這個格式!

          那么到現在為止呀我們這個網頁的基本結構就算是真正寫完了,我們把它保存一下。現在這個文檔里邊啊我們寫的是網頁的程序,雖然很簡單,但它也是一個完整的網頁了。

          那么既然是一個網頁,那我們如何能打開它看這個網頁呢?注意這個HTML寫出來的這個程序啊需要放在HTML文件里邊,

          那么我們怎么做呢?直接把這個記事本改后綴,他現在是個.txt文檔,我們把這個文件的后面的txt擴展名改成html。

          將.txt格式改成.html格式

          雙擊“網頁.html”,就會打開一個網頁。

          用代碼創建的第1個初始網頁

          果然是用瀏覽器打開的一個網頁,但是里邊呢還沒有東西是吧?空白的。

          那么我們就來看一下,重新用記事本的方式把它打開。

          我現在要想在里邊簡單的寫點文字,哎我看看我這個網頁是否能夠正常顯示。

          那么在哪兒能夠寫文字呢?跟大家說一下,

          在我們這個基本結構里啊有兩個地方是可以寫內容的,一個就是<body></body>主體,另外一個呢就是<title></title>標題,這兩個地方中是可以寫文字內容的。

          右鍵單擊這個html文件,選擇打開方式→打開其他應用,然后找到記事本,用記事本打開。

          用記事本打開html文件

          然后在<title></title>中間寫上“我的第一個網頁”,<body></body>中間寫上“這里是主體文字”

          標簽中間插入文字,讓網頁中有內容

          好了,寫完之后我們再保存。關閉這個窗口,重新打開看一下效果。那么大家看這會兒在網頁里面顯示出來了。首先呢在網頁主體里邊顯示出了“這里是主體文字”,并且在頁面的上方的標簽呢顯示的是“我的一個網頁”。

          用代碼創建的第1個網頁

          那么我們今天的講解你看懂了么?

          帶你學代碼、學編程、學語言、學網絡安全、學黑客技術、學滲透技術,逐步成為網絡高手,拿到年薪30W+的offer,在網絡江湖,從小刀客變成大俠。如果感興趣,請關注我,私信我,可獲得更多學習資料。

          TML 符號實體

          HTML 符號是不呈現在標準的鍵盤上,比如數學運算符、箭頭符號、技術符號和形狀。

          如需向 HTML 頁面添加這些符號,您可以使用 HTML 實體名稱。

          如果不存在實體名稱,您可以使用實體編號。

          如果字符沒有實體名稱,您可以使用十進制(或十六進制)引用。

          實例

          <p>我將顯示 &euro;</p>

          <p>我將顯示 &#8364;</p>

          <p>我將顯示 &#x20AC;</p>

          結果如下:

          我將顯示 

          我將顯示 

          我將顯示 


          HTML 支持的數學符號

          如果您使用的是一個 HTML 實體名稱或一個十六進制編號,字符總是能正確顯示。

          這是與您頁面使用的字符集相互獨立的!

          字符編號實體描述
          ?&#8704;&forall;所有(for all)
          ?&#8706;&part;部分(part)
          ?&#8707;&exist;存在(exists)
          ?&#8709;&empty;空(empty)
          ?&#8711;&nabla;倒三角(nabla)
          &#8712;&isin;屬于(isin)
          ?&#8713;&notin;不屬于(notin)
          ?&#8715;&ni;包含的成員(ni)
          &#8719;&prod;連乘(prod)
          &#8721;&sum;總和(sum)

          完整的數學(Math)參考手冊


          HTML 支持的希臘字母

          字符編號實體描述
          Α&#913;&Alpha;Alpha(中文注音:阿耳法)
          Β&#914;&Beta;Beta(中文注音:貝塔)
          Γ&#915;&Gamma;Gamma(中文注音:伽馬)
          Δ&#916;&Delta;Delta(中文注音:德耳塔)
          Ε&#917;&Epsilon;Epsilon(中文注音:艾普西隆)
          Ζ&#918;&Zeta;Zeta(中文注音:截塔)

          完整的希臘(Greek)參考手冊


          HTML 支持的其他實體

          字符編號實體描述
          ?&#169;&copy;版權所有(REGISTERED SIGN)
          ?&#174;&reg;注冊商標(REGISTERED SIGN)
          &#8364;&euro;歐元符號(EURO SIGN)
          ?&#8482;&trade;商標(trademark)
          &#8592;&larr;向左箭頭(LEFTWARDS ARROW)
          &#8593;&uarr;向上箭頭(UPWARDS ARROW)
          &#8594;&rarr;向右箭頭(RIGHTWARDS ARROW)
          &#8595;&darr;向下箭頭(DOWNWARDS ARROW)
          ?&#9824;&spades;黑桃(BLACK SPADE SUIT)
          ?&#9827;&clubs;黑梅花(BLACK CLUB SUIT)
          ?&#9829;&hearts;黑心(BLACK HEART SUIT)
          ?&#9830;&diams;黑方塊(BLACK DIAMOND SUIT)

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 国产亚洲日韩一区二区三区| 中文字幕无码不卡一区二区三区 | 国产精品免费视频一区| 一区二区三区中文| 日韩毛片基地一区二区三区| 国产成人精品a视频一区| 国产乱码精品一区二区三区香蕉 | 国产内射999视频一区| 一区二区三区免费视频网站| 秋霞日韩一区二区三区在线观看 | 亚洲av片一区二区三区| 激情无码亚洲一区二区三区| 久久精品国产一区二区三区肥胖| 亚洲乱码国产一区网址| 国产产一区二区三区久久毛片国语| 亚洲欧美日韩一区二区三区 | 国产一区二区在线观看app | 午夜精品一区二区三区免费视频| 一区五十路在线中出| 亚洲AV无码一区二区三区电影| 一区二区三区美女视频| 亚洲第一区精品观看| 精品日韩在线视频一区二区三区| 色精品一区二区三区| 免费在线观看一区| 国产成人精品一区二区三区| 国产99精品一区二区三区免费 | 无码中文字幕乱码一区 | 无码一区二区三区在线观看| 日本在线一区二区| 日本一区二区免费看| 亚洲制服中文字幕第一区| 亚洲视频一区在线观看| 亚洲一区二区三区高清不卡 | 国产免费一区二区三区不卡| av无码人妻一区二区三区牛牛| 国产成人无码精品一区二区三区| 亚洲国产美国国产综合一区二区 | 日韩精品无码Av一区二区 | 亚洲一区二区三区在线观看蜜桃 | 久久免费区一区二区三波多野|