HTML 常用标签

• 赵, 存山 • 0条评论 • 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo01</title>
</head>
<body>
<!--标题-->
<h1>This is a heading</h1><br>
<h2>This is a heading</h2><br>
<h3>This is a heading</h3><br>
<!--段落-->
<p>This is a paragraph</p><br>
<!--连接-->
<a href="http://www.zcs13.com">This is a link</a><br>
<a href="http://www.zcs13.com" target="_blank">This is a link</a><br>
<!--图片-->
<img src="../static/images/blog.png" alt="image" width="104" height="142"><br>
<!--HTML style 属性-->
<!--定义字体颜色-->
<h1 style="color: red">This is a heading</h1><br>
<!--定义背景颜色-->
<h1 style="background-color: red">This is a heading</h1><br>
<!--定义字体-->
<h1 style="font-family: 新宋体;">This is a heading</h1><br>
<!--定义字体大小-->
<h1 style="font-size: 40px">This is a heading</h1><br>
<!--文本对齐-->
<h1 style="text-align:right">This is a heading</h1>
<h1 style="text-align:center">This is a heading</h1>
<h1 style="text-align:left">This is a heading</h1>
<br>
<!--表格-->
<table border="1">
    <th>名字</th>
    <th>年龄</th>
    <tr>
        <td>张三</td>
        <td>18</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>15</td>
    </tr>
</table>
<!--跨行或跨列的表格单元格-->
<table border="1">
    <tr>
        <th>姓名</th>
        <th colspan="2">电话</th>
    </tr>
    <tr>
        <td>Bill Gates</td>
        <td>555 77 854</td>
        <td>555 77 855</td>
    </tr>
</table>
<!--列表-->
<ul type="disc">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ul>
<!--表单-->
<form action="">
    <input type="text" name="username" value="用户名称">
    <br>
    <input type="text" name="password" value="用户密码">
    <br>
    <input type="submit" value="提交">
</form>
</body>
</html>
声明: 本文采用 BY-NC-SA 协议进行授权，如无注明均为原创，转载请注明转自 Mount‘s Blog
本文地址: HTML 常用标签
HTML
您必须 登录 才能发表评论