点击查看html编辑器说明文档

臭男人edit icon

|
|
Fork(复制)
|
|

👉 新版编辑器已上线,点击进行体验吧!

BUG反馈
嵌入
设置
下载
预览
控制台
HTML
格式化
支持Emmet,输入 p 后按 Tab键试试吧!
<head> <meta charset="utf-8"> <...
展开
</head>
<body>
            
            <a href="#marker">让我们说中文</a><br>
<p style="color:blueviolet;font-size:15px">徐辰晔在干嘛</p>
<p style="color:seagreen;font-size:25px">他不回我</p>
<hr>
<h1>臭徐辰晔</h1>
<p>徐辰晔<u><i>他不爱理我</i></u></p>
</p>
<p>徐辰晔是<sub>坏男</sub><sup>人</sup></p>
<img src="http://5b0988e595225.cdn.sohucs.com/images/20190726/72c7d8a1b587465b8129f6d65e8ee5ac.jpeg" title="臭臭臭臭" width="100" />
<p>就是上面这个坏家伙</p>
<a href="https://www.bilibili.com/video/BV1Jq4y1j7pN/?spm_id_from=333.1387.homepage.video_card.click&vd_source=c560ec2412227d0436097c66e9eb0694" taget="_blank"><img src="https://ts1.cn.mm.bing.net/th/id/R-C.c0f0edcc152ba4f53e99bd271f42f41c?rik=8y43Dk92NDilHg&riu=http%3a%2f%2fi0.qhimg.com%2ft01acc8b96b4edb1d4b.jpg&ehk=Lxte2pnUCaLLeiuqQcB%2bRsMhVsiqzhizqvkSZd%2fKEnI%3d&risl=&pid=ImgRaw&r=0" width="200"></a>
<p>点击图片观看我们演的话剧!</p>
<img src="https://images.liqucn.com/img/h79/h58/img_localize_915b10018b4b17b87ec300ec09c3ee19_1286x723.png" title="沙威玛传奇" width="100"><br>

<a name="marker">沙威玛传奇</a>

<h3>让我们继续学习javaweb</h3>
<h4>现在是列表</h4>

<ol>
    <li>你</li>
    <li>为什么</li>
    <li>不理我</li>
</ol>

<ul>
    <li>哼哼</li>
    <li>嘿嘿</li>
</ul>

<dl>
    <dt>你是什么人</dt>
    <dd>坏男人</dd>
    <dd>臭男人</dd>
    <dd>可恶男人</dd>
</dl>

<table border="1">
    <tr>
        <th>1</th>
        <th>2</th>
    </tr>
    <tr>
        <td>你爱我</td>
        <td>徐辰晔傻逼!</td>
    </tr>
    <tr>
        <td>耶耶耶</td>
        <td>嘻嘻嘻</td>
    </tr>
</table>
<p></p>
<table border="2">
    <tr>
        <td rowspan="2">噢噢行合并了</td>
        <td>臭徐辰晔12</td>
        <td>抽徐辰晔13</td>
    </tr>
    <tr>
        <td>臭徐辰晔22</td>
        <td>抽徐辰晔23</td>
    </tr>
    <tr>
        <td colspan="2">列合并了</td>
        <td>我真牛33</td>
    </tr>
</table>

<h4>表单</h4>
<p>徐辰晔可以在网页中的一些控件里输入内容,然后提交。<br>
    控件:文本框、密码框等。这些就是表单。懂了吗?</p>

<h3>快问快答</h3>
<form>
    你怎么称呼你的女朋友的:
    <input type="text" name="nickname" value="宝包"><br>
    她的生日是哪一天:
    <input type="password" name="pwd" value="1103"><br>
    你爱她吗:
    <input type="radio" name="loveornot" value="love">爱
    <input type="radio" name="loveornot" value="dontlove" checked>不爱<br>
    她喜欢以下的什么东西:
    <input type="checkbox" name="things" value="one">jellycat
    <input type="checkbox" name="things" value="two">gund
    <input type="checkbox" name="things" value="four">popmart
    <input type="checkbox" name="things" value="five">海湾兔小羊
    <br>
    请为她挑选一款礼物(图片):
    <input type="file" name="gift" value="photo"><br>
    <input type="submit" name="提交">
    <input type="reset" name="重置"><br>
    <input type="button" value="这可不是一般的按钮,按下我就会想你"><br><br>

    快和我表白:<br>
    <textarea name="personal" col="40" rows="5"></textarea><br><br>

    你想哪一年和我结芬:<br>
    <select name="year">
        <option value="">选择年份</option>
        <option value="2024来不及了">2024来不及了</option>
        <option value="2025还来得及">2025还来得及</option>
        <option value="2026还来得及">2026还来得及</option>
        <option value="2027还来得及">2027还来得及</option>
        <option value="2028还来得及">2028还来得及</option>
        <option value="2029还来得及">2029还来得及</option>
        <option value="2030还来得及">2030还来得及</option>
        <option value="2031还来得及">2031还来得及</option>
        <option value="2032还来得及">2032还来得及</option>
        <option value="2033我都30了还不结婚??">2033我都30了还不结婚??</option>
        <option value="2034不和你结了">2034不和你结了</option>
    </select>
</form><br><br>

<a class="you">沙威玛哦</a>
<a>沙威玛哦</a>
<a>沙威玛</a>
<ul>
    <li class="you"><a>有了你生活美好</a></li>
    <li id="my"><a>没烦恼</a></li>
    <li><a class="you">沙威玛传奇</a></li>
    <li><a>奇妙至极</a></li>
</ul>
<h1>h1</h1>
<p></p>
        
编辑器加载中
</body>
CSS
格式化
            
            body {
    text-align: center;
    a {
        background: lightgoldenrodyellow;
    }
    >a {
        background: greenyellow;
    }
      #my+li{
        color:hotpink;
      }
  #my~li{
    color:purple;
  }
  a.you{
    background:skyblue
  }
}



i {
    color: #777;
}
        
编辑器加载中
JS
格式化
            
            
        
编辑器加载中