HTML+CSS笔记-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_42792802/article/details/143602705

头部：

<head>
    <meta charset="UTF-8">
    <title>我的网站</title>
    <style>
        body {
            <!--  字体  -->
            font-family: Arial, sans-serif; 
            <!-- 背景 -->
            background-color: #d2b48c;
            <!-- 边框 -->
            border: 12px dotted green;
            <!-- 边距 -->
            margin-left: 10%;
            margin-right: 10%;
            <!-- 内边距 -->
            padding: 10px 10px 10px 10px;
        }
    </style>
</head>

本体 <body></body>

标题一： <h1></h1>

标题一： <h2></h2>

正文： <p></p>

图像： <img src="../person.jpg" alt="这是个靓仔的电影" width="228" height="128">

斜体： <em>你真的蔡</em>

文本链接： <a target="_blank" href="about/directions.html">爱情动作电影</a>

回车下一行： <br>

行带序号：

<ol>
<li>泰森尼克号</li>
</ol>

行带黑点：

双引号： <q>双引号</q>

长引用： <blockquote></blockquote>

表： <table></table>

表格头： <tr><th></th></tr>

表格行： <tr><td></th></td>

表头： <caption></caption>

文本输入： <input type="text" name="firstname" value="">

提交按钮： <input type="submit">

单选按钮:

很帅<input type="radio" name="sunshine" value="hot"><br>
超帅<input type="radio" name="sunshine" value="not"><br>

多选按钮：

很帅<input type="checkbox" name="sunshine" value="hot"><br>
超帅<input type="checkbox" name="sunshine" value="not"><br>
多行文本输入：

选择菜单：

<select name="beans">
<option value="House Blend">House Blend</option>
<option value="Bolivia">Shade Grown Bolivia Supremo</option>
<option value="Guatemala">Organic Guatemala</option>
<option value="Kenya">Kenya</option>
</select>

数字输入：

范围输入：

颜色输入：

日期输入：