2. 程式人生 > >html速查

html速查

阿新 • • 發佈：2018-12-14 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <h1>標題：title</h1>
        <p>段落：paragraph</p>
        <hr><!--水平線：horizontal -->
        <br><!--換行-->
        <b>加粗文字：bold</b><br>
        <i>斜體文字：italics</i><br>
        <sub>下標：subscript</sub> <br>
        <sup> 上標：superscript</sup><br>
        <ins>插入：insert</ins><br>
        <del>刪除：delete</del><br>
        <area shape="
 
rect" coords="0,0,82,126" alt="Sun" href="sun.htm"><!--可點選區域。shap規定區域的形狀-->
        <small>小號字型：small</small><br>
        <a href="http://www.wo-com.club;">連結：link</a><br>
        <img src="/images/logo.png" width="258" height="39" alt="沒圖片時顯示文字"/><br><!--圖片：image-->
        
        <form action="
 
demo_form.php" method="post/get">
        <input type="button" value="按鈕"><!--按鈕-->
        <input type="text" name="email"><!--文字框-->
        <input type="password"><!--密碼框-->
        <input type="checkbox" checked="checked"  name="b"> <!--複選 預選-->
        <input type="
 
checkbox" name="b">                    <!--複選-->
        <input type="radio" checked="checked" name="a"> <!--單選-->
        <input type="radio" name="a">                    <!--單選-->
        <input type="submit" value="傳送">        <!--傳送按鈕-->
        <input type="reset" value="重置">        <!--重置-->
        <input type="hidden">            <!--隱藏域-->
        <p hidden="hidden">這是一段隱藏的段落。</p>
        加密: <keygen name="security">
        <p>http://www.runoob.com/html/html5-webstorage.html  記錄點選次數</p>
        <select><!--文字域-->
        <option>蘋果</option>
        <option selected="selected">香蕉</option>
        <option selected>櫻桃</option><!--預選-->
        </select>
        <br>
        <textarea name="comment" rows="3" cols="20"></textarea><!--文字域-->
         
        </form>
        
        <p>HTML 區塊元素 塊級元素在瀏覽器顯示時，通常會以新行來開始（和結束）。例項:<!-- <h1>, <p>, <ul>, <table>, <div>容器--></p>
        <p>HTML 內聯元素 在顯示時通常不會以新行開始例項: <!--<b>, <td>, <a>, <img>,<span>容器--></p>
        
        <p style="background-color:#FFaa00">通過十六進位制設定背景顏色</p>
        <p style="background-color:rgb(255,255,0)">通過 rbg 值設定背景顏色</p>
        <p style="background-color:yellow">通過顏色名設定背景顏色</p>
        
        <video width="200" height="180" controls><!--視訊-->
            <source src="movie.mp4" type="video/mp4">
            </object> 
        </video>
        <br>
        <audio controls><!--音訊-->
            <source src="horse.mp3" type="audio/mpeg">
            <source src="horse.ogg" type="audio/ogg">
            您的瀏覽器不支援該音訊格式。
        </audio>
        <br>
        <canvas id="myCanvas" width="200" height="100" style="border:1px solid #f29;">
        畫布
        </canvas><br>
        
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
            <polygon points="100,10 40,180 190,60 10,60 160,180"
            style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
        </svg><!--向量圖形-->
        <br>
        
        <iframe src="demo_iframe.htm" width="200" height="50">框架 內部網頁</iframe>
        
        <table border="1">
         <caption>表格標題</caption>
            <tr>
                <th>表頭：heading</th>
                <th>表頭</th>
                <td rowspan="2">跨列</td>
            </tr>
            <tr>
                <td>表格</td>
                <td>表格：table</td>
                
            </tr>
            <tr>
                <th bgcolor="blue" align="left" >Name</th><!--表格背景顏色 對齊-->
                <th colspan="2">跨行</th>
            </tr>
        </table>
        
        <!--無序列表-->
        <ul style="list-style-type:disc"><!--實心圓-->
        <ul style="list-style-type:circle"><!--空心圓-->
        <ul style="list-style-type:square"><!--方形圓-->
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
        </ul>
        
        <ol start="20"><!--有序列表任意值開始-->
        <ol type="I"><!--不同型別 i-->
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
        </ol>

        <dl><!--自定義列表-->
            <dt>Coffee</dt>
            <dd>- black hot drink</dd>
            <dt>Milk</dt>
            <dd>- white cold drink</dd>
        </dl>


    </body>
</html>

 

相關推薦

HTML速查列表

reset 刪除 comment images ref 信息 計算機 描述 input HTML 速查列表HTML 基本文檔<!DOCTYPE html><html><head><title>文檔標題</title>

html速查

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <b

HTML實體符號代碼速查表（轉載）

