html学习笔记2

3列表标签

无序列表(序列列表)

符号,字符

有序列表

数字符号

3.1无序列表

<ul>unordered list 定义一个无序列表

Type属性指定无序列表的符号

 

“Disc” 实心的圆点

“Circle” 空心的圆圈

“Square” 实心的正方形

 

<li>list item 定义一个列表项 

<body>
<!--默认的序列符号是圆点-->
<ultype="circle">
    <li>浙江</li>
    <li>江苏</li>
    <li>河北</li>
    <li>湖南</li>
</ul>
</body>

 

3.2有序列表

<ol>ordered list 有序列表,即列表带项有序号

Type属性指定序号的类型

取值:1   A   a  i   I(大写i ;罗马数字)

1是默认值

Type是指定值

Start属性指定了开始位置,第几个开始

<body>
<ol type="A"start="3">
    <li>苹果</li>
    <li>梨子</li>
    <li>桃子</li>
    <li>西瓜</li>
</ol>
</body>

Start取值是0负数,从数开始,在字母中开始是负数到0

 

3.3列表的嵌套

通过设置<ul>的列表,在输入列表项

需要列表的嵌套,继续创建新的无序列表,输入列表项。

创建完后,结束</ul>,即可完成嵌套

  <ul  type="disc">  

        <li>游戏</li>  

        <li>运动</li>  

            <ul  type="circle">  

                <li>田径类</li>  

                <li>球类</li>  

                    <ul  type="square">  

                    <li>足球</li>  

                    <li>篮球</li>  

                    </ul>  

            </ul>  

    </ul>  

3.4自定义列表

<dl>defined(定义) list  定义一个自定义列表

<dt>defind  title  列表的标题

<dd>defind  description(描述)  列表的描述

<body>
<dl>
    <h3>江浙介绍</h3>
    <dt>浙江</dt>
    <dd>浙江是吴越文化、江南文化的发源地,是中国古代文明的发祥地之一。早在5万年前的旧石器时代,就有原始人类“建德人”活动,境内有距今7000年的河姆渡文化、距今6000年的马家浜文化和距今5000年的良渚文化,是典型的山水江南、鱼米之乡,被称为“丝绸之府”、“鱼米之乡”。</dd>
    <dt>江苏</dt>
    <dd>江苏,简称“苏”,省会南京,位于中国大陆东部沿海,介于东经116°18′~121°57′,北纬30°45′~35°20′之间。江苏地形以平原为主,陆地边界线3383公里,面积10.72万平方公里,占中国的1.12%,人均国土面积在中国各省中最少。 公元1667年因江南省东西分置而建省,得名于“江宁府”与“苏州府”之首字。</dd>
</dl>
</body>

 

4.表单

4.1表单

什么是表单

收集用户填写的信息并将其提交到后台服务器

<form>

 

Action属性 指定提交的地址

Method属性 指定提交的方式 get/post

Get和post的区别"GET方式提交的数据最多只能是1024字节,理论上POST没有限制,可传较大量的数据,IIS4中最大为80KB,IIS5中为100KB"

安全性 get的方式的数据会直接呈现在地址栏上,敏感词容被截获

总结一下,Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求,在FORM(表单)中,Method默认为"GET",实质上,GET和POST只是发送机制不同,并不是一个取一个发

 

4.2文本框

<input type="text"/>

Maxlength属性 指定文本框所能接收的最大字符个数

Size属性 指定了文本框的大小(宽度)

Value属性 指定默认初始值(文本框内容)

 

4.3密码框

<input type="password"maxlength="6"/>

密码框和文本框一样,文本框的属性同样适用于密码框,只是密码框会有掩码

4.4label

<label>的作用

1.      可以单独对其进行相应的样式设计

2.      For属性可以使之和某个<input>关联,即当单击文本会激活<input>


<body>
<from astion="#"method="post">
    <label for="userId">账号:</label>
    <input  id="userId"type="text"maxlength="10"size="20" value="adf"/>
    <br/>
    <br/>
    <label for="password">密码:</label>
    <input id="password"type="password"maxlength="6"/>
</from>
</body>

4.5单选按钮

<input type="radio"name="role"/>学生
<input type="radio"name="role" checked/>教师
<input type="radio"name="role"/>管理员

 

Name属性  如果需要将若干的单选按钮编为一组(一组只有一个能被选中),需要设置相同的name属性

Checked属性  如果需要默认选择中,某个选项,需要checked属性

标签的属性的表示

(1)      键值对:

属性名=属性值

type=”text” maxlength=”6’

(2)      一些取值为布尔类型的直接使用属性名如:checked  readonly

4.6多选按钮


<from>
    你的兴趣爱好:
   
<input type="checkbox"/>音乐
   
<input type="checkbox"/>运动
   
<input type="checkbox"/>电影
   
<input type="checkbox"checked/>游戏
</from>

Checked属性

 

4.7提交按钮

Submit 属性

1.      点击按钮之后跳转到from表单指定的action

2.      Value属性是更改按钮上的文字,默认是提交 (用户输入时可以说是吧值带入到value值中,在发送)下方通用

3.      点击按钮:会将from表单中的input的name属性值(键)和用户输入的值组成键值对

(或input标签value属性对应得值)并拼接到form表单中action属性值得后面

http://localhost:63342/HTML/%E7%AC%AC4%E7%AB%A0/result.html?name=huadian&password=123456

 

4.8重置按钮

<input type="reset"/>

Reset属性 点击按钮,重置输入框(单选按钮)重置按钮只重置表单内部的属性

 

4.9普通按钮

<inputtype="button"value="校验"οnclick="alert('点击了')"/>

Button属性 点击按钮之后没有任何的反应

通过js可以实现校验的功能

4.10图片按钮

<inputtype="image"src="login.jpg" alt="登录"/>

Image属性 使用src=””输入地址

作用和submit按钮是一样的

需要设置src属性的值,如果src对应得路径没有找到图片,并且没有设置alt属性,按钮默认值显示“提交”,如果设置了alt属性则显示alt的值(类似img标签)

4.11Button按钮

可以放置任意的东西

比如图片,段落,视频音频...

当button标签放置在表单form内部,作用类似submit一样

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值