1. 程式人生 > >HTML常見標簽

HTML常見標簽

標簽 解釋 brush 基本 htm 不同 容器 內容 第一個

HTML(HpperText Makeup Languege):超文本標記語言。該語言書寫的代碼通常會被瀏覽器解析執行。

CSS(Cascading Style Sheets):層疊樣式表。用於定義HTML文檔的樣式(外觀)。

HTML決定了決定了文檔的內容結構,CSS決定了文檔的樣式。

在css中,html的標簽元素大概分為三種不同的類型:塊狀元素內聯元素(行內元素)、內聯塊元素

常見的塊狀元素有<div>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ol>、<ul>、

<dl>、<table>、<adress>、<blockquote>、<form>

常見的塊狀內聯元素有<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常見標簽