HTML基礎

時間 2019-11-22

標籤 html 基礎欄目 HTML 简体版

原文原文鏈接

標籤，表格

<html> --開始標籤 <head> 網頁上的控制信息 <title>頁面標題</title>html

</head> <body>瀏覽器

頁面顯示的內容服務器

</body>post

</html> --結束標籤字體

註釋搜索引擎

body的屬性：編碼

bgcolor 頁面背景色spa

text 文字顏色（規定全部文本顏色）設計

topmargin 上頁邊距 leftmargin 左頁邊距 rightmargin 右頁邊距 bottomargin 下頁邊距 background 背景壁紙orm

###一、通常標籤

1.1.一、格式控制標籤

控制字體；color="##FF0000"；face，字體；size，字體大小。

<b></b> 字體加粗

<i></i> 傾斜

<u></u> 下劃線

<strong></strong> 字體加粗（強調，語氣增強用）

<em></em> 字體傾斜（強調，語氣增強用）

<center></center> 居中

注：<center></center>默認先後如有其餘，執行先後換行，保證自身是一個總體，而後居中顯示。

<br> 或<br /> 至關於回車（快捷鍵：shift + enter）

&nbsp；表示空格也能夠在設計頁面中按ctrl+shift+space

1.1.二、內容容器標籤

<h1></h1>……<h6></h6> 標題（會自動換行）。HTML標題（Heading）是經過<h1> - <h6> 等標籤進行定義的。注：<h1></h1>……<h6></h6>重要性依次遞減，依附於現有的默認尺寸進行遞增或遞減。而且先後如有其餘，執行先後換行，並空開一行，保證自身是一個總體 <p></p> 段落標籤（段落之間空行）注：<p></p>先後如有其餘，執行先後換行，並空開一行，保證自身是一個總體 <div></div> 層標籤（默認佔一行） <span></span> 層標籤（默認用多大空間佔多大空間） <ol type="1"> --有序列表，序號爲1,2,3……，引號中能夠更改序號形式 <li>內容</li> <li>內容</li> </ol> 注：默認自帶序號，自帶換行，先後如有其餘，執行先後換行，並空開一行，保證自身是一個總體上面「ol」改成「ul」則爲無序列表，其不具有自帶換行功能。

1.二、經常使用標籤

超連接標籤 <a href="超連接地址" target=「_blank」>超連接的文字</a> --href（hyperlink reference）；_blank是在新窗口打開。

第一步：作錨點的標籤。<a name=""></a>

第二步：作錨點連接。<a href="目標連接的name的值"></a>

圖片標籤

<img src="圖片地址" alt="文字" width="" height="" /> --高跟寬設置一個便可，顯示圖片會按比例縮放。alt在圖片沒法加載時，顯示文字，還可幫助搜索引擎搜索。 <img />必須單獨出現。

1.三、表格

<table></table> 表格 width:寬度。能夠用像素或百分比表示。經常使用960像素。 border：邊框。經常使用值0。 cellpadding：內容跟單元格邊框的邊距。經常使用值0。 cellspacing：單元格之間的間距。經常使用值0。 align:對齊方式。 bgcolor:背景色。 background:背景圖片。 <tr></tr> 行 align：一行的內容的水平對齊方式 valign：一行的內容的垂直對齊方式 height：行高 bgcolor:背景色 background:背景圖片 <td></td> 單元格 <th></th> 表頭，單元格的內容自動居中、加粗 align:單元格的內容的對齊方式 valign：單元格的內容的垂直對齊方式 width：單元格寬度 height：單元格高度 bgcolor:背景色 background:背景圖片內容必須放在單元格里，單元格必須放在行裏，行必須放在表格裏。設置單元格行高、列高時，會同時影響對應的行或列

單元格合併：（建議儘可能用表格嵌套） colspan="n"——合併同一行單元格（後面寫代碼要減去相對應的列） rowspan="n"——合併同一列單元格（從第二行開始減去對應的列）

1.四、表單

<form id="" name="" method="post/get" action="負責處理的服務端"> id不可重複；name可重複；get提交有長度限制，而且編碼後的內容在地址欄可見，post提交無長度限制，且編碼後內容不可見。 </form>

一、文本輸入文本框<input type="txt" name="" id="" value="" /> 注：上面設置value值，表示設置默認值密碼框<input type="password" name="" id="" value="" /> 文本域<textarea name="" id="" cols=""（字符多少） rows=""（幾行高）></textarea> 隱藏域<input type="hidden" name="" id="" value="" />

二、按鈕提交按鈕<input type="submit" name="" id="" disabled="disabled" value=""/>點擊後轉到form內的提交服務器的地址注：上面中設置value值表示運行時上面顯示的文字。

重置按鈕<input type="reset" name="" id="" disabled="disabled" value=""/>

普通按鈕<input type="button" name="" id="" disabled="disabled" value=""/>

圖片按鈕<input type="image" name="" id="" disabled="disabled" src="圖片地址"/> 附： disabled，使按鈕失效；enable，使可用。

三、選擇輸入單選按鈕組<input type="redio" name="" checked="checked" value=""/> name的值用來分組；value值看不見，是提交給程序用的；checked，設置默認選項。注：單選按鈕組選中後不可取消。複選框組<input type="checkbox" name="" checked="checked" value=""/> 注：checked="checked"表示一上來就選中，且複選框可選中可取消。文件上傳<input type="file" name="" id="" /> <label for=""></label> <label> 標籤爲 input 元素定義標註（標記）。 label 元素不會向用戶呈現任何特殊效果。不過，它爲鼠標用戶改進了可用性。若是您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標籤時，瀏覽器就會自動將焦點轉到和標籤相關的表單控件上。 <label> 標籤的 for 屬性應當與相關元素的 id 屬性相同。

下拉列表框 <select name="" id="" size="" multiple="multiple"> --size=1時，爲菜單；>1時，爲列表。multiple爲多選。

<option value="值" selected="selected">內容2</option> --selected，設爲默認

相關標籤/搜索

每日一句

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