plus tro agg 小於號 times 問號 大於號 豎線 table 1.特色的 ? &copy; ? 版權標誌 | | 豎線，常用作菜單或導航中的分隔符 · &middot; · 圓點，有時被用來作為菜單分隔符 ↑ &

實用掌中寶--HTML&CSS常用標簽速查手冊 PDF掃描版

適合 維護 jin 第6章 bsp 知識 -h 講解 AR 實用掌中寶--HTML&CSS常用標簽速查手冊 內容推薦: 本書第一篇以語法和實例相結合的形式，詳細講解了HTML語言中各個元素及其屬性的作用、語法和顯示效果；第二篇從CSS基本概念開始，分別講解了CSS基

Numpy - Pandas - Matplot 功能與函數名 速查

返回 隨機數組 -- 函數名 基本 隨機數 速查 apply val 用Python做數據分析，涉及到的函數實在是太多了，容易忘記，去網上查中文基本上差不到，英文有時候描述不清楚問題。 這裏搞個針對個人習慣的函數匯總速查手冊，下次需要用一個什麽功能，就在這裏面查到對應的函數

Keras cheat sheet（Keras 速查手冊）

heat 打開 sset mage .com pdf .cn log amazon 轉自：https://s3.amazonaws.com/assets.datacamp.com/blog_assets/Keras_Cheat_Sheet_Python.pdf 右擊在新標

常用正則表達式速查表

tle 效果 table 邏輯 改變 小寫 body 換行符 特殊 元字符(配匹字符串用) 字符 補集(相反的) . 除換行符（\n）以外的任意字符 \n（換行） \w 單詞字符 (指大小寫字母、0-9的數字、下劃線、漢字) \W \d 數字(0-

vue2.0 配置 選項 屬性 方法 事件 ——速查

全局組 避免 temp ... 插件 text ext sil 銷毀 全局配置 　　　　　　　　　　　　　　silent 　　　　　　 設置日誌與警告 　　　　　　 optionMergeStrategies 　　　　　　 合並策略

Python re正則表達式速查

python re 模式 user es2017 src ble 十進制數 mage 編譯 常見正則表達式符號和特殊字符 表示法 描述 正則表達式示例 符號 re1|re2 匹配正則表達式re1或re2 foo|bar .

Git 常用命令速查

width 庫存 顯示 lin fast 服務器 定位 參考 最新版 一、 Git 常用命令速查 git branch 查看本地所有分支 git status 查看當前狀態 git commit 提交 git branch -a 查看所有的分支 git branch

[轉]latex輸入數學符號速查

向下取整 sum 等於 spa element pre 求和 plus review 基本運算 乘法 x×y x \times y 乘方 23x 2^{3x} 平方根 x+y?????√ \sqrt {x + y} 除法 x÷y x \di

排序算法復雜度速查表

排序 table borde apt 長度 d+ itl ont 時間復雜度 各種常用排序算法 類別 排序方法 時間復雜度 空間復雜度 穩定性 平均情況 最好情況 最壞情況 輔助存儲 插入排序 直接插入 O(n2) O

Git 常用命令速查表

rtl stage 協議 發布 orm parse 不同 交互 row p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: justify } a:link { color: r

yum命令速查

官方 pack 安裝軟件 extra etc 哪些 pytho ble des 1 yum的基本原理 CentOS可在yum服務器上下載官方網站給出的rpm給出的表頭列表數據，該數據除了記載每個rpm軟件的相依性之外，也說明了rpm所放置的容器（repository）所在。

windows端口號速查表

ram 網絡驗證 hot col deep 2個 smtps fse nbsp windows端口號速查表 1 tcpmux TCP 端口服務多路復用 5 rje 遠程作業入口 7 echo Echo 服務 9 discard 用於連接測試的空服務

Pandas速查手冊中文版

文章 sheet ges .info count() ble 重要 標準 agg 本文翻譯自文章： Pandas Cheat Sheet - Python for Data Science ，同時添加了部分註解。 對於數據科學家，無論是數據分析還是數據挖掘來說，Pandas

awk速查手冊

連接數 txt -c 連接 查看 use 在一起 就是 net awk速查手冊 score.txt cat score.txt Marry 2143 78 84 77 Jack 2321 66 78 45 Tom 2122 48 77 71 Mike

vim基本命令速查表

bsp 編譯 cmd index sea print sheet 自動 eas 來源：https://github.com/skywind3000/awesome-cheatsheets/blob/master/editors/vim.txt ##############

bash基本命令速查表

參數 whois 初始 去重排序 example acer 特定 http 移除 來源：https://github.com/skywind3000/awesome-cheatsheets/blob/master/languages/bash.sh #########

GIT速查手冊

就是 form ads 1.0 重要 三種 rect 其他 指針 一、GIT 1.1 簡單配置 git是版本控制系統，與svn不同的是git是分布式，svn是集中式 配置文件位置 # 配置文件 .git/config 當前倉庫的配置文件 ~/.gitconfig 全局配置文