边黎安大神h5带你走入企业

本文详细介绍了HTML与CSS的基本用法,包括样式设置、布局调整、链接与表单的使用等,通过实例演示如何创建交互式的网页元素,适合初学者入门。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>
<html lang="en,zh">
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        ul{
            list-style: none;
        }
        *{
            margin: 0;
            padding: 0;
        }
        li{
            margin: 0 10px;
            float: left;
            color:  #f40;
            font-weight: bold;
            font-size: 14px;
            line-height: 25px;
            height: 25px;
            padding: 0 5px;

        }
        li: hover{
            border-radius: 15px;
            background-color: #f40;
            color: #fff;
        }
        input{
            border: : 1px solid #999;

        }
    </style>
</head>
<body>
    <!-- &nbsp; 空格 -->
    <!-- &lt;div&gt; -->
    <!-- a<br><br>b br是换行 -->
    <!-- 有序列表 -->
<!--     <ol type="a" reversed="reversed" start="2">
        <li>marvel</li>
        <li>速8</li>
        <li>本杰明巴顿</li>
        <li>了不接盖茨比</li>
    </ol> -->
<!--     <ul type="circle">
        <li>天猫</li>
        <li>聚划算</li>
        <li>天猫超市</li>
            </ul> -->
        <!-- <img src="http://5b0988e595225.cdn.sohucs.com/images/20171017/97d428ee948543ceab616bf5813543b5.jpeg" style="width: 200px;" alt="这是范爷"> -->
    <!--     <a href="http://www.baidu.com" style="background-color: red; display: block; width: 100px; height: 100px;" target="_blank">
                <img src="http://5b0988e595225.cdn.sohucs.com/images/20171017/97d428ee948543ceab616bf5813543b5.jpeg" style="width: 50px;" alt="这是范爷">
        </a> -->
        <a href="javascript:while(1){alert('让你收钱')}">你点我试试啊 comein 来呀</a>
        <div id ="dem01" style="width: 100px; height: 100px; background-color: green;">demo1</div>
        <div id ="dem02" style="width: 100px; height: 100px; background-color: red;">demo2</div>
    <!--     <a href="#dem01">find demo1</a>
        <a href="#dem02">find demo2</a> -->
        <a style="display: block; position: fixed;bottom: 100px; right: 200px; border:1px solid #aaaaaa; height: 50px; width: 200px; background-color: #ffc;" href="#demo1">222</a>
        <a style="display: block; position: fixed;bottom: 100px; right: 100px; border:1px solid #aaaaaa; height:50px; width: 200px; background-color: #fcc;" href="#demo2">ddd</a>

        <form method="get" action="">
            
<!-- 两个孩子的分布
两男 0.25
两女 0.25
一男一女0.5
条件概率:
两个孩子都是女孩概率为0.25
至少有一个女孩的概率为0.75
所以概率=0.25/0.75=1/3 -->
            <p>
                username:<input type="text" name="username" value="请输入用户名" style="color: #999" value="请输入用户名" onfocus="if (this.value == '请输入用户名') {this.value='请输入用户名';this.style.color='#424242'}" onblur="if (this.value == '') {this.value='请输入用户名';this.style.color='#999'}">
            </p>


            <p>
                password:<input type="password" name="password">
            </p>
<!--                 
          1.打 <input type="radio" name="name" value="1">
          2.打 <input type="radio" name="name" value="2">
          3.打 <input type="radio" name="name" value="3"> -->

            <input type="submit" name="提交">
        </form>

</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值