前端|關於前端網頁設計的屬性及標題

  • 2019 年 12 月 16 日
  • 筆記

1、HTML屬性

HTML 標籤可以擁有屬性。屬性提供了有關 HTML 元素的更多的資訊。

屬性總是以名稱/值對的形式出現,比如:name="value"。

屬性總是在 HTML 元素的開始標籤中規定。

圖 1.1

如上圖HTML由<a>標籤定義。而連接地址在href屬性中指定。

另外,還有更多的HTML屬性。其中<h1>及設定為定義標題的開始。<h1 align=」center」>則表示擁有關於對齊方式的附加資訊。<body> 定義 HTML 文檔的主體。

<body bgcolor="yellow"> 擁有關於背景顏色的附加資訊。<table> 定義 HTML 表格。而<table border="1"> 為擁有關於表格邊框的附加資訊。

其次,HTML屬性也包含小寫屬性的提示與始終為屬性值加引號,如下

圖 1.2

2、HTML標題

如上所說<h1>定義標題的開始,且為最大標題。一般有<h1>-<h6>等標籤進行定義,而<h6>及為最小標籤,應用為一個標題的開始

圖 2.1

HTML heading 標籤只用於標題。不要僅僅是為了產生粗體或大號的文本而使用標題。搜索引擎使用標題為您的網頁的結構和內容編製索引。因為我們可以通過標題來快速瀏覽的網頁,所以用標題來呈現文檔結構是很重要的。應該將 h1 用作主標題(最重要的),其後是 h2(次重要的),再其次是 h3,以此類推。

標題中也有其他指令,如下

圖 2.2

3、總結

設計屬性以及標題的設定是網頁設計中必不可少的一部分,雖不是最重要的,卻是我們必須得掌握熟練應用的。學號此類基礎使我們走在前端路上最好的墊腳石。

主 編 | 張禎悅

責 編 | 陳宇傑

where2go 團隊