包機制+javadoc生成文件

阿新 • • 發佈：2022-04-17

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>