html基础标签

今天开始写第一篇博文，记录我学习 html 以及 css 的所有的课程。第一天接触代码感觉整个人是蒙的觉得肯定学不会，但是我还是比较喜欢有挑战性的， 下面跟着我一起来学习html。

1.HTML是什么？

HTML是超文本标记语言.（Hyper Text Markup Language）

2.HTML是尖括号包围的关键词，如<html>

3.HTML是成对出现的，如<html></html>

4.<b>这是开头标签<b/>这个则是结束标签，也称为开放标签和闭合标签。

下面是举例：

<!DOCTYPE html>
<html>
<head>
    <style>
        span{color:red}
    </style>
    <meta charset="UTF-8">
    <title>认识html的标签</title>
</head>
<p>
    <a href="" name="aaa"></a>
        <h1>HTML</h1>
        <p>
    <strong>1.这个星期学习了HTML</strong>
        </p><br>
    <strong>2.这是注释</strong><br>
            <!--这是学习感触--><br>
    <strong>3.这是超链接</strong><br>
            <a href="http://www.cnblogs.com/Lixuemei/">进入我的主页</a><br>
    <strong>4.为文本添加水平线</strong><br>
            <hr><br>
    <strong>5.标题标签是从h1.到h6依次排列，可根据自己的需要来选择</strong><br>
                    <h1>这是标题</h1>
                    <h2>这是标题</h2>
                    <h3>这是标题</h3>
                    <h4>这是标题</h4>
            <br>
    <strong>6.P是段落标签</strong><br>
            <hr>
    <strong>7.div块级标签</strong><br>
             <div>
                 <strong>8.q是引用短文本，例如一些短的诗句。</strong><br>
    <q>庄生晓梦迷蝴蝶。望帝春心托杜鹃</q>，这个诗句挺特别的。
        <br>
        <hr>
                 <strong>9.blockquote是引用长文本的标签语言</strong><br>
    <blockquote>
        明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由来征战地，不见有人还。
    </blockquote><br>
         <h1>心似桂花开</h1>
                 <br>
                 <strong>10.address是地址标签。</strong><br>
  <address>成都市青羊区抚琴东南路10号</address><br>
                 <br>
    <a href="" name="aaa">回到顶部</a>
                 <p><strong>11.无序列表ul和有序列表ol</strong></p>
    <ul>
        <li>编写HTML</li>
        <li>编写XHTML</li>
        <li>编写CLL</li>>
    </ul><br>
    <ol>
        <li>前端开发</li>
        <li>javascript</li>
        <li>零基础学html</li>
    </ol><br>
                 <strong>12.pre是预编格式标签。</strong><br>
    <pre>
         3
       + 9
     -------
        12
    </pre><br>
                 <strong>13.dil是定义列表标签，其中dt元素定义列表名称，dd元素定义列表具体的内容</strong><br>
    <dl>
        <dt>老师</dt>
        <dd>前端</dd>
        <dd>学习</dd>
    </dl><br>
                 <strong>14.table是表格的标签，由th表格表头.tr表格的行数.td表示表格单元格数三元素构成。</strong><br>
         <table>
             <tr>
                <th>产品名称</th>
                 <th>入库时间</th>
        </tr>
        <tr>
            <th>耳机</th>
            <th>联想</th>
            <th>500</th>
        </tr>
        <tr>
            <th>U盘</th>
            <th>金士顿</th>
            <th>120</th>
        </tr>
        </table><br>
    </div>
<br><br><br><br><br>
<strong>15，.img是图片标签src是图片地址。</strong><br>
            <img src="" width="104" height="142"/>
            <img src="猴子.png" width="104" height="142"/><br>
<strong>16.ifrme是内联框架标签，同样src后面可以接地址</strong><br>
            <iframe src="练习.html" frameborder="2"></iframe><br>
  个人觉得学习这个没有捷径只有多练习，多敲代码，才可以<span>学好这门课</span>。

</body>
</html>

 

posted on 2016-01-25 22:39  雪，  阅读(261)  评论(0)  编辑  收藏  举报

导航