1. 程式人生 > >html的組成以及基本標籤

html的組成以及基本標籤

HTML:Hyper Text Markup Language(超文字標記語言)

HTML 元素指的是從開始標籤(start tag)到結束標籤(end tag)的所有程式碼。

head區域

<title></title> 網頁的標題

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

meta ---- head裡面的meta 代表 "元資訊",用來說明網頁自身的資訊,

一般是給瀏覽器,搜尋引擎看的,比如:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  --->告訴瀏覽器,這是一篇utf-8編碼的文件

<meta name="description" content="" />

-->這是告訴搜尋引擎本頁面的主要內容

<meta name="keywords" content="" />

-->這是告訴搜尋引擎,本頁面體現的關鍵字

 

body區域

Body區域放各種標籤,標籤內放各種內容

而內容不能夠直接寫在body裡面。

注意點:

1)    在網頁原始碼裡寫的換行,在網頁效果上不會體現出來

 

2)    html標記:分為雙標籤和單標籤

例: <b>加粗效果,文字會變粗</b>

接下來會換行<br />

3)    共同點: 無論是單雙標籤,都要求 "閉合"

單標籤也要自身閉合 <br />

4)    標籤可以巢狀,但是, 不能相互巢狀

例如: <b><i>一歲一枯榮.</i></b> 合法

例如: <b><i>一歲一枯榮.</b></i> 不合法

5)         Div塊狀元素的一個重要特點:

無論寬度如何,在瀏覽上的顯示效果都是---獨佔一行

 

基本標籤:紅色的是重要標籤!!!!

<a>

定義超連結。

<b>

定義粗體字。

<br>單標籤

定義簡單的折行。

<button>

定義按鈕 (push button)。

<div>

定義文件中的節。

<font>

不贊成使用。定義文字的字型、尺寸和顏色。

<form>

定義供使用者輸入的 HTML 表單。

<h1> to <h6>

定義 HTML 標題。

<i>

定義斜體字。

<iframe>

定義內聯框架。

<img>

定義影象。

<input>

定義輸入控制元件。

<p>

定義段落。

<script>

定義客戶端指令碼。

<select>

定義選擇列表(下拉列表)。

<span>

定義文件中的節。

<style>

定義文件的樣式資訊。

<table>

定義表格。

<td>

定義表格中的單元。

<textarea>

定義多行的文字輸入控制元件。

<th>

定義表格中的表頭單元格。

<u>

定義下劃線文字。

<ul>

定義無序列表。

<video>

定義視訊。

<wbr>      

定義視訊