html 常用知识点

段落

<h3>登黄鹤楼</h3>

<p>白日依山尽</p>

<p>黄河入海流</p>

跳转页面

<a href="http://www.daidu.com" target="_blank" title="欢迎登陆"></a>

href : 链接的地址

target : 打开页面的方式

title ：指定提示

图片标签

<img src="图片名" alt="图片已损坏">

scr :图片地址，也可以远程图片地址

alt：图片损坏时显示

强行换行

<br>

绘制一条横线

<hr>

独立出来文字

<p>我是<span>中国</span>人</p>

span ：独立出来 “中国”两字

文本框

<input yupe="text" maxlengfth="10" size="50">

amlengfth:最大字符个数

size：文本框高度

密码框

<input yupe="password" maxlengfth="10">

password:密码掩码格式

单击激活文本框

<labef for="userid">账号</labef>

<input id="userid" type="text">

单选按钮

<input type="radio">

type:类型

radio:单选用

多选按钮

<input type="checkbox">

checkbox:多选用

提交按钮

<input type="submit" varue="登陆">

submit：提交

varue：默认，可以不写

重置按钮

<input type="resel" varue="重置">

resel:分解

图片按钮

<input type="image" src="图片">

下拉列表

你来自：
<select name="province">
   <option value="33">浙江</option>
   <option value="41">河南</option>
   <option value="32">江苏</option>
   <option value="36">江西</option>
</select>

多选下拉列表

<select>

<!--下拉列表的格式-->

 

   <optgroup label="国产车">

<!--optg 是对选项进行分组   label是标签-->

       <option value="红旗">红旗</option>

  <!--option是显示文本内容 value是格式必须写-->

       <option value="byd">比亚迪</option>

       <option value="奇瑞">奇瑞</option>

   </optgroup>

   <optgroup label="德系车">

       <option value="benz">奔驰</option>

       <option value="bwm">宝马</option>

       <option value="大众">大众</option>

   </optgroup>

   <optgroup label="日系车"disabled>

                        <!--disabled是设置该分组不能用  -->

       <option value="丰田">丰田</option>

       <option value="本田">本田</option>

       <option value="三菱">三菱</option>

   </optgroup>

</select>

隐藏域

<form action="result.html"method="get">

   <!--跳转的方法-->

   <input type="hidden" name="stuNo"value="2017110103" >

   <!--    隐藏           隐藏的学号 -->

   <br>

    原密码：<input type="password" name="old">

   <br>

    新密码：<input type="password" name="new">

   <br>

   <input type="submit" value="修改密码">

</form>