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>
时间: 2024-10-13 09:59:26

Day14 html简介的相关文章

Android网络通讯简介

网络通信应该包含三部分的内容:发送方.接收方.协议栈.发送方和接收方是参与通信的主体,协议栈是发送方和接收方进行通信的契约.按照服务类型,网络通信可分为面向连接和无连接的方式.面向连接是在通信前建立通信链路,而通信结束后释放该链路.无连接的方式则不需要在通信前建立通信连接,这种方式不保证传输的质量. Android提供了多种网络通信的方式,如Java中提供的网络编程,在Android中都提供了支持.Android中常用的网络编程方式如下: 针对TCP/IP协议的Socket和ServerSock

微信红包的架构设计简介

@来源于QCon某高可用架构群整理,整理朱玉华. 背景:有某个朋友在朋友圈咨询微信红包的架构,于是乎有了下面的文字(有误请提出,谢谢) 概况:2014年微信红包使用数据库硬抗整个流量,2015年使用cache抗流量. 微信的金额什么时候算? 答:微信金额是拆的时候实时算出来,不是预先分配的,采用的是纯内存计算,不需要预算空间存储.. 采取实时计算金额的考虑:预算需要占存储,实时效率很高,预算才效率低. 实时性:为什么明明抢到红包,点开后发现没有? 答:2014年的红包一点开就知道金额,分两次操作

JSON 简介

ylbtech-JSON: JSON 简介 JSON:JavaScript Object Notation(JavaScript 对象表示法) JSON是存储和交换文本信息的语法,类似 XML. JSON 比 XML 更小.更快.更易解析. JSON 实例 { "employee":[ {"firstName":"John","lastName":"Doe"}, {"firstName"

Docker简介

Docker简介 什么是Docker: 正所谓Docker的英文本意为"搬运工",所以在我们的世界里,可以理解为Docker搬运的是装满任意类型的APP的集装箱,开发者可以通过Docker将APP变成一种标准化的.可移动植的.自动管理的组件.它用一种新的方式实现了轻量级的虚拟机,专业术语成为应用容器(Application Container) Docker的优势: 1.利用率高 ·Docker对系统资源的利用率很高,一台主机可以同时运行数千个Docker容器 2.可以快速的交付应用程

kafka入门:简介、使用场景、设计原理、主要配置及集群搭建(转)

问题导读: 1.zookeeper在kafka的作用是什么? 2.kafka中几乎不允许对消息进行"随机读写"的原因是什么? 3.kafka集群consumer和producer状态信息是如何保存的? 4.partitions设计的目的的根本原因是什么? 一.入门 1.简介 Kafka is a distributed,partitioned,replicated commit logservice.它提供了类似于JMS的特性,但是在设计实现上完全不同,此外它并不是JMS规范的实现.k

Quartz.NET简介及入门指南

Quartz.NET简介 Quartz.NET是一个功能完备的开源调度系统,从最小的应用到大规模的企业系统皆可适用. Quartz.NET是一个纯净的用C#语言编写的.NET类库,是对非常流行的JAVA开源调度框架 Quartz 的移植. 入门指南 本入门指南包括以下内容: 下载 Quartz.NET 安装 Quartz.NET 根据你的特定项目配置 Quartz 启动一个样例程序 下载和安装 你可以下载 zip 文件或使用 Nuget 程序包.Nuget 程序包只包含 Quartz.NET 运

ASP.Net简介、IIS服务器和Repeater重复器

简介:ASP.NET - 制作网站应用程序的技术 WebForm -出来时间比较早,敏捷.便捷开发,封装一些控件,慢慢发现一些控件做的挺好,真正使用没有那么敏捷 MVC -出来时间比较晚 什么东西? winform 界面 - 后台 - 数据库 共同组合出来的程序:ASP.NET 界面(HTML+CSS+JS) - 后台 - 数据库 运行机制:winform - 程序是安装在用户的电脑上,程序是运行在用户电脑上的.net Framework框架上的 ASP.NET - 通过浏览器向服务器发送请求,

CloudFoundry in 1 Box简介:PCF-Dev篇

在<CloudFoundry in 1 Box简介:Bosh-lite篇>我们介绍了Bosh-lite的架构和部署.在本篇中,我们将详细描述另一个CloudFoundry in 1 Box解决方案PCF-Dev. 1PCF-dev简介 PCF是Pivotal发行的Cloud Foundry商业版,PCF-Dev原名MicroPCF,是Pivotal为PCF的应用开发人员准备的一款App单虚拟机版的CloudFoundry.但是,麻雀虽小,五脏俱全.PCF-Dev虽然可以在仅仅一台虚拟式上即可运

1、elasticsearch简介

1.elasticsearch简介 中文帮助文档地址:http://es.xiaoleilu.com/ • Elasticsearch是一个基于Lucene的实时的分布式搜索和分析引擎.设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便.基于RESTful接口. – 普通请求是...get?a=1 – rest请求....get/a/1 • Elasticsearch的用户 – GitHub,Wikipedia,ebay等... • ES VS Solr – 接口 • 类似web