html css 寫法

<p>對於初學者來說，HTML和CSS是建立網頁的必備工具。以下將會介紹一些HTML和CSS的基本寫法。

<p>HTML基本寫法：

<p>HTML是網頁的基礎，它透過標籤定義了頁面上的內容。以下是一些HTML基本標籤的寫法：

<p>1.標題標籤：

<p>使用<h>標籤來定義標題，例如h1、h2、h3等，數字越小，字號越大。

<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<h3>这是一个三级标题</h3>

<p>2.段落標籤：

<p>使用<p>標籤來定義段落。

<p>这是一个段落文本内容</p>

<p>3.連結標籤：

<p>使用<a>標籤來定義連結。

<a href="https://www.example.com">这是一个链接</a>

<p>4.表格標籤：

<p>使用<table>標籤定義一個表格。表格中的資料在<tr>標籤中定義，而每個資料單元格是在<td>標籤中定義的。

<table>
  <tr>
    <td>第一行，第一列</td>
    <td>第一行，第二列</td>
  </tr>
  <tr>
    <td>第二行，第一列</td>
    <td>第二行，第二列</td>
  </tr>
</table>

<p>CSS基本寫法：

<p>CSS樣式可以用來美化網頁，例如更改顏色、字體樣式和間距等。以下是CSS基本寫法：

<p>1.選擇器：

<p>選擇器用來定位HTML標記，然後對其套用樣式。如：

• #idname：選取id為「idname」的元素
• .classname：選取class為「classname」的元素
• tagname：選取標籤名為「tagname」的元素
• *：選擇所有元素

#title {
  color: blue;
  font-size: 25px;
}

.text {
  color: red;
  font-size: 18px;
}

body {
  background-color: gray;
}

<p>2.屬性和屬性值：

<p>CSS樣式中的屬性用來設定元素的特定樣式，屬性的取值根據具體情況而定，如：

color:red;
width:100px;
height:50px;
padding:10px;
margin:5px;

<p>3.註解：

<p>註解用來解釋程式碼和說明，可以幫助其他人理解你的程式碼。

/* 这是一个注释 */

<p>總結：

<p>HTML和CSS是建立網頁的兩個重要部分。學習它們的基本文法和規則，能讓你更輕鬆地寫出美觀、規範的網頁。

以上是html css 寫法的詳細內容。更多資訊請關注PHP中文網其他相關文章！