HTML基本控制項和元素

2021-09-29 11:56:39 字數 2054 閱讀 2503

一、文字域

語法

<

textarea

>

<

/textarea

>

name:控制項的名字

cols:指定文字域的列數,變相設定寬度

rows:指定文字域的行數,變相設定高度

readonly:唯讀

placeholder:提示語句

選項框

兩個部分

下拉選項框 滾動列表

語法:建立下拉列表

建立滾動列表

屬性:select:

name:控制項的名字

size:設定預設顯得選項數量 如果取值大於1的話則為滾動列表

multiple:形成滾動效果 多選

關聯文字控制項

lable元素

作用:關聯文字於控制項

用法:

使用lable元素將我們需要關聯的文字括起來

在要關聯的控制項上加上乙個id

在lable元素上使用for屬性值填我要關聯的控制項的id

button元素

語法:

注意: button 放在form表單裡面那麼就是個提交按鈕

放在之外就是乙個普通按鈕

ps:button中間是可以放置

input控制項也可以使用 type為image 也是提交的作用

浮動框架

作用:可以在乙個瀏覽器視窗中同時顯示多個頁面文件

語法:

內容注意:必須是成對的標記

當瀏覽器不支援的時候 將顯示標籤中間的內容

屬性:

src:網頁url 可以自己的html頁面也可以是網上的頁面

width:寬度

height:高度

frameborder:浮動框架的邊框

在這裡插入**片

<

iframe

src=

"dome.html"

width

="500px"

height

="500px"

frameborder

=" 1"

>

<

/iframe

>

摘要和細節

作用:允許將頁面某部分內容進行展示或者收縮

語法:第一步:定義乙個摘要

第二步:確認標題

第三步:寫內容

度量元素

作用:用於顯示靜態比例的資訊

語法:		

文字屬性: min:度量範圍的最小值 預設為0

max: 度量範圍的最大值 預設為0

value:當前顯示的度量值

時間元素

作用:用於關聯時間的不同表現形式

文字屬性:

datetime: 關聯的日期時間,可以只關聯日期,也可以只關聯時間

如果同時要關聯時間和日期的話用t分隔

作用:將頁面中某部分文字,以特殊背景顏色顯示出來

明年的情人節,我請你吃飯 效果

<

mark

>

明年<

time

datetime

="2020-06-10t09:00:14"

>

畢業那天

<

/time

>

我們一起去旅遊吧

Html基本控制項介紹

1.標籤 標籤用於蒐集使用者資訊。1.1 type屬性 根據不同的 type 屬性值,輸入字段擁有很多種形式。可以是文字字段 核取方塊 掩碼後的文字控制項 單選按鈕 按鈕等等。text 文字區域 readonly屬性 是否唯讀。password 密碼區域,輸入的文字以 展示 checkbox 核取方...

HTML基本元素

段落文字格式化 鏈結影象 列表 區塊元素 span 表單form 框架注釋 水平線標籤定義了文件與外部資源之間的關係,通常用於鏈結到樣式表 為網頁定義描述內容 每30秒鐘重新整理當前頁面 這是乙個段落。這是另外乙個段落。這個段落 演示了分行的效果 插入單個折行 換行 標籤 描述定義粗體文字 定義著重...

HTML基本元素

1.使用宣告格式,否則會亂碼。此部分不區分大小寫,用來告知 web 瀏覽器頁面使用了哪種 html 版本。html5 不是基於 sgml,因此不要求引用 dtd。2.使用html 頁面的根元素,它包括兩個標籤 head和body 3.對於中文網頁需要在head中使用宣告編碼,否則會出現亂碼。有些瀏覽...