-
2-3 使用<span>标签自定义文字
2021-02-26 16:23:23这一小节讲解span标签，这个标签是没有语义的，它的作用就是为了设置单独的样式用的。 如果现在我们想把下面的第一段话美国梦三个字设置成blue（蓝色），所以这样情况下就可以用到span标签了。 如下面例子： p1922年的春天，一个想要成名名叫尼克卡拉威（托比马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的span美国梦/span，他搬入纽约附近一海湾居... -
2-2 <p>段落标签和使用
2021-02-26 15:55:43如果想在网页上显示文章，这时就需要p标签了，把文章的段落放到p标签中。 语法： p段落文本/p 注意一段文字一个p标签，如在一篇新闻文章中有3段文字，就要把这3个段落分别放到3个p标签中。如下图所示： 在浏览器中显示的效果： p标签的默认样式，可以在上图中看出来，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它，在后面课程中会学习到。 源代码： !DOCTYPE htmlhtmlhead meta charset="UTF-8" titlep标签/title/headbody/bod... -
2-1 语义化，让你的网页更好的被搜索引擎理解
2021-02-26 15:44:12在这一章节我们要开始把网页中常用到的标签一 一向大家介绍，学习这一章节的时候要记住学习html标签过程中，主要注意两个方面的学习：标签的用途、标签在浏览器中的默认样式。 标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中等等 讲了这么多语义化，但是语义化可以给我们带来什么样的好处呢？ 1. 更... -
1-7 html文件注释
2021-02-26 15:39:54什么是代码注释？代码注释的作用是帮助程序员标注代码的用途，过一段时间后再看你所编写的代码，就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。 语法： !--注释文字 -- 如：右边编辑器的代码的第 8、12 行都是，但是你会发现注释代码是不会在结果窗口中显示出来的。 源代码： !DOCTYPE HTMLhtml head meta http-equiv="Content-Type" content="text... -
1-6 认识body标签
2021-02-26 15:34:22在网页上要展示出来的页面内容一定要放在body标签中。如下图的例子： 在浏览器中的显示效果： 源代码： !DOCTYPE htmlhtmlhead meta charset="UTF-8" title了不起的盖茨比/title/headbody !-- 标题标签 -- h1了不起的盖茨比/h1 !-- 段落标签 -- p1922年的春天，一个想要成名名叫尼克卡拉威（托比马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了... -
1-5 认识head标签
2021-02-26 15:26:26这一章节我们来学head标签。我们先来看一下head标签长什么样 文档的头部描述了文档的各种属性和信息，包括文档的标题等，绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分： 1、head标签为双标签，有尾标签，head/head。 2、head标签表示头部标签,通常用来嵌套meta、title、style等标签。 3、title标签：在title和/title标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引... -
1-4 html5文档结构
2021-02-26 15:24:16html文档结构为下图： 技术点的解释： 1.!DOCTYPE html:文档类型声明，表示该文件为 HTML5文件。!DOCTYPE 声明必须是 HTML 文档的第一行，位于 html 标签之前 2. html/html标签对：html标签位于HTML文档的最前面，用来标识HTML文档的开始；/html标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。 3.head/head标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如t... -
1-3 html/css使用说明书 - 标签的语法
2021-01-16 14:52:471. 标签 由英文尖括号 和 括起来，如 html 就是一个标签。 2. html中的标签一般都是成对出现的，分 开始标签 和 结束标签 。结束标签比开始标签多了一个 / 。 如： （1） p/p （2） div/div （3） span/span 3. 标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：div里嵌套p，那么/p必须放在/div的前面。如下图所示。 4. HTML标签不区分大小写， h1 和 H1 是一样的，但建议小写，因为大部分程序员都以小写为准。 示例代码： !DOCTYPE h... -
1-2 html和css的关系
2021-01-16 14:41:14这一章节我们来学习html与css的关系。我们先来看一下单纯的html标签长什么样： 代码如下： p我是一个p标签/p 我们再来看一下经过css修饰过后html标签： 代码如下： p { color: red; border: 1px solid blue; width: 140px; height: 40px; } 技术点的解释： 1、css是用来修饰html样式的 2、html本身是有一些默认样式,如果我们想改变html标签的样式,就需要借助css 3、html+css构成了我们网页的基本页面结构和样... -
1-1 代码初体验，制作我的第一个网页
2021-01-16 14:39:44欢迎来到HTML+CSS课堂，加入高端大气上档次的web前端开发团队。我们在正式学习之前，先来热热身，问候下世界，做个人生中的第一个html网页吧。 !DOCTYPE htmlhtmlhead meta charset="UTF-8" title制作我的第一个网页/title/headbody/body/html...
扫码关注微信公众号获取播放密码
