HTML入门概述

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Html学习内容回顾</title>
</head>
<body>
    <h1>
        学习笔记</h1>
    <h2>
        HTML概述</h2>
    <ul>
        <li>超文本标记语言(Hyper Text Markup Language)</li>
        <li>HTML文档是一个包含标记的文本文件</li>
        <li>文件名以.htm或.html结尾</li>
    </ul>
    <h2>
        基本标签</h2>
    <p>
        块级标签:<br />
    </p>
    <h1>最大的标题</h1>
    <h2>第二级标题</h2>
    <h3>第三级标题</h3>
    <h4>第四级标题</h4>
    <h5>第五级标题</h5>
    <h6>第六级标题</h6>
    <pre>显示一段预格式化文本:
    public class HelloWorld
    {
        String str = "这是一段Java语言";
        public static void main(String[] args)
        {
            System.out.println(str);
        }
    }
    </pre>
    <p>div 一般块级标签</p>
    <div align="center" style="background-color: #FFFF00; width: 100px; height: 100px">这是一个div块</div>
    <hr />水平线<br />
    <p>内联标签:</p>
    <em>这是斜体标签</em><br />
    <strong>渲染为黑体标签</strong><br />
    下标;<p>H<sub>2</sub>O</p><br />
    上标;<p>2<sup>3</sup>=8</p><br />
    <code>标示一段代码:var i;int j;</code>
    <span>一般内联标签</span>
    <br />换行标签<br />
    <b>黑体</b><br />
    <i>斜体</i><br />
    <h2>实体标签:</h2>
    空格: <br />
    <:<<br />
    >:><br />
    &:&<br />
    ":"<br />
    版权:©<br />
    注册:®<br />
    人民币:¥<br />
    乘号:×<br />
    除号:÷;<br />

    链接标签:<br />
    href的target属性:_blank;_self(默认);_parent;_top;targetname(指定窗口打开链接)
    <a href="http://www.baidu.com" target="_blank">百度</a><br />

    页面锚点:<a name="top"></a>
    <a href="HTMLPage1.htm#middle">页面中部</a>
    <a name="middle"></a>
    <a href="HTMLPage1.htm#top">返回顶部</a>
    <br />
    插入图片标签:<img alt="图片" src="images/xuanheicar.jpg"/>
    <br />
    图片链接:<a href="http://www.baidu.com"><img src="images/xuanheicar.jpg" alt="图片链接"/></a><br />
    图片地图:<br />
    <img alt="图片地图" src="images/xuanheicar.jpg" usemap="#pmap" />
    <map id="pmap" name="pmap">
    <area  shape="circle" coords="12,45,10" href="http://www.bai.com" target="_blank" alt="圆形区域"/>
    </map>
    <br />
    列表:<br />
    有序
    <ol type="1">
    <li>太阳</li>
    <li>月球</li>
    <li>地球</li>
    </ol>
   无序
    <ul>
    <li>太阳</li>
    <li>月球</li>
    <li>地球 
    <ul>
    <li>太阳</li>
    <li>月球</li>
    <li>地球</li>
    </ul>
    </li>
    </ul>
    <br />
    自定义
    <dl>
    <dd>太阳</dd>
    <dd>月球</dd>
    <dd>地球</dd>
    </dl>
    <hr />
    表格:<br />
    <table border="1">
    <tr>
    <td>单元格1</td>
    <td>单元格2</td>
    </tr>
    <tr>
    <td>单元格3</td>
    <td>单元格4</td>
    </tr>
    </table>


</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值