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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
最热 最新
  • 慕工程7901258
    padding  填充顺序  上 ，右，下，左
    查看全部
    0 采集 收起 来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）

    2021-08-20

  • 慕工程7901258
    letter-spacing   字母间的距离
    word-spacing    单词间的距离
    查看全部
    0 采集 收起 来源：男女授受不亲 - 使用letter/word-spacing增加或减少字符间的空白

    2021-08-20

  • 慕工程7901258
    text-decoration  文本装饰
    none 标准
    underline 文本下的一条线
    overline文本上的一条线
    line-through 穿过文本的一条线
    查看全部
    0 采集 收起 来源：给文本装饰一下 - 使用text-decoration添加文本修饰

    2021-08-20

  • 慕工程7901258
    font-style
    normal 正常 （默认）
    italic 字体倾斜， 字体本身倾斜
    oblique  倾斜字体， 把字体强制倾斜
    查看全部
    0 采集 收起 来源：再加个样式 - 使用font-style设置字体样式

    2021-08-20

  • 慕工程7901258
    内联选择器>id选择器>类选择器>标签选择器>通配符选择器
    查看全部
    0 采集 收起 来源：别插队啊 - 选择器的优先级

    2021-08-20

  • qq_慕慕9063087

    1、给子元素设置flex属性,可以设置子元素相对于父元素的占比。

    查看全部
    0 采集 收起 来源：我想占大头 - 给子元素设置flex占比

    2021-08-19

  • 慕工程7901258
    section 区域
    查看全部
    0 采集 收起 来源：正文才是重点喔 - <section>定义区段

    2021-08-19

  • 慕工程7901258
    aside 侧边栏
    查看全部
    0 采集 收起 来源：再加个侧边菜单吧 - <aside>定义侧边栏区域

    2021-08-19

  • qq_慕慕9063087

    a{display:block;}
    如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。

    查看全部
    0 采集 收起 来源：我要独占一行 - 块级元素

    2021-08-19

  • qq_慕慕9063087

    1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。

    查看全部
    0 采集 收起 来源：偷个懒 - font样式的简写方式

    2021-08-19

  • DB_慕容5405802

    <!DOCTYPE HTML>

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

            <title>认识html文件基本结构</title>

        </head>

        <body>

            <h1>在本小节中，你将学会认识html文件基本结构</h1>

        </body>

    </html>

    查看全部
    0 采集 收起 来源：听说有新版本了? - html5文档结构

    2021-08-19

  • DB_慕容5405802

    <!DOCTYPE HTML>

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

            <title>标签的语法</title>

            <style type="text/css">

                h1{color:#930;}

                h2{font-size:40px;}

                p{text-align:center;}

            </style>

        </head>

        <body>

            <h1>在本教程中，你将学习如何使用 HTML 来创建站点</h1>

            <h2>123</h2>

            <p>当特殊的样式需要应用到个别元素时，就可以使用内联样式。</p> 

        </body>

    </html>

    查看全部
    0 采集 收起 来源：使用说明书 - 标签的语法

    2021-08-19

  • DB_慕容5405802

    <!DOCTYPE html>

    <html>

        <head>

            <meta charset="UTF-8">

            <title>Html和CSS的关系</title>

            <style type="text/css">

            h1{

        font-size:12px;

        color:#930;

        text-align:center;

            }

            </style>

        </head>

        <body>

            <h1>Hello World!</h1>

        </body>

    </html>

    查看全部
    0 采集 收起 来源：佛靠金装，人靠衣装 - html和css的关系

    2021-08-19

  • DB_慕容5405802

    <!DOCTYPE HTML>

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

            <title>制作我的第一个网页</title>

        </head>

        <body>

            <h1>hello world</h1>

        </body>

    </html>


    标签〈html〉〈/html〉 

    头部〈head〉〈/head〉

    主体〈body〉〈/body〉

    题目〈title〉〈/title〉

    变化〈meta〉〈/meta〉

    图片〈img〉〈/img〉

    标题〈hx〉〈/hx〉

    段落〈p〉〈/p〉

    斜体〈em〉〈/em〉

    加粗〈strong〉〈/strong〉

    回车〈br /〉

    空格&nbsp 

    定义〈span〉〈/span〉

    引用〈q〉〈/q〉

    大段引用〈blockquot〉〈/blockquot〉

    代码〈code〉〈/code〉

    大段代码〈pre〉〈/pre〉

    http-equiv="Content-Type"指示服务器向浏览器解释该文档类型，content="text/html; 是说文档作为HTML来解析.

    charset=utf-8"utf-8是编码格式

    国内常见的编码格式有两种，一种是utf-8，一种是gb2312，前端一般用的都是utf-8标题标签

    h1-h6 h1最大，h6最小，h7以后的以文本内容显示


    1、html常用标签学习：
    1.1、<em>和<strong>标签主要是用来做强调用的，其中<em>是让文字变成斜体，而<strong>把文字进行加粗显示。
    1.2、<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。
    1.3、<q>标签是做文本引用时候用的，需要引用的文本不需要加双引号，浏览器会自动为<q>标签加上引号。<blockquote>标签是对长文本进行引用，引用短文本比如一句话就用<q>标签。
    1.4、html是不识别回车和空格的，因此想要换行就要用<br/>标签，想要空格就要使用 &nbsp;标签。
    1.5、<hr/>标签用于在展示信息的时候显示更清晰整齐而添加的用于分割的横线。
    1.6、<address>标签用于在文本中表示地址，显示的效果是斜体字。
    1.7、<code>标签用于在文本中加入一行代码，如果要加入多行代码，则使用<pre>标签，被包围在<pre>中的文本通常会保留空格和换行符。同时，如果想要在网页中显示预显示格式都可以使用这个标签。
    1.8、无序标签<ul><li>的配套使用，每一个列表项前面都会自带一个圆点；有序标签<ol><li>配套使用，每一个列表项前面都会自动编号。
    1.9、<div>标签为网页划分独立的版块。


    2、创建表格的几个元素是：table,tbody,tr,th,td。
    2.1、整个表格以<table>开始，以</table>结束；
    2.2、如果表格中加入<tbody>就会等表格内容全部下载完毕之后才显示；
    2.3、<tr>代表表格的行，有几个就有几行；
    2.4、<td>代表单元格；
    2.5、<th>表格头部的单元格，即表格表头，其中的文本默认为粗体显示且居中；
    2.6、<table>中的元素在没有添加css样式之前，在网页中显示的是没有表格线的；
    2.7、<caption>为表格添加标题，summary为表格添加摘要，但是摘要只是为了增加可读性，不会在网页中显示出来。

    3、<img>标签，为网页插入图片。语法：<img src="目标地址" alt="图片无法显示时候的替换文本" title="鼠标滑过图片时显示的文本">图像可以是GIF，PNG，JPEG格式的图像文件。

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="zh-CN" />
    <meta name="author" content="Csdn" />
    <meta name="Copyright" content="Csdn" />
    <meta name="description" content="" />
    <meta content="" name="keywords" />
    第一行说明了他的文字编码
    第二行说明了他采用的语言
    第三行说明了他的作者
    第四行说明了他的版权
    第五行是对网站的简单描述
    第六行是说明了本网站的关键字
    后便两行主要是被百度这些搜索网站检索的时候用的
    http-equiv="Content-Type" 表示描述文档类型

    content="text/HTML;  文档类型，这里为html,如果JS就是text/javascript，

    charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8

    查看全部
    0 采集 收起 来源：代码初体验，制作我的第一个网页

    2021-08-19

  • DB_慕容5405802

    <!DOCTYPE HTML>

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

            <title>制作我的第一个网页</title>

        </head>

        <body>

            <h1>hello world</h1>

        </body>

    </html>


    标签〈html〉〈/html〉 

    头部〈head〉〈/head〉

    主体〈body〉〈/body〉

    题目〈title〉〈/title〉

    变化〈meta〉〈/meta〉

    图片〈img〉〈/img〉

    标题〈hx〉〈/hx〉

    段落〈p〉〈/p〉

    斜体〈em〉〈/em〉

    加粗〈strong〉〈/strong〉

    回车〈br /〉

    空格&nbsp 

    定义〈span〉〈/span〉

    引用〈q〉〈/q〉

    大段引用〈blockquot〉〈/blockquot〉

    代码〈code〉〈/code〉

    大段代码〈pre〉〈/pre〉

    http-equiv="Content-Type"指示服务器向浏览器解释该文档类型，content="text/html; 是说文档作为HTML来解析.

    charset=utf-8"utf-8是编码格式

    国内常见的编码格式有两种，一种是utf-8，一种是gb2312，前端一般用的都是utf-8标题标签

    h1-h6 h1最大，h6最小，h7以后的以文本内容显示


    1、html常用标签学习：
    1.1、<em>和<strong>标签主要是用来做强调用的，其中<em>是让文字变成斜体，而<strong>把文字进行加粗显示。
    1.2、<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。
    1.3、<q>标签是做文本引用时候用的，需要引用的文本不需要加双引号，浏览器会自动为<q>标签加上引号。<blockquote>标签是对长文本进行引用，引用短文本比如一句话就用<q>标签。
    1.4、html是不识别回车和空格的，因此想要换行就要用<br/>标签，想要空格就要使用 &nbsp;标签。
    1.5、<hr/>标签用于在展示信息的时候显示更清晰整齐而添加的用于分割的横线。
    1.6、<address>标签用于在文本中表示地址，显示的效果是斜体字。
    1.7、<code>标签用于在文本中加入一行代码，如果要加入多行代码，则使用<pre>标签，被包围在<pre>中的文本通常会保留空格和换行符。同时，如果想要在网页中显示预显示格式都可以使用这个标签。
    1.8、无序标签<ul><li>的配套使用，每一个列表项前面都会自带一个圆点；有序标签<ol><li>配套使用，每一个列表项前面都会自动编号。
    1.9、<div>标签为网页划分独立的版块。


    2、创建表格的几个元素是：table,tbody,tr,th,td。
    2.1、整个表格以<table>开始，以</table>结束；
    2.2、如果表格中加入<tbody>就会等表格内容全部下载完毕之后才显示；
    2.3、<tr>代表表格的行，有几个就有几行；
    2.4、<td>代表单元格；
    2.5、<th>表格头部的单元格，即表格表头，其中的文本默认为粗体显示且居中；
    2.6、<table>中的元素在没有添加css样式之前，在网页中显示的是没有表格线的；
    2.7、<caption>为表格添加标题，summary为表格添加摘要，但是摘要只是为了增加可读性，不会在网页中显示出来。

    3、<img>标签，为网页插入图片。语法：<img src="目标地址" alt="图片无法显示时候的替换文本" title="鼠标滑过图片时显示的文本">图像可以是GIF，PNG，JPEG格式的图像文件。

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="zh-CN" />
    <meta name="author" content="Csdn" />
    <meta name="Copyright" content="Csdn" />
    <meta name="description" content="" />
    <meta content="" name="keywords" />
    第一行说明了他的文字编码
    第二行说明了他采用的语言
    第三行说明了他的作者
    第四行说明了他的版权
    第五行是对网站的简单描述
    第六行是说明了本网站的关键字
    后便两行主要是被百度这些搜索网站检索的时候用的
    http-equiv="Content-Type" 表示描述文档类型

    content="text/HTML;  文档类型，这里为html,如果JS就是text/javascript，

    charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8

    查看全部
    0 采集 收起 来源：代码初体验，制作我的第一个网页

    2021-08-19

  • DB_慕容5405802

    <!DOCTYPE HTML>

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

            <title>制作我的第一个网页</title>

        </head>

        <body>

            <h1>hello world</h1>

        </body>

    </html>


    标签〈html〉〈/html〉 

    头部〈head〉〈/head〉

    主体〈body〉〈/body〉

    题目〈title〉〈/title〉

    变化〈meta〉〈/meta〉

    图片〈img〉〈/img〉

    标题〈hx〉〈/hx〉

    段落〈p〉〈/p〉

    斜体〈em〉〈/em〉

    加粗〈strong〉〈/strong〉

    回车〈br /〉

    空格&nbsp 

    定义〈span〉〈/span〉

    引用〈q〉〈/q〉

    大段引用〈blockquot〉〈/blockquot〉

    代码〈code〉〈/code〉

    大段代码〈pre〉〈/pre〉

    http-equiv="Content-Type"指示服务器向浏览器解释该文档类型，content="text/html; 是说文档作为HTML来解析.

    charset=utf-8"utf-8是编码格式

    国内常见的编码格式有两种，一种是utf-8，一种是gb2312，前端一般用的都是utf-8标题标签

    h1-h6 h1最大，h6最小，h7以后的以文本内容显示


    1、html常用标签学习：
    1.1、<em>和<strong>标签主要是用来做强调用的，其中<em>是让文字变成斜体，而<strong>把文字进行加粗显示。
    1.2、<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。
    1.3、<q>标签是做文本引用时候用的，需要引用的文本不需要加双引号，浏览器会自动为<q>标签加上引号。<blockquote>标签是对长文本进行引用，引用短文本比如一句话就用<q>标签。
    1.4、html是不识别回车和空格的，因此想要换行就要用<br/>标签，想要空格就要使用 &nbsp;标签。
    1.5、<hr/>标签用于在展示信息的时候显示更清晰整齐而添加的用于分割的横线。
    1.6、<address>标签用于在文本中表示地址，显示的效果是斜体字。
    1.7、<code>标签用于在文本中加入一行代码，如果要加入多行代码，则使用<pre>标签，被包围在<pre>中的文本通常会保留空格和换行符。同时，如果想要在网页中显示预显示格式都可以使用这个标签。
    1.8、无序标签<ul><li>的配套使用，每一个列表项前面都会自带一个圆点；有序标签<ol><li>配套使用，每一个列表项前面都会自动编号。
    1.9、<div>标签为网页划分独立的版块。


    2、创建表格的几个元素是：table,tbody,tr,th,td。
    2.1、整个表格以<table>开始，以</table>结束；
    2.2、如果表格中加入<tbody>就会等表格内容全部下载完毕之后才显示；
    2.3、<tr>代表表格的行，有几个就有几行；
    2.4、<td>代表单元格；
    2.5、<th>表格头部的单元格，即表格表头，其中的文本默认为粗体显示且居中；
    2.6、<table>中的元素在没有添加css样式之前，在网页中显示的是没有表格线的；
    2.7、<caption>为表格添加标题，summary为表格添加摘要，但是摘要只是为了增加可读性，不会在网页中显示出来。

    3、<img>标签，为网页插入图片。语法：<img src="目标地址" alt="图片无法显示时候的替换文本" title="鼠标滑过图片时显示的文本">图像可以是GIF，PNG，JPEG格式的图像文件。

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="zh-CN" />
    <meta name="author" content="Csdn" />
    <meta name="Copyright" content="Csdn" />
    <meta name="description" content="" />
    <meta content="" name="keywords" />
    第一行说明了他的文字编码
    第二行说明了他采用的语言
    第三行说明了他的作者
    第四行说明了他的版权
    第五行是对网站的简单描述
    第六行是说明了本网站的关键字
    后便两行主要是被百度这些搜索网站检索的时候用的
    http-equiv="Content-Type" 表示描述文档类型

    content="text/HTML;  文档类型，这里为html,如果JS就是text/javascript，

    charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8

    查看全部
    0 采集 收起 来源：代码初体验，制作我的第一个网页

    2021-08-19

  • weixin_慕圣8384913

    在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用<img>标签来插入图片。

    语法：

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

    举例：

    <img src = "myimage.gif" alt = "My Image" title = "My Image" />

    讲解：

    1、src：标识图像的位置；

    2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；

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

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

    查看全部
    0 采集 收起 来源：不发一张自拍么? - 使用<img>标签为网页添加图片

    2021-08-19

  • MrSandman4317335

    上面代码解释：

    创建表格的四个元素：table、tr、th、td

    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属性之前, 在浏览器中显示是没有表格线的。

    查看全部
    0 采集 收起 来源：听说你要制定学习计划了-使用table家庭为网页添加表格

    2021-08-18

首页上一页202203204205206207208下一页尾页

举报

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

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

查看已购买的课程