一篇思維題題解：

第五周任務(wù) [Cloned] - Virtual Judge (vjudge.net)

K - Summer Vacation-CSDN博客?

快捷鍵：

Ctrl+Alt+Down? ? ? ? 向下選取

Ctrl+Alt+Up? ? ? ? ? ? ?向上選?。〞?huì)出現(xiàn)多個(gè)光標(biāo)，可以同時(shí)輸入）

Ctrl+Enter? ? ? ? ? ? ? ? 無論光標(biāo)在哪個(gè)位置，都向下?lián)Q行，與Enter有區(qū)別

超鏈接標(biāo)簽

鏈接分類

外部鏈接：例如 <a >百度</a>

內(nèi)部鏈接：網(wǎng)站內(nèi)部頁面之間的相互鏈接，直接鏈接內(nèi)部頁面名稱即可，例如< a href="index.html"> 首頁</a>

空鏈接：如果當(dāng)時(shí)沒有確定鏈接目標(biāo)時(shí)，<a href="#"> 首頁</a>

下載鏈接：如果href里面的地址是一個(gè)文件或者壓縮包，會(huì)下載這個(gè)文件

網(wǎng)頁元素鏈接：在當(dāng)前文件中的各種網(wǎng)頁元素，如文本，圖表，表格，音頻，視頻等都可以添加超鏈接。

錨點(diǎn)鏈接：點(diǎn)擊鏈接，可以快速定位到頁面中的摸個(gè)位置。

• 在鏈接文本的屬性中，設(shè)置屬性值為 #名字 的形式，如<a href="#two">第二集</a>
• 找到目標(biāo)位置的標(biāo)簽，在里面添加一個(gè)id屬性=名字，如<h3 id="two">第二集介紹</h3>

注釋標(biāo)簽和特殊字符

注釋

如果需要在HTML文檔中添加一些便于閱讀和理解的注釋文字，需要用到注釋標(biāo)簽：

<!--
? ?  注釋內(nèi)容
-->

快捷鍵：Ctrl+/

特殊字符?

在HTML中，通常多個(gè)空格通常會(huì)被合并成一個(gè)空格，還有其他特殊字符，特殊字符的使用會(huì)使得前端代碼更加靈活、簡(jiǎn)潔，提高了開發(fā)效率。

?

表單

<input>表單元素

button? ? ? ? ? ? ? ? 定義可點(diǎn)擊按鈕

checkbox? ? ? ? ? ?定義復(fù)選框

file? ? ? ? ? ? ? ? ? ? ?定義輸入自讀和“瀏覽”按鈕，供文件上傳

hidden? ? ? ? ???????定義隱藏的字段

image? ? ? ? ? ? ? ? 定義圖像形式的提交按鈕

password? ? ? ? ? 定義密碼字段

radio? ? ? ? ? ? ? ? ? 定義單選按鈕

reset? ? ? ? ? ? ? ? ? 定義重置按鈕，重置按鈕會(huì)清除表單中的所有數(shù)據(jù)

submit? ? ? ? ? ? ? ?定義提交按鈕，提交按鈕會(huì)把表單數(shù)據(jù)發(fā)送到服務(wù)端

text? ? ? ? ? ? ? ? ? ? 定義單行的輸入字段，用戶可在其中輸入文本，默認(rèn)寬度為20個(gè)字符

<form>
        <!-- text 文本框 用戶可以在里面輸入任何文字 -->
        用戶名：
        <input type="text" maxlength="6" value="用戶名" name="name">
        <br>

        <!-- password 密碼框 用戶看不見輸入的密碼 -->
        密碼：
        <input type="password" name="pwd">
        <br>

        <!-- radio 單選按鈕 可以實(shí)現(xiàn)多選 -->
        <!-- name是表單的名字，這里性別多選按鈕必須有相同的名字name，才可以實(shí)現(xiàn)多選一 -->
        <!-- 單選按鈕和復(fù)選框可以設(shè)置checked屬性，當(dāng)頁面打開的時(shí)候可以默認(rèn)選中這個(gè)按鈕 -->
        性別：
        女<input type="radio" name="name" value="女" checked="checked">
        男<input type ="radio" name="name" value="男">
        <br>

        <!-- checkbox 單選按鈕 可以實(shí)現(xiàn)多選 -->
        愛好：
        吃飯<input type ="checkbox" name="hobby">
        睡覺 <input type ="checkbox" name=""hobby>
        打豆豆<input type ="checkbox" name="hobby">
        <br>

        <!-- 點(diǎn)擊提交按鈕，可以把表單域form里面的元素 里面的值 提交給后臺(tái) -->
        <input type="submit" value="免費(fèi)注冊(cè)">

        <!-- 重置按鈕可以還原表單元素的初識(shí)默認(rèn)狀態(tài) -->
        <input type="reset" value="重新填寫">

        <!-- 普通按鈕 button 后期結(jié)合js 搭配使用 不會(huì)提交信息-->
        <input type="button" value="獲取短信驗(yàn)證碼">

        <!-- 文件域 上傳文件時(shí)使用 -->
        上傳頭像：<input type="file">

        
    </form>

label標(biāo)簽

為input元素定義標(biāo)簽。

<label>標(biāo)簽用于綁定一個(gè)表單元素，當(dāng)點(diǎn)擊<label>標(biāo)簽內(nèi)的文本是，瀏覽器就會(huì)自動(dòng)將光標(biāo)轉(zhuǎn)到對(duì)應(yīng)的表單元素上，用來增加用戶體驗(yàn)。

? ? <label for="nan">男</label>

? ? <input type="radio" name="sex" id="nan">

? ? <label for="nv">女</label>

? ??<input type="radio" name="sex" id="nv">

select下拉表單

在頁面中，如果用多個(gè)選項(xiàng)讓用戶選擇，并且想節(jié)約頁面空間時(shí)，可以使用<select>標(biāo)簽控制

    <select>
        <option>山東</option>
        <option>北京</option>
        <option selected="selected">天津</option>
    </select>

<select>中至少要包含一對(duì)<option>

在<option>中定義selected="selected"使，當(dāng)前項(xiàng)即為默認(rèn)選中項(xiàng)。

textarea表單元素

當(dāng)用戶輸入內(nèi)容較多的情況下，不能使用文本框表單了，此時(shí)可以使用<textaera>標(biāo)簽。

常用于多行文本輸入控件，可以輸入更多的文字，該控件常用于留言板，評(píng)論。

    <from>
        今日反饋：
        <textarea>hello,world!</textarea>
    </from>

屬性：clos=“每行中的字符數(shù)”，rows=“顯示的行數(shù)”。（在實(shí)際開發(fā)中不會(huì)使用，是通過CSS來改變大?。?span toymoban-style="hidden">文章來源地址http://www.zghlxwxcb.cn/news/detail-494782.html

到了這里，關(guān)于html5前端學(xué)習(xí)2的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！