慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

oopop

引用文本比较长，所以使用<blockquote> 区别与<q>没有引号“”，多了前后缩进样式。

查看全部

0 采集收起
2018-03-22
宇坤

在新建浏览器窗口中打开链接: <a href="目标网址" target="_blank">click here!</a>

查看全部

0 采集收起
2018-03-22
巧克力_0003

了解<hx>标签，为你的网页添加标题文章的段落用<p>标签，那么文章的标题用什么标签呢？在本节我们将使用<hx>标签来制作文章的标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。语法： <hx>标题文本</hx> (x为1-6) 文章的标题前面已经说过了，可以使用标题标签，另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站。注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如：<h1>腾讯网</h1> h1-h6标签的默

查看全部

0 采集收起
2018-03-22
oopop

q标签，短文本引用 1.不是作者自己的文字，所以需要使用<q></q>实现引用。 2.注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号

查看全部

0 采集收起
2018-03-22
巧克力_0003

开始学习<p>标签，添加段落如果想在网页上显示文章，这时就需要<p>标签了，把文章的段落放到<p>标签中。语法： <p>段落文本</p> 注意一段文字一个<p>标签，如在一篇新闻文章中有3段文字，就要把这3个段落分别放到3个<p>标签中。如下图所示。在浏览器中显示的效果： <p>标签的默认样式，可以在上图中看出来，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。

查看全部

0 采集收起
2018-03-22
oopop

，我们对<em>、<strong>、<span>这三个标签进行一下总结： 1. <em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调。 2. <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。

查看全部

0 采集收起
2018-03-22
巧克力_0003

<body>标签，网页上显示的内容放在这里还记得body标签吗，在上一章节我们简单介绍过：在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。在浏览器中的显示效果：

查看全部

0 采集收起
2018-03-22
oopop

语气区别:<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。

查看全部

0 采集收起
2018-03-22
巧克力_0003

语义化，让你的网页更好的被搜索引擎理解在这一章节我们要开始把网页中常用到的标签一一向大家介绍，学习这一章节的时候要记住学习html标签过程中，主要注意两个方面的学习：标签的用途、标签在浏览器中的默认样式。标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下我可以使用这个标签才合理）比如，网页上的文章的标题就得用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用em标签表示强调等等。讲了这么多语义化，但是语义化可以给我们带来什么样的好处呢

查看全部

0 采集收起
2014-10-23
oopop

h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。 h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如：<h1>腾讯网</h1>

查看全部

0 采集收起
2018-03-22
oopop

如果想在网页上显示文章，这时就需要<p>标签了，把文章的段落放到<p>标签中。注意：每一段文字都需要一组<P>标签。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> p标签</title> </head> <body> <p>我的第一个段落。</p> <p>我的第二个段落。</p> </body> </html>

查看全部

0 采集收起
2018-03-22
oopop

网页上显示的内容放在<body>标签

查看全部

0 采集收起
2018-03-22
巧克力_0003

认识head标签做得好，下面我们来了解一下<head>标签的作用。文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下面这些标签可用在 head 部分： <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> <title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2018-03-22
巧克力_0003

认识head标签做得好，下面我们来了解一下<head>标签的作用。文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下面这些标签可用在 head 部分： <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> <title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2018-03-22
oopop

 1.代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。 2.注释代码是不会在结果窗口中显示出来的。

查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2018-03-22

首页上一页 27973 27974 27975 27976 27977 27978 27979 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。