柚子快報(bào)激活碼778899分享：前端 HTML的使用（下）

Zalora時(shí)尚出海行綜合2025-05-05200

http://yzkb.51969.com/

文章目錄

前言一、HTML5是什么？二、使用內(nèi)容

1.表單標(biāo)記2.超鏈接與圖片標(biāo)記3.HTML5的新增內(nèi)容總結(jié)

前言

? ? ? ? 該篇文章是對HTML基礎(chǔ)內(nèi)容的補(bǔ)充部分。內(nèi)容包含表單標(biāo)記的下拉列表框標(biāo)記、多行文本標(biāo)記、超鏈接標(biāo)記、圖片標(biāo)記以及HTML的部分新增內(nèi)容。

一、HTML5是什么？

? ? ? ? HTML5是HTML的衍生版本，在內(nèi)部功能上，HTML5以往的版本都可兼容。在HTML5舊版本中建立的網(wǎng)站并需要重新創(chuàng)建。

二、使用內(nèi)容

1.表單標(biāo)記

? ? ? ? （1）下拉列表框標(biāo)記

? ? ? ?

目前專業(yè)：

選報(bào)志愿（多選）：

? ? ? ? 運(yùn)行結(jié)果：

? ? ? ? （2）多行文本標(biāo)記

? ? ? ? 標(biāo)記相比單行文本標(biāo)記，可以輸入更多的內(nèi)容。<textarea>標(biāo)記出現(xiàn)在<form>標(biāo)記的標(biāo)記內(nèi)容中。? ? ? ? 語法格式：<textarea cols="digit" rows="digit" name="name" disabled="disable" readonly="readonly" wrap="vaule">

1.1? 標(biāo)記的屬性屬性功能描述name用于指定多行文本框的名稱，當(dāng)表單提交后，在服務(wù)端獲取表單數(shù)據(jù)時(shí)應(yīng)用。cols用于指定多行文本框顯示的列數(shù)（寬度）rows用于指定多行文本顯示的行數(shù)（高度）disabled用于指定當(dāng)前多行文本框不可使用（變成灰色）readonly用于指定當(dāng)前多行文本框?yàn)橹蛔xwrap用于設(shè)置多行文本中的文字是否自動(dòng)換行，可填值如表1.2所示1.2 wrap屬性的可選值屬性功能描述hard默認(rèn)值，表示自動(dòng)換行，如果文字超過了cols屬性所指的列數(shù)就自動(dòng)換行，并且提交到服務(wù)器時(shí)換行符同時(shí)被提交soft表示自動(dòng)換行，如果文字超過cols屬性所指的列數(shù)就自動(dòng)換行，但提交到服務(wù)器時(shí)換行符不被提交off表示不自動(dòng)換行，如果想讓文字換行，只能按下Enter鍵強(qiáng)制換行????????實(shí)操展示：<html><head><title>網(wǎng)站</title></head><body>你好，世界 <form name="form" method="post" action=""><textarea name="text" cols="30" rows="5" wrap="hard" readonly="readonly">鄙人才疏學(xué)尚淺，頂峰相會(huì)未可言。狂笑過往定睛看，猶可一覽東五岳。-MGSS

????????運(yùn)行結(jié)果：

2.超鏈接與圖片標(biāo)記

? ? ? ? HTML語言的標(biāo)記有很多很多，具體的深入學(xué)習(xí)需要購買相應(yīng)的書籍。這里只是介紹常用的標(biāo)記，還有兩個(gè)需要介紹的就是超鏈接標(biāo)記和圖片標(biāo)記。

? ? ? ? （1）超鏈接標(biāo)記

? ? ? ? 超鏈接標(biāo)記時(shí)頁面中的重要元素，在網(wǎng)站中實(shí)現(xiàn)從一個(gè)HTML頁面跳轉(zhuǎn)到另一個(gè)HTML頁面。

? ? ? ? 語法格式：

? ? ? ? href屬性指定鏈接跳轉(zhuǎn)到哪個(gè)HTML頁面。

? ? ? ? 實(shí)操展示：

Demo

點(diǎn)擊某個(gè)人的網(wǎng)站

? ? ? ? 運(yùn)行結(jié)果：

? ? ? ? 點(diǎn)擊鏈接后跳轉(zhuǎn)到對應(yīng)HTML頁面