为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)-升级版_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)-升级版

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <form>
       <input type="text/password" name="名称" value="文本" />
    </form>

    1、type:

       当type="text"时,输入框为文本输入框;

       当type="password"时, 输入框为密码输入框。

    2、name:为文本框命名,以备后台程序ASP 、PHP使用。

    3、value:为文本输入框设置默认值。(一般起到提示作用)

    查看全部
  • <form   method="传送方式"   action="服务器文件">

    1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。

    2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。

    3.method : 数据传送的方式(get/post

    查看全部
  • <h2>成绩表</h2><hr>
        <h3><table border="1">
            <thead>
                <tr>
                    <th>科目</th>
                    <th>分数</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>语文</td>
                    <td>99</td>
                </tr>
                <tr>
                    <td>数学</td>
                    <td>60</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>总分</td>
                    <td>159</td>
                </tr>
            </tfoot>
        </table></h3>

    <thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。

    2、<tbody>…</tbody>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)

    3、<tfoot> 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

    查看全部
  • <table border="1">
            <caption>前端三剑客</caption>
            <tr>
                <th>知识点</th>
                <th>重要程度</th>
                <th>难度</th>
                <th>学习周期</th>
            </tr>
            <tr>
                <th>html</th>
                <th>5星</th>
                <th>3星</th>
                <th>7天</th>
            </tr>
            <tr>
                <th>css</th>
                <th>5星</th>
                <th>4星</th>
                <th>10天</th>
            </tr>
            <tr>
                <th>js</th>
                <th>5星</th>
                <th>5星</th>
                <th>20天</th>
            </tr>
        </table>

    1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

    2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

    3、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

    4、<th>…</th>:表格的头部的一个单元格,表格表头。

    5、表格中列的个数,取决于一行中数据单元格的个数。

    6、border属性可以为表格添加边框,属性值为数字。

    注意:

    1、table标签用来定义整个表格,为双标签,必须有结束标签。

    2、table标签里面可以放caption标签和tr标签。

    3、caption标签用来定义表格的标题。

    4、tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。

    5、th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。

    6、td同来设置表格的列,一组td标签代表一列。

    7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

    查看全部
  • <a href="https://www.baidu.com" target="_self">百度</a>
    <a href="https://www.baidu.com" target="_blank">百度</a>

    a标签有的target属性,代表打开网页的方式。可选值为”_self和_blank”,默认值为_self,代表在a当前页面打开链接,_blank代表在新窗口打开链接。

    查看全部
  • <a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>
    查看全部
  • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

    1、src:标识图像的位置;

    2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

    3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

    4、图像可以是GIF,PNG,JPEG格式的图像文件。

    查看全部
  •   <li>我的第一个列表信息</li>
        <li>我的第二个列表信息</li>

    <ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始,如下图所示:

    查看全部
  • <ul><li>我的第一个列表信息</li></ul>

    ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,如下图所示:

    查看全部
  • <hr />

    1. <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。

    2. <hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。

    查看全部
  • &nbsp;代表空格

    查看全部
  • <p>暗淡轻黄体性柔,<br/>情疏迹远只香留。<br/>何须浅碧深红色,<br/>自是花中第一流。</p>

    br/代表换行

    查看全部
  •  <aside>我是侧边栏</aside>

    具体实现效果还需要css设置,

    查看全部
  • <section>我代表一个需区域</section>

    表示专栏,<div>: 将内容分为块的时候用 ,或者是包裹任意内容的时候。语义化不是很明显(就是使用的界限不是很明显,很多场合都适用)<section>: 将块的内容分成节的时候用,通常 section 里面是包含 h 标题和内容结构的。而且<div> 和 <section>通常是嵌套使用

    查看全部
  • <footer>我代表底部</footer>

    footer表示网页最底部

    查看全部

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!