HTML 和 CSS 常用标签

1.HTML

• 超文本标记语言

基本标签

• < HTML>：定义HTML文档
• < head>：定义关于文档的信息
• < title>：定义文裆的标题
• < body>：定义文档的主体
• < h1> ~< h6> ：定义标题，h1最大，h6最小
• < hr>：定义水平线
• < b>：定义粗体文本
• < i>：定义斜体文本
• < u>：定义文本下划线
• < center>：定义文本居中(css完成)
• < p > ：定义段落
• < br>：定义换行
• img: 定义图片
• audio:定义音频
• video:定义视频
• < a> ：定义超链接，用于连接到另一个资源
• < ol>：有序列表
• < ul>：无序列表
• < li>：定义列表项
• span: 定义一个块
• div: 层
• hr: 分隔线

表格标签

• 表格 table
• 行 tr
• 列 td
• 表头列 th
• rowspan : 行合并
• colspan : 列合并

<table>
    <tr>
    	<th></th>
        <th></th>
        <th></th>
    </tr>
    <tr>
    	<td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
    	<td></td>
        <td></td>
        <td></td>
    </tr>
</table>

表单标签

• 表单 form

	<form action="../目的地.html" method="post">
        昵称:<input type="text" name="nickName"/><br> <!--输入框-->
        密码:<input type="password" name="pwd"/><br> <!--密码框-->
        性别:<input type="radio" name="gender" value="male"/>男 <!--单选框-->
            <input type="radio" name="gender" value="female"/>女<br>
        爱好:<input type="checkbox" name="hobby" value="basketball"/>篮球<!--复选框-->
            <input type="checkbox" name="hobby" value="football"/>足球
            <input type="checkbox" name="hobby" value="earth"/>地球<br>
        星座:<select name="star"><!--下拉框-->
            <option>白羊座</option>
            <option>金牛座</option>
            <option>天蝎座</option>
            <option>双鱼座</option>
            <option>狮子座</option>
        </select><br>
        备注:<textarea name="remark" rows="4" cols="50"></textarea><br>
        <input type="submit" value=" 注 册 "/>
        <input type="reset" value=" 重置 "/>
        <input type="button" value=" 普通按钮 "/>
    </form>

<!--form 表单的数据是发送到服务器的-->

2.CSS

<style type="text/css">
    /* 标签样式 */
    p{
        font-size:24px;
        ...
    }
    /* 类样式 */
    .fpx{
        ...
    }
    /* id样式 */
    #bg{
        ...
    }
    /* 组合样式 */
    div p{
        color:blue
    }
</style>

引入外部.css文件
<link rel="stylesheet" herf="css/demo.css">

导入js文件
<script type="text/javascript" src="js/demo.js"></script>

1.border 边框样式