HTML常見標簽
HTML(HpperText Makeup Languege):超文本標記語言。該語言書寫的代碼通常會被瀏覽器解析執行。
CSS(Cascading Style Sheets):層疊樣式表。用於定義HTML文檔的樣式(外觀)。
HTML決定了決定了文檔的內容結構,CSS決定了文檔的樣式。
在css中,html的標簽元素大概分為三種不同的類型:塊狀元素、內聯元素(行內元素)、內聯塊元素。
常見的塊狀元素有:<div>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ol>、<ul>、
常見的塊狀內聯元素有:<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常見的內聯塊元素有:<img>、<input>
元素的基本構成:起始標簽(標記)+元素內容+結束標簽(標記)
例如:
<a href="目標網址">元素內容<a>
其中a標記表示這是一個超鏈接
元素內容表示在頁面直接顯示的內容
href為屬性名,表示在點擊元素內容後,會跳轉到雙引號內的目標網址。
head元素:文檔頭,是html的第一個元素。可以包含一些其他元素,用於描述頁面的附加信息。
內容是不會顯示到頁面上的。通常包含<title>和<meta><title>:文檔標題,該標題會顯示在標題欄或標簽頁上。
<meta>:頁面相關的附加信息,這是一個空元素。
(有些元素只有只含有標記名和屬性,我們稱這類元素為空元素。書寫方式:<標記名 屬性>或<標記名 屬性/>
例如:
<meta charset="UTF-8">
為獲取更好的地域兼容器,避免亂碼,應將字符編碼集設置為“UTF-8”,並且將其作為head的第一個子元素。
<body>:文檔體,網頁中所有可見內容都放置其中。
無序列表<ul>:通常用作導航
<ul> <li> 內容一</li> <li> 內容二</li> </ul>
顯示結果:.內容一
.內容二
有序列表<ol>:一般用於在時間上具有邏輯順序的
<ol>早上醒來:
<li>刷牙</li>
<li>洗臉</li>
<li>吃早餐</li>
</ol>
顯示結果:早上醒來:1.刷牙
2.洗臉
3.吃早餐
自定義列表<dl>:
<dl>
<dt>HTML術語</dt>
<dd>對HTML術語的解釋內容</dd>
</dl>
段落標簽<p>
預格式文本<pre>:在html中怎麽寫就怎麽展示出來
大段引用<blockquote>
HTML常見標簽