Html第二天

发布于:2023-01-18 ⋅ 阅读:(509) ⋅ 点赞:(0)

一、序列表的使用

(一)、无序列表的使用

            <ul>

               <li> 列表第一行  </li>

               <li>   列表第二行</li>

           </ul>

        注:<ul></ul>l这个标签里面不能放任何其他的标签,

            但<li></li>这个标签里面是可以放其他标签的

                无序列表每一行前面的标识符是统一的符号

(二)、有序列表的使用

          <ol>

               <li> 列表第一行  </li>

               <li>   列表第二行</li>

           </0l>

        注:<ol></ol>l这个标签里面不能放任何其他的标签,

            但<li></li>这个标签里面是可以放其他标签的

                有序列表的每一行字前面会有标识符 如:1-2-3···

(三)、自定义列表(如下图所示)自定义列表结构分别由

<dl>

        <dt></dt>         //dt是树枝

        <dd></dd>       //dd是叶子

</dl>

实际操作如下:

 

 二、创建表格和使用

(一)、以下是表格的规格样式

table开始的时候需要在设置表格的大小:<table width="宽度"  herght="高度" border="边框">

 注:table标签里面只能放tr标签tr标签里面只能放td标签td标签里面才可以放其他标签

 (二)、以下是表格的属性和宽度高度的使用方法一样。

如不懂点击看视频学习:03 表格属性_哔哩哔哩_bilibili

 (三)、合并单元格的使用方法,(直接在你要变大的单元格的代码处添加以下所需要的代码

如rowspan="2"就是把两个单元格和成一个单元格)

 三、input按钮组学习

 (一)、以下是实际演习操作:

 四、label标签(理解)textarea控件(文本域)

(一): label标签为input元素定义标注(标签)

作用,用于绑定一个表单元素,当点击label标签的时候,被绑定的表单元素就会获得输入焦点

如何绑定元素你?

for属性规定label与哪个标点元素绑定。

1  <label for=""male>male</label>

2  <input type="radio"name="sex"id="male"value="male">         :使用2的话,点击前面的输入账号会直接跳到第二个输入窗口不会跳到第一个窗口

以下是label的实际操作使用👇

(二) textarea控件(文本域)可以输入大量的文字窗口

textarea的使用方法:<textarea>请输入留言</textarea>                

 五、下拉菜单+表单域

(一)select是一个标签它的结构如下

<select>
            <option>地球<option>        //第一行的长度决定你的显示出的标题框有多宽
            <option>月亮<option>
            <option>火星<option>
            <option>恒星<option>
            <option selected="selected">太阳<option>        //就会默认你是第一行

</select>

注意:<select></select>中至少应包含一对<option></option>

           在option中定义selected="selected"时,当前项即为默认选中项.

(二)表单域

action="提交目的地"        method="提交的方式"        name="这个表的名字"

 以下是使用方法位置  

六、HTML5的新标签及用法

        左边是结果,有边是标签代码

 1、fieldset元素可将表单内的相关元素分内,打包,legend搭配使用如:

<fleldset>

                <legend>用户登录<legend>标题

                用户名:<input type="text"><br /><br />

                密    码:<input type="password">

</datalist>

就会出现以下特征

 2  HTML5新增的input type 类型 那些表单  (实际操作练习)

左边是结果                                                 右边是标签代码

 


网站公告

今日签到

点亮在社区的每一天
去签到