html基本標簽與屬性_ZenDei技術網路在線

html基本標簽與屬性

-Advertisement-

HTML 超文本標記語言 html5 建立一個HTML文件：文件名 . 尾碼(html) 解析：就是去識別註釋：就是給開發人員開的批註瀏覽器不去解析（不去輸出） HTML的整體框架 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit ...

HTML

超文本標記語言 html5 建立一個HTML文件：文件名 . 尾碼(html) 解析：就是去識別註釋：就是給開發人員開的批註------瀏覽器不去解析（不去輸出） HTML的整體框架 <!DOCTYPE html> <html> 　　<head> 　　　　<meta charset="utf-8"> 　　　　<title></title> 　　</head> 　　<body> 　　</body> </html> 在body中具體有哪些常用的標簽文本標簽 <b></b> 加粗標簽 <i></i> 斜體標簽 <p></p> 段落標簽每個段落和其他段落之間有一個間隙 <sub></sub> 下角標 <sup></sup> 上角標 <del></del> 刪除線 <s></s> 刪除線和搜索引擎有關係的標簽 SEO（搜索引擎優化） <em></em> 強調功能 <strong></strong> 具有強調功能 strong > em <h1></h1> 標題標簽從大到小每一個都獨立占去一行 ...... <h6></h6> 在一個網頁中最好只有一個h1標簽在html源代碼中有多個空格只識別一個格式標簽 <br> 強制換行標簽 <hr> 橫線標簽 <pre>原型輸出標簽列表標簽 <Ul> 無序列表 <li></li> 列表項 </Ul> <ol> 有序列表 <li></li> 列表項 </ol> <dl> 自定義列表 <dt></dt> <dd></dd> </dl> 超鏈接標簽 <a></a> 屬性： Href：就是超鏈接跳轉的地址 target：_self:在本選項卡中打開 _blank:在新的選項卡中打開錨點錨點的定義 <a name=”錨點名稱” id=”錨點名稱”></a> 錨點的使用 <a href=”#錨點名稱”></a> 多媒體標簽 <img> 圖片標簽屬性： src：就是需要載入圖片的路徑（URL） width：設置圖片的寬度 height：設置圖片的高度註意：為了避免圖片失真寬度和高度最好只設置一個 border：設置圖片的邊框 alt: 第一個用法：就是在圖片沒有載入出來的時候會把文字顯示出來第二個用法：搜索引擎會根據alt的值去判斷這張圖片上到底是什麼 title：就是滑鼠放上去會有一個小的提示 <audio></audio> 音頻標簽屬性：src：需要載入的音頻路徑 controls 控制按鈕 <video></video> 視頻標簽屬性: src 需要載入的視頻路徑 controls 控制按鈕 loop: 自動重播 width：寬度 height：高度 <embed> flash 動畫標簽屬性： src：就是需要載入的flash動畫的路經 width:寬度 height:高度寬度和高度同時去設置 <table></table> 表格標簽屬性：border：就是給整個表格加邊框 width：給整個表格設置寬度 align：center 會把整個表格相對於瀏覽器居中 right：會把整個表格相對於瀏覽器居右 left：會把整個表格相對於瀏覽器居左（預設值） bgcolor：設置整個表格的背景顏色 <tr></tr> 表格中的一行屬性：align：left：會把這一行的內容相對於單元格居左 right：把這一行的內容相對於單元格居右 center：把這一行的內容相對於單元格居中 bgcolor：設置一行的背景顏色 <td></td> 一行中的一列 <th></th> 表頭比<td>要粗自帶居中屬性屬性：align：left：會把這一行的內容相對於單元格居左 right：把這一行的內容相對於單元格居右 center：把這一行的內容相對於單元格居中在td中的優先順序大於在tr中 rowspan：合併行 colspan：合併列 bgcolor：設置這個單元格的背景顏色表單標簽 <form></form> 表單標簽屬性： action: 就是這個表單的內容要提交到那個後臺 method：就是表單提交的方式 get：以get方式提交 post：以post方式提交所有的表單項都必須有name屬性-不要寫漢字 <input > 表單項屬性：type：值： text:就是普通的文本輸入框 submit：就是一個提交按鈕 Value：寫一個你喜歡的字 image：他是圖片提交按鈕和他配合的必須有src radio：就是單選按鈕 name 的值必須相同（如果不同就不會是單選了） checked：預設選中值 checkbox:多選按鈕 checked：預設選中值 hidden：隱藏域-就是後臺可以接收到值，但是前臺用戶看不到 password：密碼輸入框--就是輸入的內容會用....開代替 maxlength:控制用戶輸入的多少 disabled：禁用-就是後臺也接收不到值 readonly：就是前臺不能改，但是後臺可以接收到值 size：設置text這個類型的大x小 placeholder：提示內容，點擊輸入內容後消失 <select></select> 下拉列表屬性： name：就是下拉列表的名字 <option></option> 下拉列表的列表項屬性： Value：就是每個列表項對應的值 <textarea></textarea> 文本域屬性： name：文本域的名字 cols：控制列數 rows：控制行數 disabled：禁用 ---後臺接收不到 readonly：只讀 -- 後臺可以接收到框架集（分幀）---他可以插入到<body>中一種是邪惡的分幀 <iframe> 屬性： src :需要載入頁面的地址 scrolling：是否顯示滾動條 no：不顯示滾動條 frameborder：0 不顯示邊框 1 顯示邊框不邪惡的分幀(不能插入的)--不能插入到<body>中，誰在上面顯示誰 <frameset></frameset> 屬性：cols：左右分 rows：上下分 <frame> 屬性： src：就是需要載入頁面的地址 noresize：禁止拖動改變大小無意義的標簽 <div></div> 塊狀標簽 <span></span> 行內標簽編碼問題 <head>中的標簽 <meta>去設置一些網頁的屬性屬性：charset：去設置網頁的編碼 utf-8 編碼 name： keywords: 網頁關鍵字 content：內容 description：網站描述 content：內容 <title></title> 設置網頁選顯卡上的顯示文字 <script></script> 寫 JavaScript代碼的地方 <style></style> 寫css樣式的地方 <link> 連接其他語言的一個通道字元實體：就是一下使用代碼列印不出來的東西

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

