用得到的HTML标签

用得到的HTML标签详细浏览

sup标签

文字上标,双标签

sub标签

文字下标,双标签

bdo标签

文字方向,dir属性的值有(ltr正序和rtl反序)2种

ins标签

map标签

  • 定义ID或者NAME,在要设置链接的图片加入usemap属性调用#ID/NAME,
  • 与area标签同时使用

area标签详细浏览

shape 属性与 coords 属性配合,可以规定区域的尺寸、形状和位置。
这里写图片描述
这里写图片描述

区块元素

这里写图片描述

元素类型转换

  • 转行内:display:inline;
  • 转块:display: block;
  • 转行内快:display:inline-block;

form表单

action:规定当提交表单时向何处发送表单数据。

input标签

  • type属性
    这里写图片描述
实例
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form表单</title>
    <style>
        .box1{
            width: 226px;
            border: 1px solid red;
            margin: 200px;
            padding: 10px;

        }
    </style>
</head>
<body>
   <div class="box1">
       <form>
           账号:<input type="text" name="zhanghao"><br>
           密码:<input type="password" name="passw"><br>
           <input type="radio" name="sex" value="male" checked><input type="radio" name="sex" value="famale" checked><br>
           爱好:<input type="checkbox" name="lanqiu">篮球
           <input type="checkbox" name="zuqiu">足球<br>
           <select name="cars">
               <option value="volvo">Volvo</option>
               <option value="saab" selected="selected">Saab</option>
               <option value="fiat">Fiat</option>
               <option value="audi">Audi</option>
           </select>
           <textarea rows="10" cols="30">文本域</textarea>
           <input type="submit" value="确认">
           <input type="reset" value="重置">
       </form>
   </div>
</body>
</html>

这里写图片描述

selected:默认选中
textarea:文本域,详细浏览

颜色的几种表达方式

  • 英文单词颜色值:如红色red,绿色green等
  • 十六进制颜色值:#FFFFFFF(6位十六进制数,范围:0~F)
  • RGB颜色值三元数字:rgb(255,255,255);范围:0~255
  • RGB颜色值三元百分比:rgb(100%,100%,100%)
  • RGBA:rgba(255,255,255,0.3)a表示透明度,范围:0~1

2个颜色值的网址:颜色值颜色转换工具

HTML字符实体详细浏览(常用的符号)

猜你喜欢

转载自blog.csdn.net/qq_34799320/article/details/81840227
今日推荐