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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  •         font-size: 20px;                     /*设置文字字号*/

            color: red;                             /*设置文字颜色*/

            font-weight: bold;                 /*设置字体加粗*/

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

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

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

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

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

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

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

     

    查看全部
  • div 具体有什么作用

    查看全部
  • <!DOCTYPE html>
    <html>

    <head>
        <meta charset="UTF-8">
        <title>使用thead、tbody、tfoot标签</title>
    </head>

    <body>
        <h3>成绩表</h3>
        <hr>
     <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>  
    </body>

    </html>

    查看全部
  • <!DOCTYPE html>
    <html>

    <head>
        <meta charset="UTF-8">
        <title>学习表格标签</title>
    </head>

    <body>
        <h3>前端三剑客</h3>
        <hr>
        <table border="1">
            <caption>前端三剑客</caption>
        <tr>
            <th>知识点</th>
            <th>重要程度</th>
            <th>难度</th>
            <th>学习周期</th>
        </tr>
        <tr>
            <td>html</td>
            <td>5</td>
            <td>3</td>
            <td>7</td>
        </tr>
        </table>
    </body>

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

    查看全部
  • 常用的块状元素有:

    <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

    常用的内联元素有:

    <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

    常用的内联块状元素有:

    <img>、<input>

    查看全部
  • 技术点的解释:

    1、text-decoration可以设置添加到文本的修饰。

    2、text-decoration默认值为none, 定义标准的文本。

    3、text-decoration的值为underline为定义文本下的一条线。

    4、text-decoration的值为overline为定义文本上的一条线。

    5、text-decoration的值为line-through为定义穿过文本下的一条线,一般用于商品折扣价。

    查看全部
  • 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码:

    p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/#footer .note p{color:yellow;} /*权值为100+10+1=111*/

    查看全部
  • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

    查看全部
  • <ul>
     <li>信息</li>
     <li>信息</li>
      ......
    </ul>

    查看全部
  • <hx>标题文本</hx> (x为1-6)

    查看全部
  • 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。

    <style type="text/css">
    span{
    color:red;
    }
    </style>
    嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。

    查看全部

举报

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

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