[笔记]HTML及CSS相关笔记(一)

最近在复习html与css还有java,先从HTML下手吧

有些懒惰了.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- html:hyper text markup language -->
    <h1>1</h1>
    <h2>2</h2>
    <h3>3</h3>
    <h4>4</h4>
    <h5>5</h5>
    <h6>6</h6>
    <p>段落标签</p>
    <br /><!-- 换行标签-->
    <hr /><!-- 水平线 -->
    <strong>加粗</strong>
    <em>倾斜</em>
    &nbsp;
    &gt;
    &lt;
    &quot;
    &copy;
    <img src="图片的地址" alt="图片的替代文字" title="鼠标悬浮提示的文字"/>
    <a href="网址、自己的页面路径" target="_blank(新窗口)、_self(当前窗口)">文字、图片(img标签)</a>
    <!--锚链接-->
    <a name="锚名字">文字、图片、省略</a>
    <a href="#锚名字">文字、图片</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--无序列表-->
    <ul type="disc、circle、square">
        <li>列表项</li>
        <li>列表项</li>
        <li>列表项</li>
    </ul>
    <!--有序列表-->
    <ol type="1、i、I、a、A">
        <li>列表项</li>
        <li>列表项</li>
        <li>列表项</li>
    </ol>
    <!--定义列表-->
    <dl>
        <dt>标题</dt>
        <dd>描述、包含的内容</dd>
        <dd>描述、包含的内容</dd>
        <dd>描述、包含的内容</dd>


        <dt>标题</dt>
        <dd>描述、包含的内容</dd>
        <dd>描述、包含的内容</dd>
        <dd>描述、包含的内容</dd>


        <dt>标题</dt>
        <dd>描述、包含的内容</dd>
        <dd>描述、包含的内容</dd>
        <dd>描述、包含的内容</dd>
    </dl>
    <!--表格-->
    <table border="1">
        <tr>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
    </table>
    <!--
        表格跨行、跨列都是加在td标签里,
        跨列:用的colspan属性,跨几列属性的值就等于几;
        跨行:用的rowspan属性,跨几行属性的值就等于几。
        通常在使用表格跨行、跨列时,先根据表格的具体
        行数和列数设计好表格,然后哪个单元格跨列或跨行,
        就在哪个单元格上加conspan或rowspan,同时被其跨
        越的单元格删掉。
    -->
    <!--h5的媒体元素:视频、音频-->
    <!--视频-->
    <video src="视频的路径"></video>
    <video>
        <source src="视频的路径" />
    </video>
    <!--音频-->
    <audio src="音频的路径"></audio>
    <audio>
        <source src="音频的路径" />
    </audio>
    <!--
        音频、视频都包括播放控件、自动播放、循环播放属性
        播放控件:controls
        自动播放:autoplay
        循环播放:loop
    -->
    <!--h5的结构元素:实现标签语义化-->
    <header>页面的头部</header>
    <section>页面中的一块独立区域</section>
    <footer>页面底部</footer>
    <aside>侧边栏</aside>
    <article>独立的文章内容</article>
    <nav>导航</nav>
    <div>普通块元素</div>
    <!--各结构元素的作用均等同于div-->
    <!--内联框架:iframe-->
    <iframe src="网址、自己的页面" name="名字"></iframe>
    <!--内联框架实现跳转-->
    <iframe src="网址、自己的页面、省略" name="名字"></iframe>
    <a href="网址、自己的页面" target="内联框架的名字">文字、图片</a>
</body>
</html>

这是我复习用的笔记.


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张德仁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值