溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML的基礎(chǔ)知識(shí)點(diǎn)有哪些

發(fā)布時(shí)間:2021-02-26 09:43:12 來源:億速云 閱讀:131 作者:清風(fēng) 欄目:web開發(fā)

這篇“HTML的基礎(chǔ)知識(shí)點(diǎn)有哪些”文章,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要參考一下,對于“HTML的基礎(chǔ)知識(shí)點(diǎn)有哪些”,小編整理了以下知識(shí)點(diǎn),請大家跟著小編的步伐一步一步的慢慢理解,接下來就讓我們進(jìn)入主題吧。

html有什么特點(diǎn)

1、簡易性:超級文本標(biāo)記語言版本升級采用超集方式,從而更加靈活方便,適合初學(xué)前端開發(fā)者使用。 2、可擴(kuò)展性:超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能,增加標(biāo)識(shí)符等要求,超級文本標(biāo)記語言采取子類元素的方式,為系統(tǒng)擴(kuò)展帶來保證。  3、平臺(tái)無關(guān)性:超級文本標(biāo)記語言能夠在廣泛的平臺(tái)上使用,這也是萬維網(wǎng)盛行的一個(gè)原因。 4、通用性:HTML是網(wǎng)絡(luò)的通用語言,它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面,這些頁面可以被網(wǎng)上任何其他人瀏覽到,無論使用的是什么類型的電腦或?yàn)g覽器。

一、框架標(biāo)簽的簡單使用

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>框架集標(biāo)簽</title>
    </head>
    <frameset cols="25%,*">
        <frame src="left.html" />
        <frame src="right.html" />
    </frameset></html>

運(yùn)行結(jié)果:

HTML的基礎(chǔ)知識(shí)點(diǎn)有哪些

二、框架標(biāo)簽應(yīng)用

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>網(wǎng)站后臺(tái)系統(tǒng)顯示頁面</title>
    </head>
    <frameset rows="20%,*">
        <frame src="top.html"/>
        <frameset cols="20%,*">
            <frame src="left.html" />
            <frame name = "right" />
        </frameset>
    </frameset></html>

left.html:

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
        <a href="right.html" target="right">會(huì)員管理</a><br />
        <a href="#">品牌管理</a><br />
        <a href="#">商品管理</a><br />
        <a href="#">分類管理</a><br />
    <body>
    </body></html>

right.html:

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        所有用戶信息    </body></html>

運(yùn)行結(jié)果:
HTML的基礎(chǔ)知識(shí)點(diǎn)有哪些

三、HTML表單

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>表單標(biāo)簽</title>
    </head>
    <body>
        <form action="#" method="get">
            用戶名:<input type="text" name="username" placeholder="請輸入用戶名" size="40px" maxlength="6"/><br />
            密碼:<input type="password" name="password"/><br />
            確認(rèn)密碼:<input type="password" name="repassword"/><br />
            性別:<input type="radio" name="sex" value="男"/>男            <input type="radio" name="sex" value="女" checked="checked"/>女<br />
            愛好:<input type="checkbox" name="hobby" value="釣魚"/>釣魚            <input type="checkbox" name="hobby" value="打電動(dòng)"/>打電動(dòng)            <input type="checkbox" name="hobby" value="寫代碼"/>寫代碼<br />
            頭像:<input type="file" name="file"/><br />
            籍貫:<select name="province">
                <option>--請選擇--</option>
                <option value="北京">北京</option>
                <option value="上海" selected="selected">上海</option>
                <option value="廣州">廣州</option>
            </select><br />
            自我介紹:            <textarea name="自我介紹"></textarea><br />
            提交按鈕:<input type="submit" value="注冊"/><br />
            普通按鈕:<input type="button" value="zhuce"/><br />
            重置按鈕:<input type="reset" />
        </form>
    </body></html>

運(yùn)行結(jié)果:
HTML的基礎(chǔ)知識(shí)點(diǎn)有哪些

四、案例注冊頁面

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>注冊頁面</title>
    </head>
    <body>
        <table border="1px" align="center" width="1300px" cellpadding="0px" cellspacing="0px">
            <tr>
                <td>
                    <table border="1px" width="100%">
                        <tr height="50px">
                            <td width="33.3%">
                                <img src="../img/logo2.png" height="47px"/>
                            </td>
                            <td width="33.3%">
                                <img src="../img/header.png" height="47px"/>
                            </td>
                            <td width="33.3%">
                                <a href="#">登錄</a>
                                <a href="#">注冊</a>
                                <a href="#">購物車</a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr height="50px">
                <td bgcolor="black">
                    <a href="#"><font size="5" color="white">首頁</font></a>
                    <a href="#"><font color="white">手機(jī)數(shù)碼</font></a>
                    <a href="#"><font color="white">電腦辦公</font></a>
                    <a href="#"><font color="white">鞋靴香包</font></a>
                    <a href="#"><font color="white">家用電器</font></a>
                </td>
            </tr>
            <tr>
                <td height="600px" background="../img/regist_bg.jpg">
                    <form action="#" method="get">
                        <table border="1px" width="750px" height="400px" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white">
                            <tr height="40">
                                <td colspan="2">
                                    <font size="4">USER</font> &nbsp;&nbsp&nbspREGISTER                                </td>
                            </tr>
                            <tr>
                                <td>
                                    用戶名                                </td>
                                <td>
                                    <input type="text" name="user" size="35px"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    密碼                                </td>
                                <td>
                                    <input type="password" name="password" size="35px"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    確認(rèn)密碼                                </td>
                                <td><input type="password" name="repassword" size="35px"/></td>
                            </tr>
                            <tr>
                                <td>
                                    Email                                </td>
                                <td><input type="text" name="email" size="35px"/></td>
                            </tr>
                            <tr>
                                <td>姓名</td>
                                <td><input type="text" name="username" size="35px"/></td>
                            </tr>
                            <tr>
                                <td>性別</td>
                                <td>
                                    <input type="radio" name="sex" value="男"/>男                                    <input type="radio" name="sex" value="女"/>女                                </td>
                            </tr>
                            <tr>
                                <td>出生日期</td>
                                <td>
                                    <input type="text" name="birthday" size="35px"/>
                                </td>
                            </tr>
                            <tr>
                                <td>驗(yàn)證碼</td>
                                <td>
                                    <input type="text" name="yzm"/>
                                    <img src="../img/yanzhengma.png"/>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <input type="submit" value="注冊"/>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="../img/footer.jpg"/>
                    </td>
                </tr>
                <tr>
                    <td align="center">
                    <a href="#">關(guān)于我們</a>
                    <a href="#">聯(lián)系我們</a>
                    <a href="#">招賢納士</a>
                    <a href="#">法律聲明</a>
                    <a href="#">友情鏈接</a>
                    <a href="#">支付方式</a>
                    <a href="#">配送方式</a>
                    <a href="#">服務(wù)聲明</a>
                    <a href="#">廣告聲明</a>
                    <p>
                        Copyright ? 2005-2018 火之意志 版權(quán)所有 
                    </p>
                </td>
                </tr>
            </table>
        </form>
    </body></html>

運(yùn)行結(jié)果:
HTML的基礎(chǔ)知識(shí)點(diǎn)有哪些

以上是“HTML的基礎(chǔ)知識(shí)點(diǎn)有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI