初識HTML(1)

powershell的命令很強大,可以get到幾乎所有我們想要的信息,也可以輸出txt,csv以及html。但是如果爲了顯得更加高大上,還是需要選擇html格式的。然而,這就並不僅僅是powershell的知識了,還是得學習下html的知識。

那麼,我們就來認識一下HTML吧,從最簡單的代碼開始學習。

1.HTML標題

HTML 標題(Heading)是通過 <h1> - <h6> 等標籤進行定義的。其中h1代表一級標題,h2代表二級標題,如此類推;例子:
<h1>This is heading1</h1>
<h2>This is heading2</h2>
<h3>This is heading3</h3>

2.HTML段落

HTML 段落是通過<p> 標籤進行定義的。例子:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

3.HTML鏈接

HTML 鏈接是通過 <a> 標籤進行定義的。例子:
<a href="http://www.canway.net">This is a link</a>
說明:在 href 屬性中指定鏈接的地址。
測試效果:

4.HTML圖像

HTML 圖像是通過 <img> 標籤進行定義的。例子:

<img src="DDDD.jpg" width="100" height="150" />

說明:圖像的名稱和尺寸是以屬性的形式提供的。

5.HTML主體

<body> 元素定義了 HTML 文檔的主體。
這個元素擁有一個開始標籤 <body>,以及一個結束標籤 </body>。

從以上幾個簡單的例子應該能看出一些”規律“了,開始是<xxx>結束都是</xxx>,這分別稱之爲【開始標籤】和【結束標籤】

5. HTML Tile

<title></title>用來設置網頁的標題

那麼來一個簡單的例子實戰一下?

<!This is Commented code>
<html>
<body>
<title>This is title</title>
<h1>This is heading</h1>
<p>This is paragraph.</p>
</body>
</html>




發佈了46 篇原創文章 · 獲贊 7 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章