1. 程式人生 > 其它 >json的轉換(2)-java物件轉json格式在js中

json的轉換(2)-java物件轉json格式在js中

HTML介紹

網頁和網站的區別?

多個網頁構成一個網站,網頁是構成網站的基本元素,通常由圖片(img src)、連結、文字、視訊、音訊、多媒體等等

如何使用文字開啟圖片

1、新建txt文字

2、文字編輯

<img src="photo.jpg">
      <>標籤符號
​     img 標籤名字,圖片標籤
​     srs 圖片的屬性
​     “  ”裡面放圖片的路徑

3、文字字尾名改成html

常用瀏覽器

網頁通過瀏覽器來展示,常用瀏覽器有IE、火狐(Firefox)、谷歌(Chrome)···

瀏覽器核心:負責讀取網頁內容,整理訊息、計算網頁的顯示方式並顯示頁面

瀏覽器 核心 備註
IE Trident IT、獵豹安全、360極速瀏覽器、百度瀏覽器
Firefox Gecko 火狐瀏覽器核心
Safari Webkit 蘋果瀏覽器核心
Chrome Blink Chrom/opera瀏覽器核心、Blink其實是WebKit的分支

W3W

​ W3W(全球資訊網聯盟)是國際最著名的標準化組織,我們的web標準也是由標準化組織制定的一系列標準的集合。

​ 由於我們的網頁通過瀏覽器來展示,那麼使用不同的瀏覽器,則會讓我們的程式碼格式的顯示有某些問題,為了避免這種問題,則指定了web標準

web標準構成:結構(HTML)+表現(CSS)+行為(JavaScript)

HTML:超文字標記語言,用來描述網頁的一種語言,不是程式語言。

CSS:表現

JS:行為

HTML基本結構

1、語法規範

  • 所有的標籤都要放在< >中,例如

  • 大多數標籤都是成對出現的,即雙標籤,例如,當然,有雙標籤也會有單標籤

  • 標籤的關係:包含、並列

    <!--包含關係-->
    <html>
        <head></head>
    </html>
    
    <!--並列關係-->
    <html>
        <head></head>
        <title></title>
    </html>
    

標籤結構

<!DOCTYPE html>      <!--根標籤,頁面中最大的標籤-->
<html lang="en">
<head>        <!--頭部,必須要設定它當中的title標籤-->
	<!--字元編碼-->
    <meta charset="UTF-8">
    <title>Title</title>     <!--標題,自己網頁的標題-->
</head>
<body>      <!--文件主體,頁面內容基本都放這裡-->
    <img src="圖片相對路徑" alt="">    <!--圖片標籤,單標籤-->
</body>
</html>

常用標籤

標題標籤

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>標題標籤</title>
</head>
<body>
    <h1>我是一級標題標籤</h1>
    <h2>我是二級標題標籤</h2>
    <h3>我是三級標題標籤</h3>
    <h4>我是四級標題標籤</h4>
    <h5>我是五級標題標籤</h5>
    <h6>我是六級標題標籤</h6>
</body>
</html>

段落標籤

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>段落標籤</title>
</head>
<body>
    <p>北京時間2021年9月20日,長征七號遙四運載火箭搭載天舟三號貨運飛船,在海南文昌航天發射場成功發射。
        天舟三號裝載了航天員生活物資、艙外航天服及出艙消耗品、空間站平臺物資、部分載荷和推進劑等,<br>
        與天和核心艙及天舟二號組合體完成交會對接後,轉入三艙(船)組合體飛行狀態.
        </p>
    <p>天舟三號是中國空間站關鍵技術驗證及建造階段的第五次飛行任務。按照任務規劃,
        天舟三號貨運飛船裝載了航天員生活物資、艙外航天服及出艙消耗品、空間站平臺物資、部分載荷和推進劑等,
        與空間站組合體完成交會對接後,轉入組合體飛行段,為空間站在軌建造後續飛行任務奠定基礎。<br>
        北京時間2021年10月16日,神舟十三號載人飛船發射取得圓滿成功。天和核心艙和天舟二號、天舟三號組合體已進入對接軌道,
        狀態良好,滿足與神舟十三號交會對接的任務要求和航天員進駐條件。</p>
</body>
</html>

段落練習案例一

執行結果:

程式碼示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>實驗藝術</title>
</head>
<body>
    <h1>實驗藝術:轉化藝術教育思維的重要賦能引擎</h1>
    <p>剛剛過去的3月,實驗藝術因為多地舉辦相關展覽和研討活動而備受關注。3月26日,
        “藝術×設計×心理”跨學科實驗藝術專案——第二回展“低垂之眼”在四川大學美術館以研討會的形式開幕。
        3月15日,5年舉辦一屆的“新青年——第四屆實驗藝術文獻展”於江西景德鎮開幕。
        從這兩個活動可以深刻感受到實驗藝術在國內的發展狀態,及其在社會發展過程中所發揮的作用和產生的影響。
        那麼,作為中國美術教育現代教育系統中較為新興的學科,實驗藝術在國內的發展現狀如何?
        與傳統學科相比有著哪些特點?又呈現出了哪些發展態勢?</p>
    <h4>實驗藝術整體發展如何</h4>
    <p>“新青年——第四屆學院實驗藝術文獻展暨中國學院實驗藝術教育大會”是對我國近5年來實驗藝術領域教學
        、科研、創作及學生髮展成果的系統呈現。</p>
    <h4>實驗藝術要走向何方</h4>
    <p>實驗藝術相比傳統造型藝術,是一個年輕的專業學科和藝術領域。山東藝術學院美術學院副院長孫磊被稱為
        山東實驗藝術的領頭人,在他看來,實驗藝術是高等美術教育中的一個概念,簡單說就是學院中的當代藝術。
        “當然它有更為深刻的內涵,‘實驗藝術’不同於‘美術學’學科中的油畫、版畫、雕塑等,而是一種因為藝術工
        作方法而確定性質的專業學科,即以有價值的主題思想作為表達前提,尋求恰如其分的藝術法式與語言載體,
        最終完成藝術作品面向社會與公眾的物質化呈現。</p>
    <p>作者:墨川 <br>
        2022.4.14</p>
</body>
</html>