html学习笔记(一)


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题显示在百度收索时显示的标题</title>
    <meta name="keywords" content="设置搜索引擎的关键词,用于关键词检索">
    <meta name="description" content="用于在百度搜索中显示标题下面的网站描述">
</head>
<body>
    <!-- html实体 -->
    <!--   <   -->   &lt;
    <!--   >   -->   &gt;
    <!-- 空格 -->    &nbsp;
    <!-- << -->      &laquo;
    <!-- >> -->      &raquo;
    <!-- x -->       &times;
    <!-- 颜色: -->
    <!-- 十进制 -->
    rgb(255,255,255);
    <!-- 十六进制 -->
    #ffffff
    <!-- 带有透明度 -->
    rgba(255,255,255,0.5);

    <!-- 格式标签: -->
    <!-- 换行 -->
    <br/>
    <!-- 不换行 -->
    oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
    <nobr/> 
    <!-- 段落 align属性left|center|right -->
    <p align="right">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    <p align="center">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
    <!-- 居中 -->
    <center>hahahaha</center>
    <!-- 按源代码显示 -->
    <pre>
        if($name){
            echo "hhhhh";
        }
    </pre>
    <!-- 无序列表 -->
    <ul>
        <li>1111111111</li>
        <li>1111111111</li>
        <li>1111111111</li>
        <li>1111111111</li>
        <li>1111111111</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>hhhhhhhhhh</li>
        <li>hhhhhhhhhh</li>
        <li>hhhhhhhhhh</li>
        <li>hhhhhhhhhh</li>
        <li>hhhhhhhhhh</li>
        <li>hhhhhhhhhh</li>
    </ol>
    <!-- 自定义列表 dl-->
    <!-- 自定义标题 dt-->
    <!-- 自定义列表内容 dd-->
    <dl>
        <dt>请选择:</dt>
        <dd>A.aaaa</dd>
        <dd>B.bbbb</dd>
    </dl>
    <!-- 导航线 hr-->
    <hr>
    <!-- 标签:1.块标签:独占一行,自动换行。 -->
    <!-- 2.行标签:自己有多宽占多宽。 -->
    <!-- 文本标签 -->
    <!-- b:加粗 -->
    <span><b>加粗</b></span>
    <!-- i:斜体 -->
    <span><i>斜体</i></span>
    <!-- u:下划线 -->
    <span><u>下划线</u></span>
    <!-- font 文字,设置文字大小,颜色 -->
    <font size="3" color="red">设置字体大小颜色</font>
    <font size="2" color="blue">设置字体大小颜色</font>
    <font face="verdana" color="green">设置字体大小颜色</font>
<!-- 图片 
target:
_blank
_parent
_self
_top
framename
-->
    <img src="koala.jpg" alt="图片加载失败后提示的内容" title="鼠标放在图片上显示的文字">
    <a class="hot" href="#"></a>


<!-- 超链接 -->
<a href="http://baidu.com" title="baidu"  target="-parent">百度</a>
<!-- 表格练习 -->
<table border='1px' width='200px' cellspacing='0px'>
    <caption>表格练习</caption>
    <tr>
        <th>id</th>
        <th>姓名</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>1</td>
        <td colspan="2">哈哈</td>
    </tr>
    <tr>
        <td rowspan="2">1</td>
        <td>哈哈</td>
        <td></td>
    </tr>
    <tr>
        <td>哈哈</td>
        <td></td>
    </tr>
</table>
    </body>
    <style type="text/css">
.hot{
    width: 50px;
    height: 50px;
    background: #000;
    position: absolute;
    left: 660px;
    top: 720px;
    opacity: 0.5;
    cursor: pointer;
}
    </style>
    </html>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值