码迷,mamicode.com
首页 > Web开发 > 详细

Html与CSS基础

时间:2015-12-06 00:03:15      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:

<html>
<head>
    <title>常用元素标签</title>
    <style type="text/css">
    /*CSS样式一般写在这儿,这是CSS注释*/
    body{
        color:red;
    }
    </style>
</head>
<body>
    <!-- html中的注释格式 -->
    <h1>1级标题</h1>
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>
    <h5>5级标题</h5>
    <h6>6级标题</h6>
    <em>斜体文字(一般歪果仁强调语义的字体)</em>
    <br /><!-- 换行符(空标签) -->
    <strong>粗体文字(一般中果仁强调语义的字体)</strong>
    <p>段落</p>
    <q>简单的引用</q>
    <blockquote>对长文本引用,左右会有缩进的效果</blockquote>
    <span>没有语义,用于表示特殊的样式</span>
    <!-- html代码忽略回车,以及1个以上的空格,多个空格应使用"&nbsp;",例子如下 -->
    <p>没想到输入&nbsp;空格&nbsp;这么麻烦,23333</p>
    <hr /><!-- 不华丽的分割线(空标签) -->
    <address>电子邮件,住址,签名,文档的作者身份</address>
    <code>加入一行代码,var = "hello world";</code>
    <!-- pre元素,保留语言代码段,保留空格,回车,例子如下 -->
    <pre>
    foreach(var item in strArray){
        Console.writeLine(item);
    }
    </pre>
    <ul>
        <li>ul-li,无序的信息列表
        </li>
        <li>ul-li,无序的信息列表
        </li>
    </ul>
    <ol>
        <li>ol-li,有序的信息列表:1
        </li>
        <li>ol-li,有序的信息列表:2
        </li>
    </ol>
    <table summary="HakunaMatata摘要是不会显示出来的)">
        <caption>表格标题</caption>
     <tbody>
     <tr>
         <th>名字</th>
            <th>爱好</th>
        </tr>
        <tr>
            <td>彭彭</td>
            <td>吃</td>
        </tr>
        <tr>
            <td>丁满</td>
            <td>跳舞</td>
        </tr>
        </tbody>
    </table>
    <!-- target="_blank" 使用新页面打开 -->
    <a href="http://www.baidu.com" title="鼠标滑过显示" target="_blank">打开百度</a>
    <!-- mailto可以发邮件,关键字有,cc(抄送地址),bcc(蜜饯抄送地址),;(多个隔开),
         subject(邮件主题),body(邮件内容) 
    第一个关键字用?分割,后面的用&分割-->
    <a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感。body=你好,对此评论有些想法。">对此影评有何感想,发送邮件给我</a>
    <img src="图片http地址" alt="图片无法显示,用此文字替代" title="电影介绍" > 

</body>
</html>

Html与CSS基础

标签:

原文地址:http://www.cnblogs.com/KLL916/p/5022445.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!