jquery-easyui：如何設置組件屬性

在這裡以面板為例： $().ready(function() { $('#menu').tree({ url : '/menu', onClick : function(node) { $('#center').panel({ href:node.attribute.url }... ...
基於cordova開發的基本事項和常用總結

1. 基本規範符合web標準, 語義化html, 結構、表現、行為分離, 相容性優良. 頁面性能方面, 代碼要求簡潔明瞭有序, 儘可能的減小伺服器負載, 保證最快的解析速度. 2. 文件規範 html, css, js, image文件均放在約定的目錄中，基本目錄結構如2.1圖，並且目錄與文件名中 ...
浮動影響

一、浮動元素自動變塊級元素非浮動元素占據浮動元素位置，浮動元素不能占據非浮動元素位置？？？向上占據浮動元素會被自動設置成塊級元素，相當於給元素設置了display:block（塊級元素能設置寬和高，而行內元素則不可以）。二、併列關係的盒子，不一致地浮動，位置問題元素浮動會對後面非浮動的兄弟元 ...
ES6對象擴展

[1]對象類別 [2]對象簡寫 [3]可計算屬性名 [4]判斷相等 [5]對象合併 [6]屬性名重覆 [7]枚舉順序 [8]對象原型 [9]方法定義 [10]對象遍歷 ...
實現移動端頂部與底部固定，內容區優化的效果

實現頂部與底部固定的效果十分容易，且很多人都會選擇用這個方式，就是頂部position:fixed，底部也position:fixed。實現的效果就像下麵兩張圖，container區域是佈滿整個屏幕的，且滾動條也是滾動在整個屏幕中，調內容區時只能調節高度。其實還有一種方式可以實現較好的效果，就是內 ...
Angular02 通過angular-cli來搭建web前端項目

準備前提：已經搭建好angular-cli環境，還未搭建好的請參見三少的博客（開發基礎分類） 1 新建一個文件夾該文件夾用來存放所有利用angular-cli搭建的web前端項目 2 啟動命令視窗，併進入該文件夾 3 創建新項目 ng new 項目名稱註意：項目名稱最好全部用字母 3.1 到文件 ...
滑鼠鍵盤事件

1、獲取滑鼠位置 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:// ...
兩個頁面之間的通信

今天要給大家說的是兩個不同頁面之間的通信，通過一個拖拽demo來模擬；首先，寫好基礎的拖拽代碼：這是將div拖動變化的值存入到本地儲存localstorage，用JSON.stringify將其轉為字元串形式：然後新建一個新建一個demo，獲取本地的數據：通過onstorage這個方法實現兩 ...