小菜鳥之HTML經常使用

時間 2019-11-15

標籤菜鳥 html 經常使用欄目 HTML 简体版

原文原文鏈接

 1 html的基本結構是什麼?


 2 表示段落標籤是什麼？

<p>
 3 表示標題標籤的是什麼？

<title>Css標籤樣式</title>


 4 表示區域標籤的是什麼？

<div>
 5 表示視頻標籤的是什麼？經常使用屬性是什麼？

視頻 video標籤

controls 表示控制器 ; autoplay 自動播放


 6 表示音頻標籤是什麼？

音頻 audio標籤


 7 表示空格/版權/左尖括號/右尖括號/雙引號的標籤是什麼？

&nbsp;&copy;&lt;&gt;&quot;
 8 表示引入css文件的標籤是什麼？經常使用屬性是什麼？

<style type="text/css" rel="stylesheet">


 9 表示超連接的標籤是什麼？經常使用屬性是什麼？

超連接 a標籤


 10 表示圖片標籤什麼？

<img src="img/lesson1.jpg" a


 11 表示換行/加粗/斜體標籤是什麼？

<em>斜體</em>，<strong>字體加粗</strong>


 12 css的英文全稱是什麼？

Cascading Style Sheets


 13 css經常使用的選擇器有哪些？.

id選擇器
類選擇器
標籤選擇器


 14 網頁引入css樣式有哪3種方式？

內聯樣式引入css

內部樣式html

外部樣式瀏覽器


 15 引入外部樣式的標籤和2個經常使用屬性是什麼？

<link type="text/css" rel="stylesheet" href="css/newstyle.css"/>


 16 經常使用的3中選擇器分別是什麼？

ID選擇器  類選擇器 >標籤選擇器
 17 3種選擇器的優先級從高到低依次是什麼？

!important > ID選擇器 > 類選擇器 > 標籤選擇器 > 通配符選擇器 > 繼承 > 瀏覽器默認屬性
 18 經過內部樣式，手寫3種選擇器的demo，給選擇區設置字體大小和字體顏色？


 19 手寫一個有序列表？

<!--有序列表-->
<ol>
    <li>語文</li>
    <li>數學</li>
    <li>英語</li>
    <li>物理</li>
</ol>


 20 手寫一個無序列表？

<ul>
    <li>語文</li>
    <li>數學</li>
    <li>英語</li>
    <li>物理</li>
</ul>


 21 手寫一個自定義列表？

<dl>
    <dt>學科</dt>
    <dd>語文</dd>
    <dd>數學</dd>
    <dd>物理</dd>
    <dd>化學</dd>
    <dd>體育</dd>
</dl>


 22 手寫一個表格，合併行和合並列？

<!--表格-->
<table border="1">
    <tr><td colspan="2">11</td><td>13</td></tr>
    <tr><td rowspan="2">21</td><td>22</td><td>23</td></tr>
    <tr><td>32</td><td>33</td></tr>
    <tr><td>41</td><td>42</td><td>43</td></tr>
</table>


 23 手寫一個表單（包含：姓名/密碼/性別/愛好/出生城市/我的簡介/註冊按鈕/重置按鈕）？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表表格表單</title>
</head>
<body>
    <div>
        <form action="url" method="get">
            <div><label>註冊表單</label></div>
            <div><label>姓名</label><input type="text" name="username" value="" placeholder="請輸入姓名"></div>
            <div><label>密碼</label><input type="password" name="password" value=""></div>
            <div><label>再次確認密碼</label><input type="password" name="password2" value=""></div>
            <div><label>性別</label>
                <input type="radio" name="gender" value="male">男
                <input type="radio" name="gender" value="female">女
            </div>
            <div><label>愛好</label>
                <input type="checkbox" name="hobby" value="eat" >吃
                <input type="checkbox" name="hobby" value="drink">喝
                <input type="checkbox" name="hobby" value="play">玩
                <input type="checkbox" name="hobby" value="study" checked>學習
            </div>
            <div><label>出生日期</label>
                <select name="year">
                    <option value="2001" selected>2001</option>
                    <option value="1999">1999</option>
                    <option value="1998">1998</option>
                    <option value="1997">1997</option>
                </select>年
                <select name="month">
                    <option value="12">12</option>
                    <option value="11">11</option>
                    <option value="10">10</option>
                    <option value="9">9</option>
                    <option value="8">8</option>
                </select>月
                <select name="day">
                    <option value="31">31</option>
                    <option value="30">30</option>
                    <option value="29">29</option>
                    <option value="28">28</option>
                </select>日
            </div>
            <div><label>簡歷上傳</label><input type="file" name="file" value="" disabled="disabled"></div>
            <div><label>我的簡介</label>
                <textarea name="profile" value="" rows="5" cols="50"></textarea>
            </div>
            <div>
                <input type="submit" name="submit" value="註冊">
                <input type="reset" name="reset" value="重置">
            </div>
            <div><input type="hidden" name="hidden" value="mimi">/div>
            </div>
        </form>
    </div>


 24 複習js的引入？
 25 自定義函數和函數的調用？

相關標籤/搜索

每日一句

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