html总结1

(1)有序列表标签:

<ol>
  <li>填写信息</li> 
  <li>收电子邮件</li>
  <li>注册成功</li>  
</ol>

运行结果:

(2)无序列表标签:

<ul>
  <li>如何激活会员名?</li>
  <li>如何注册贵美会员?</li>
  <li>注册时密码设置有什么要求?</li>
  <li>贵美认证</li>
</ul>

运行结果:

(3)实际开发中常用的四种块状结构:

(4)图像标签:

<img  src= "图片地址"  alt="提示文字"   title="提示文字" />

其中图片地址可以用绝对路径,也可以用相对路径(推荐用相对路径, 将其放在一个文件夹下)。

(5)范围标签<span> :显示某行内的独特样式

<p>商品价格:仅售<span style="color:red;font-size:70px;">10</span></p>

运行结果:

(6)锚记标签:

 

 在网页中点击新人上路指南即跳转到新人上路所在的位置。

(7)<input>标签:

包括的属性及意义:

1.value:顾名思义,值,价值,可以设置初值,也可以进行调用。

2.type:类型,分别有:

password:密码,输入的内容用点替代;

text:文本:普通的文本框;

radio:单选按钮:可以设置附属属性checked=“checked”使其默认选中;

check:复选框:可以设置附属属性checked=“checked”使其默认选中;

submit:提交:提交表单内容;

reset:充值表单内容;

3.size:框的长度。

4.maxsize:最多填入字母数字等的个数。

5.disabled="disabled"设置按钮默认不允许点击。

(8)<select>选择标签:

<SELECT name="bmon">
    <OPTION value=" " selected>[选择月份] </OPTION>
    <OPTION value=0>一月</OPTION>
    <OPTION value=1>二月</OPTION>
     ……
  </SELECT>

selected默认被选中的可选项。

(9)<textarea>多行文本框:

常用的属性:

cols文本框的列数;

rows文本框的行数;

readonly="readonly将文本框中内容设为只读;

posted on 2019-03-11 19:16  宥宁  阅读(108)  评论(0编辑  收藏  举报

导航