HTML CSS JavaScript代码示例-优快云博客

本文链接：https://blog.youkuaiyun.com/dszgf5717/article/details/17056949

http://www.w3school.com.cn/html/index.asp

<html>
<body>
    <!-- 标题 -->
    <h3>
        this is my picture
    </h3>
    <hr />
    <!-- 段落 -->
    <p style="color: #FF0000; font-family: 'Arial Unicode MS'; font-size: larger;">
        My first picture.
    </p>
    <!-- 图片 -->
    <img src="Desert.jpg" name="Desert" />
    <br />
    <!-- 超链接 -->
    <a href="http://www.youkuaiyun.com/" target="_blank">This is a link. </a>
    <!-- 表格 -->
    <h4>
        一行三列：
    </h4>
    <table border="1">
        <tr>
            <td>
                100
            </td>
            <td>
                200
            </td>
            <td>
                300
            </td>
        </tr>
    </table>
    <!-- 列表 -->
    <h4>
        一个无序列表：</h4>
    <ul>
        <li>咖啡</li>
        <li>茶</li>
        <li>牛奶</li>
    </ul>
    <!-- 有序列表 -->
    <h4>
        这是一个有序列表</h4>
    <ol>
        <li>Coffee</li>
        <li>Milk</li>
    </ol>
    <!-- 自定义列表 -->
    <h4>
        一个定义列表：</h4>
    <dl>
        <dt>计算机</dt>
        <dd>
            用来计算的仪器 ... ...</dd>
        <dt>显示器</dt>
        <dd>
            以视觉方式显示信息的装置 ... ...</dd>
    </dl>
    <!-- 使用 <div> 元素 -->
    <div id="container">
        <div id="header">
            <h1>
                Main Title of Web Page</h1>
        </div>
        <div id="menu">
            <h2>
                Menu</h2>
            <ul>
                <li>HTML</li>
                <li>CSS</li>
                <li>JavaScript</li>
            </ul>
        </div>
        <div id="content">
            Content goes here</div>
        <div id="footer">
            Copyright W3School.com.cn</div>
    </div>
    <!-- 表单 -->
    <h4>
        表单示例</h4>
    <form>
    First name:
    <input type="text" name="firstname" />
    <br />
    Last name:
    <input type="text" name="lastname" />
    </form>
</body>
</html>