HTML常用標籤2

2021-10-21 17:40:36 字數 3125 閱讀 4999

標籤被用來組合文件中的行內元素。

span 更方便的為元素新增樣式

正常顯示

行內元素

body中的內容是給使用者看的

head中內容給瀏覽器看的

bgcolor :  背景顏色

background :  背景

背景會同時覆蓋背景顏色

初音未來

格式化標籤

b       :   加粗

u       :   下劃線

i       :   斜體

del     :   刪除線

strong  :   強調 顯示為加粗

sup     :   上標

sub     :   下表

address  :  語義化標籤  顯示為斜體  同常用來定義位址   塊元素

hr      :   水平線

br      :   換行

pre     :   預處理標籤 保留文字編寫格式

mark   :   文字高亮

字型加粗

字型下劃線

字型傾斜

字型刪除線

字型強調,顯示為加粗

字型上標

字型下標

語義化標籤,顯示為斜體,同常用來定義位址。。。 塊元素預處理標籤

保留文字編寫格式

li 定義列表項

列表項標記 : 在 ul標籤上新增type屬性 : desc實心原點(預設)  circle 空心圓圈   square 實心方塊

在ol列表上使用type屬性: 1 a a i i

注意: 在ul,ol列表的直接子元素只能為li標籤,而li標籤中可以巢狀任意元素

遊戲

pc遊戲

cfdnf

元神lol

tr 行

th **頭單元格 居中加粗

td **體單元格

border 邊框  px

align  left左對齊 right右對齊 center居中

可用於table——整個**的水平對其方式

tr——這一行中所有單元格中的文字在 單元格中的水平對其方式

th/td——單元格中的文字在 單元格中的水平對其方式

width 寬度

height 高度

可以作用在table 或者 tr|td

bordercolor 邊框顏色

cellspacing 邊框外邊距

cellpadding 邊板框內邊距

樣式:style="border-collapse: collapse"  雙線變成單線

bgcolor 背景顏色    作用於table  th/td  tr

合併單元格:

rowspan :跨行

colspan :跨列

課程表

星期一星期二

星期三星期四

星期五 上午

數學數學

數學數學

數學 數學

數學數學

數學數學

數學數學數學

數學數學

下午數學數學

數學數學

數學 數學

數學數學

數學數學

晚上自習

收集使用者輸入的資料,向伺服器傳輸資料。

action : 提交位置

name : 表單的名字

method : 提交方式

post : 請求實體中,安全且大小沒有限制

enctype : 在傳送到後台之前要不要對字元是否需要進行編碼

在當前表單內部存在檔案上傳的時候,需要修改enctype的值

定義在form中的標籤元素,稱為表單元素

大部分的表單元素都是有input標籤提供的,type屬性不同的值決定這個input標籤不同的作用

用於蒐集使用者資訊。

根據不同的 type 屬性值,輸入字段擁有很多種形式。輸入字段可以是文字字段、核取方塊、掩碼後的文字控制項、單選按鈕、按鈕等等。

a、type:

1、text 普通文字框

2、password 密碼框

3、radio 單選框

一組只能選擇乙個,name屬性值相同就為一組

name 與 value 必須新增

4、chcekbox 多選框

分組,name屬性值相同為一組

name 與 value 必須新增

5、file    檔案上傳

如果存在檔案上傳:type屬性值-enctype="multipart/form-data" 證明不編碼,否則要預設進行編碼

6、hidden 隱藏框

7、submit 提交按鈕

8、button 按鈕

結合js一起使用

9、reset 重置

恢復到初始預設狀態

b、多行文字域 textarea

c、下拉列表|框   select

下拉列表選項  option

d、fieldset 分組

legend 分組標題

可以使用在form標籤中,使用在form標籤外部

e、button 標籤 預設提交

type屬性的值可以定義為 submit  reset  button

f、label 定義標註

for屬性的值與對應要進行 繫結的標籤的id屬性值保持一致

autofocus : 自動聚焦

maxlength  : 最大長度不能超過幾個字元

required : 必填屬性

placeholder : 提示字

預設選中:

單選框|核取方塊 : checked

下拉框 : selected

readonly : 唯讀  不能修改可以提交

disabled : 禁用   不能修改不能提交 顯示為灰色

textarea  : 多行文字域

相親資訊表

html常用標籤(2)

注釋標籤 團隊約定 注釋內容前後各乙個空格字元,注釋位於要注釋 的上面,單獨佔一行 路徑 其他知識 預格式化文字pre標籤元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型。格式化文字就是,按照我們預先寫好的文字格式來顯示頁面,保留空格和換行等。特殊字元 什麼是xhtml xhtml指 可...

HTML常用標籤2

1 doctype 標籤 宣告位於文件最前面的位置,處於標籤之前。告知瀏覽器文件使用哪種規範 模式 1.backcompat 怪異模式,瀏覽器使用自己的怪異模式解析渲染頁面。2.css1compat 標準模式,瀏覽器使用w3c的標準解析渲染頁面。作用 宣告文件的解析型別 document.compa...

第2天 HTML常用標籤

今天學完主要對所學知識點進行了整理。一 超連結a href www.baidu.com 跳轉頁面 id名 錨點跳到相應div位置 01.rar 壓縮包 target blank 新視窗開啟 self 當前視窗開啟 二 檔案路徑 絕對路徑 1 線上 線上絕對路徑 2 線下 完整路徑 三 html常用標...