Day03筆記

一、列表

無序列表:ul>li:無序列表的各列表項之間沒有順序級別之分。

<li></li>之間用于描述具體的列表項內(nèi)容。

<ul></ul>之間至少包含一個<li></li>。

有序列表:ol>li:各個列表項按照一定順序排列.

除type屬性之外, 有start和value屬性

定義列表:通常對術(shù)語和名詞進行解釋。

<dl>

<dt>名詞</dt>

<dd>名詞解釋</dd>

</dl>

二、創(chuàng)建表格

1、創(chuàng)建表格語法:

<table>

<tr>

<td>單元格內(nèi)容</td>

</tr>

</table>

2、表格標簽

Table標簽表格整體標簽

THead標簽,表格標題部分

TBody標簽,表格內(nèi)容部分

TR標簽,表格行

TD標簽,表格內(nèi)容單元格

TH標簽,標題單元格

rowspan屬性,行合并單元格

colspan屬性,列合并單元格?

3、節(jié)標簽

塊級標簽:獨占行。

行級標簽:可以跟其他的行內(nèi)標簽共用一行。

塊:p,div,ul,ol,dl,li,dt,h1-h6

行:span,strong,em,文本相關(guān)的標簽都是行內(nèi)標簽

三、創(chuàng)建表單

1、格式:

<form action="url地址" method=“提交方法” name=“表單名稱”>

表單內(nèi)容

</form>

2、屬性

action:用于指定接收并處理表單數(shù)據(jù)的服務器程序的url地址.

method:屬性用于設置表單數(shù)據(jù)的提交方式,其取值為get或post。

name:屬性用于指定表單的名稱,以區(qū)分同一個頁面中的多個表單。

注意:<form>標記的屬性并不會直接影響表單的顯示效果。要想讓一個表單有意義,就必須在<form>與</form>之間添加相應的表單控件。

3、input控件及屬性

格式:<input type="">

4

4、textarea控件

<textarea cols="每行中的字符數(shù)"?rows="顯示的行數(shù)">

文本內(nèi)容

</textarea>

5、select控件

<select>

<option>選項1</option>

...

</select>

至少包含一個<option></option>

select屬性

6、<fieldset>將表單內(nèi)容的一部分打包,生成一組相關(guān)表單的字段。

<legend>為<fieldset>定義標題

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,331評論 1 41
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,627評論 32 459
  • Bootstrap是什么? 一套易用、優(yōu)雅、靈活、可擴展的前端工具集--BootStrap。GitHub上介紹 的...
    凜0_0閱讀 10,935評論 3 184
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,596評論 25 708
  • 【播音員】今天上午,市行政執(zhí)法局,住建局,公安局,國土局等多部門聯(lián)合執(zhí)法,對濕地公園違法建筑進行強行拆除。 【解說...
    彩霞漫天閱讀 2,163評論 0 0