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

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

目前創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、綿陽服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、桐廬網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

html有什么特點(diǎn)

1、簡易性：超級文本標(biāo)記語言版本升級采用超集方式，從而更加靈活方便，適合初學(xué)前端開發(fā)者使用。 2、可擴(kuò)展性：超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識符等要求，超級文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。 3、平臺無關(guān)性：超級文本標(biāo)記語言能夠在廣泛的平臺上使用，這也是萬維網(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ǔ)知識點(diǎn)有哪些

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

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>網(wǎng)站后臺系統(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ǔ)知識點(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ǔ)知識點(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ǔ)知識點(diǎn)有哪些

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

網(wǎng)頁名稱：HTML的基礎(chǔ)知識點(diǎn)有哪些
當(dāng)前地址：http://jinyejixie.com/article20/pgieco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、域名注冊、網(wǎng)站維護(hù)、外貿(mào)網(wǎng)站建設(shè)、App開發(fā)、品牌網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

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

html有什么特點(diǎn)

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

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

三、HTML表單

四、案例注冊頁面

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

三、HTML表單