使用HTML製做網頁

時間 2019-11-10

標籤使用 html 製做網頁欄目 HTML 简体版

原文原文鏈接

網頁基本信息【編碼格式】html

gb2312:簡體中文，通常用於包含中文和英文的頁面瀏覽器

ISO-885901：純英文，通常用於只包含英文的頁面性能

big5：繁體中文，通常用戶帶有繁體字的頁面編碼

utf-8：國際通用的字符編碼，一樣適用於包含中文和英文的頁面。和gb2312相比，它的國際通用性好，可是字符壓縮比較低，對網頁性能有必定影響。spa

HTML和XHTML的區別code

HTML和XHTML之間的差異，粗略能夠分爲兩大類比較，一個是功能上的差異，另外是書寫習慣的差異，關於功能上的差異，主要是XHTML可兼容各大瀏覽器，手機，以及PDA，而且瀏覽器也能快速的正確編譯網頁。orm

書寫習慣：htm

全部標籤必須小寫blog

標籤必須是成雙成對（個別除外）圖片

標籤順序必須正確

全部屬性值都必須使用完整形式

註釋及特殊符號：

空格： 

大於號：>

小於號：<

引號："

版權符號@ ©

HTML文檔的格式如如下代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>這是標題</title>
</head>
<body>
    <h1>個人第一個標題</h1>
    <p>個人第一個段落。</p>
</body>
</html>

錨連接：

從A頁面的甲位置跳轉到本頁中的乙位置。

從A頁面的甲位置跳轉到B頁面中的乙位置

建立步驟：

建立跳轉標記

<a name="marker">乙位置</a>

建立跳轉連接

<a href="#marker">甲位置</a>

HTML的基本標籤包括：<h1>...<h6>,<p><hr/><br/>

對基本標籤的應用：

<h1>這是一個標題</h1>
<h2>這是一個標題</h2>
<h3>這是一個標題</h3>

圖像img標籤：

<img src="1.png" width="258" height="39" />

<b> 定義粗體文本

<em> 定義着重文字

<i> 定義斜體字

<small> 定義小號字

<strong> 定義加劇語氣

<sub> 定義下標字

<sup> 定義上標字

<ins> 定義插入字

<del> 定義刪除字

有序列表的應用

type取值：

1：使用數字做爲項目符號

2：使用大寫/小寫字符做爲項目符號

3：使用大寫/小寫羅馬數字做爲項目符號

有序列表、無序列表、定義列表的對比

無序列表：

以<ul>標籤來實現，以<li>標籤表示列表項

經過type屬性設置項目符號

disc、square、circle

有序列表：

以<ol>標籤來實現，以<li>標籤表示列表項

經過type屬性設置項目順序

一、A、a、i、I

定義列表

以<dl>標籤來實現

以<dt>標籤訂義列表項

以<dd>標籤訂義內容

無項目符號和顯示順序

表格元素格式：

<input type="text" name="fname" value="text">

type：指定元素的類型，text,password,checkbox,radio,submit,reset,file,hidden,image和button，默認爲text

name：指定表單元素的名稱

value：元素的初始值，type爲radio時必須指定一個值

size：指定表單元素的初始寬度，當Type爲text或password時，表單元素的大小以字符爲單位。對於其餘類型，寬度以像素爲單位。

maxlength：類型爲文本或者密碼時，輸入的最大字符數。

下面爲關於表單的部分實例：

<form action="" method="get">
    <p>請輸入用戶名稱：
    <input type="text" name="user" placeholder="請輸入用戶名">
    </p>
    <p>請輸入用戶密碼：
    <input type="password" name="password"  placeholder="請輸入密碼">
    </p>
    <p>愛好：
    <input type="checkbox" name="">喝酒
    <input type="checkbox" name="">抽菸
    <input type="checkbox" name="">打橋牌
    </p>
    <p>性別：
    <input type="radio" name="sex">男
    <input type="radio" name="sex">女
    </p>
    <p>上傳文件：
        <input type="file" name="">
    </p>
    <p>隱藏域:
        <input type="hidden" name="yincang" value="yincang">
    </p>
    <p>圖片按鈕:
        <input type="image" src="1.png" name="" width="100px" height="50px">
    </p>
    <p>登陸理由：
        <input type="text" name="liyou" size="26px" maxlength="5" placeholder="最多輸入5個字">
    </p>
    <br>
    <input type="submit" value="登陸" style="border: none;width: 70px;height: 30px">
    <input type="reset" value="重置" style="border: none;width: 70px;height: 30px">
</form>

其中包括上傳文件，隱藏域，圖片按鈕，對文本框中的內容長度進行限定，最大字符數進行限定。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。