首页 > 代码库 > Day14 html简介

Day14 html简介

<!DOCTYPE html><html lang="en"><head>    <!--自闭合标签-->    <meta charset="UTF-8" />    <!--标签属性-->    <title name="wang">配置管理</title>    <!--对title添加图标-->    <link rel="shortcut icon" href="favicon.ico">    <!--5秒自动刷新-->    <!--<meta http-equiv="refresh" content="5" />-->    <!--10秒自动跳转-->    <!--<meta http-equiv="refresh" content="10; url=http://www.bing.com.cn" />-->    <!--关键字-->    <meta name="keywords" content="软件配置管理" />    <!--描述-->    <meta name="description"  content="介绍软件配置管理" />    <!--专门针对兼容IE使用,表示使用最新的IE浏览器去执行-->    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge" /></head><body>    <!--块级标签(div,h1,p等),默认占一行-->    <div style="background: blue">加载</div>    <!--内联标签(span,select,a等),内容有多少就占多少-->    <span style="background: red">继续加载</span>    <!--大于、小于、空格特殊符号显示-->    &lt;a&nbsp;&gt;a    <!--段落p标签,换行br标签-->    <p>我的家在湖北,洞庭湖旁<br>我的家在湖北,洞庭湖旁</p>    <p>我的家在湖北,洞庭湖旁</p>    <!--a标签中的跳转,不会新建窗口-->    <a href="http://www.baidu.com">跳转到百度</a>    <!--a标签中的跳转,会新建窗口-->    <a href="http://www.bing.com.cn" target="_blank">跳转到必应</a>    <!--设置高度-->    <!--<div style="height: 500px";>我的家乡</div>-->    <!--锚点-->    <!--寻找页面中id=i1的标签,将其标签放置在页面顶部-->    <a href="#i1">第一章</a>    <a href="#i2">第二章</a>    <a href="#i3">第三章</a>    <!--页面中id属性值不允许重复,可以不写-->    <div id="i1" style="height: 500px";>第一章内容</div>    <div id="i2" style="height: 500px";>第二章内容</div>    <div id="i3" style="height: 500px";>第三章内容</div>    <!--标题标签h,默认从大到小-->    <h1>企业级软件配置管理</h1>    <h2>企业级软件配置管理</h2>    <h3>企业级软件配置管理</h3>    <h4>企业级软件配置管理</h4>    <h5>企业级软件配置管理</h5>    <h6>企业级软件配置管理</h6>    <!--定制标题大小-->    <h6 style="font-size: 65px;">企业级软件配置管理</h6></body></html>

input系列

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>    <form>        <div style="border: 1px solid red;">        <p>用户名:<input type="text" /></p>        <p>密码:<input type="password" /></p>            <!--email只对最新的浏览器有效,需要自己实现-->        <p>邮箱:<input type="email" /></p>        <p>性别:            <!--单选name相同互斥-->            <br /><input type="radio" name="gender" />            <br /><input type="radio" name="gender" />        </p>        <p>爱好:            <!--复选框-->            <br />看书<input type="checkbox" />            <br />看电影<input type="checkbox" />            <br />听音乐<input type="checkbox" />        </p>        <p>城市:            <select>                <option>西安</option>                <option>武汉</option>                <option>合肥</option>            </select>            <!--multiple支持多选,size最多看见几个-->            <select multiple size="5">                <option>北京</option>                <option>上海</option>                <option>深圳</option>                <option>深圳</option>                <option>深圳</option>                <option>深圳</option>                <option>深圳</option>                <option>深圳</option>                <option>深圳</option>                <option>深圳</option>            </select>            <select>                <optgroup label="一线城市">                    <option>北京</option>                    <option>上海</option>                </optgroup>                <optgroup label="二线城市">                    <option>大连</option>                    <option>汉口</option>                    <option>厦门</option>                </optgroup>            </select>        </p>        <p>上传文件:<input type="file" /></p>        <p>备注:<textarea></textarea></p>            <!--submit提交当前表单,button普通按钮,reset重置表单-->        <input type="submit" value="submit"/>        <input type="button" value="button"/>        <input type="reset" value="reset"/>    </div>    </form></body></html>

 

Day14 html简介