.最普通最常用最一般的方法就是用submit type..
2.還有一種常用的方法是使用圖片代碼:
3.使用鏈接來提交表單,用到了javascript的DOM模型:
4.這種方法實際上是調用了一個javascript函數,使用javacript函數來提交表單,方法就非常多非常靈活了,比如可以把它加入到任意一個標簽的onclick事件中:
5.比如一個表單里的提交按鈕所指向的處理頁面不同,這樣由于表單在定義的時候就已經確定下表單數據的處理頁面,所以單純地在表單里放多個提交按鈕是沒有辦法達到目的的。這就需要javascript。 首先得定義一個函數:
6.通過javascript改變form的action屬性值,這樣就可以實現多提交按鈕而且功能不同了,頁面內代碼如下面的:
【IT科技之家-itkeji綜合 -文章版權聲明】
非特殊說明,本文版權歸 [ IT科技之家-itkeji綜合 ] 所有,轉載請注明出處.
更多文章請關注:itkeji綜合
網頁制作
html
Hypertext Markup Language 超文本標記語言
html的文件結尾是html
<標簽名> 標記/標簽
標簽的分類
雙標簽 <div></div>一般都寫結構,里面會嵌套內容,其他結構
單標簽 <img>他本身就可以代表一些功能,不需要放內容
屬性
就是對標簽的描述
屬性名="屬性值"
寫的地方:雙標簽寫在第一個標簽上,屬性和屬性之間空格
<div xxx="xxx" xxx="xxx"></div>
<img xxx="xxx">
------------------------
文檔類型聲明
html5
<!DOCTYPE html>
html4
Transitional 過渡性
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
strict 嚴格型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
xhtml
Transitional 過渡性
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
strict 嚴格型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
文檔聲明類型
過渡性
嚴格型
html5類型(嚴格型)
框架型(已經廢除)
不寫文檔類型可以嗎
不可以,在有些瀏覽器(IE),解析文檔的方式發生了改變,頁面結構會發生變化
----------------------
html
網頁的根標簽,每個頁面只出現一次
lang="en" 語言屬性
en 英語
zh-CN
head 頭
給瀏覽器看的,用戶看不到
看的是網頁的設置,配置
<meta charset="UTF-8">
charset 字符集
gb2312 只能簡體中文
gbk gb2312擴展版 繁體加進來
unicode 萬國碼 所有國家的都有
utf-8 unicode升級版
<meta name="description" content="" />
<meta name="keyword" content="" />
百度搜索
競價排名
點擊一下收費 1-999
30-50
ip段鎖定,在同一時間,一個ip點擊多次算一次。根據有效行為收費
大公司用的
seo
搜索引擎優化 爬蟲,就是一種引擎(工具),把符合他自己喜好的網站,排名靠前的搜索出來
這個喜好:html5的規范,編碼規范,
title 標題
body 身體
給用戶看的
html5
1、更嚴格的規范
2、書寫更加簡潔
3、增加了標簽
結構化標簽
功能標簽
4、更語義化
---------------------------------
【標題】
h1~h6 html4標簽
headline
特點:加粗 h6-h1逐漸變大
h1 有特殊用途 放logo,增加seo
【段落】
p html4標簽
paragraph
空一格,或者多格,或者回車,都是一格
【圖片】
img html4標簽
image
屬性
src source 資源
1、超鏈接地址
2、絕對路徑
3、相對路徑 相對當前的網頁
alt="圖片信息" 只有在圖片加載失敗的時候才會出現
title=""
【列表】 html4標簽
1、有序列表
ol
li
type
1|a|A|i|I
start 開始位置
reversed 倒序
2、無序列表
ul
li
type
discircle 默認 實心圓
circle 空心圓
square 實心方塊
【超鏈接】 html4標簽
a anchor 錨
href=""
1、錨點
#id
2、超鏈接
3、本地頁面(相對路徑,絕對路徑)
4、打電話(一般手機里面用)
5、發郵件
6、協議限定符(可以執行js代碼)
【div】
搭建結構
【span】
----------------------------------------------
html5的結構化標簽
header
footer
section
nav
【特殊字符】
空格
< 小于
> 大于
【屬性】
公有屬性 大多數標簽都有這個屬性
私有屬性 這有這個標簽有這個屬性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中文網(html.cn)</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
解析
|
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
HTML 標簽通常是成對出現的,比如 <b> 和 </b>
標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
開始和結束標簽也被稱為開放標簽和閉合標簽
<標簽>內容</標簽>
“HTML 標簽” 和 “HTML 元素” 通常都是描述同樣的意思.
但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽,如下實例:
HTML 元素:
<p>這是一個段落。</p>
頭部元素包含關于文檔的概要信息,也稱為元信息(meta-information)。Meta 意為“關于某方面的信息”。
可以這么說,元數據(meta-data)是關于數據的信息,而元信息是關于信息的信息。
<head> 元素包含了所有的頭部標簽元素。在 元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。
可以添加在頭部區域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
<title> 標簽定義了不同文檔的標題。
<title> 在 HTML/XHTML 文檔中是必須的。
<title> 元素:
1.定義了瀏覽器工具欄的標題
2.當網頁添加到收藏夾時,顯示在收藏夾中的標題
3.顯示在搜索引擎結果頁面的標題
<base> 標簽描述了基本的鏈接地址/鏈接目標,該標簽作為HTML文檔中所有的鏈接標簽的默認鏈接:
|
<link> 標簽定義了文檔與外部資源之間的關系。
<link> 標簽通常用于鏈接到樣式表:
|
<style> 標簽定義了HTML文檔的樣式文件引用地址.
在<style> 元素中你也可以直接添加樣式來渲染 HTML 文檔:
|
meta標簽描述了一些基本的元數據。
<meta> 標簽提供了元數據.元數據也不顯示在頁面上,但會被瀏覽器解析。
META 元素通常用于指定網頁的描述,關鍵詞,文件的最后修改時間,作者,和其他元數據。
元數據可以使用于瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他Web服務。
<meta> 一般放置于 <head> 區域
<script>標簽用于加載腳本文件,如: JavaScript。
<script> 元素在以后的章節中會詳細描述。
HTML head 元素
標簽 | 描述 |
<head> | 定義了文檔的信息 |
<title> | 定義了文檔的標題 |
<base> | 定義了頁面鏈接標簽的默認鏈接地址 |
<link> | 定義了一個文檔和外部資源之間的關系 |
<meta> | 定義了HTML文檔中的元數據 |
<script> | 定義了客戶端的腳本文件 |
<style> | 定義了HTML文檔的樣式文件 |
開始標簽 | 元素內容 | 結束標簽 |
<p> | 這是一個段落 | </p> |
<a href="default.html"> | 這是一個鏈接 | </a> |
<br> | 換行 |
HTML注釋標簽<!--...-->用來在源文檔中插入注釋。注釋不會在瀏覽器中顯示。可使用注釋對您的代碼進行解釋,這樣做有助于您在以后的時間對代碼的編輯。特別是代碼量很大的情況下很有用
<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML教程(html.cn)</title>
</head>
<body>
<b>加粗文本</b><br><br>
<i>斜體文本</i><br><br>
<code>電腦自動輸出</code><br><br>
這是 <sub> 下標</sub> 和 <sup> 上標</sup>
</body>
</html>
HTML 文本格式化標簽
標簽 | 描述 |
<b> | 定義粗體文本 |
<em> | 定義著重文字 |
<i> | 定義斜體字 |
<small> | 定義小號字 |
<strong> | 定義加重語氣 |
<sub> | 定義下標字 |
<sup> | 定義上標字 |
<ins> | 定義插入字 |
<del> | 定義刪除字 |
HTML”計算機輸出”標簽
標簽 | 描述 |
<kbd> | 定義鍵盤碼 |
<samp> | 定義計算機代碼樣本 |
<var> | 定義變量 |
<pre> | 定義預格式文本 |
<code> | 定義計算機代碼 |
HTML 引文,引用,及標簽定義
標簽 | 描述 |
<abbr> | 定義縮寫 |
<address> | 定義地址 |
<bdo> | 定義文字方向 |
<blockquote> | 定義長的引用 |
<q> | 定義短的引用語 |
<cite> | 定義引用、引證 |
<dfn> | 定義一個定義項目 |
HTML 區塊元素
可以通過 <div> 和 <span> 將 HTML 元素組合起來
HTML塊級元素
塊級元素在瀏覽器顯示時,通常會以新行來開始和結束 - 例:<h1>, <p>, <ul>, <table>
HTML內聯元素
內聯元素在顯示時通常不會以新行開始 - 例:<b>, <td>, <a>, <img>
HTML <div> 元素
HTML <div> 元素是塊級元素,瀏覽器會在其前后顯示折行 - 如果與 CSS 一同使用,<div> 元素可用于對大的內容塊設置樣式屬性。 - <div> 元素的另一個常見的用途是文檔布局
HTML <span> 元素
HTML <span> 元素是內聯元素,可用作文本的容器 - 與 CSS 一同使用時,<span> 元素可用于為部分文本設置樣式屬性
HTML 實體
在 HTML 中,某些字符是預留的。
比如在 HTML 中不能使用小于號(<)和大于號(>)因為瀏覽器會誤認為它們是標簽,所以希望能正確地顯示預留字符,我們必須在 HTML 源代碼中使用字符實體(character entities)。
字符實體類似這樣&entity_name;
或
entity_number;
HTML 字符實體
不間斷空格
HTML 中的常用字符實體是不間斷空格( )
瀏覽器總是會截短 HTML 頁面中的空格,如果需要在頁面中增加空格的數量,需要使用 字符實體
有用的字符實體
顯示結果 | 描述 | 實體名稱 | 實體編碼 |
空格 | |||
< | 小于號 | < | < |
> | 大于號 | > | > |
& | 和號 | & | & |
“ | 引號 | " | " |
‘ | 撇號 | ' (IE不支持) | ' |
¢ | 分 | ¢ | ¢ |
£ | 鎊 | £ | £ |
¥ | 元 | ¥ | ¥ |
€ | 歐元 | € | € |
§ | 小節 | § | § |
? | 版權 | ? | ? |
? | 注冊商標 | ? | ? |
? | 商標 | ? | ? |
× | 乘號 | × | × |
÷ | 除號 | ÷ | ÷ |
歡迎大家提議、分享、交流、共同學習進步
*請認真填寫需求信息,我們會在24小時內與您取得聯系。