慕课网

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

初识HTML(5)+CSS(3)

最热最新

大力的咸鱼男友

技术点的解释：
1. <!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前
2. <html></html>标签对：<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</html>标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。
3.<head></head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如<title></title>，<link /><meta />，<style></style>，<script></script>等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。
4.<body></body>标签对：它是HTML文档的主体部分，在此标签中可以包含<p><h1><br>等众多标签，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2020-12-01
大力的咸鱼男友

align :对齐方式

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2020-12-01
weixin_慕运维9562737
百度一下,你就知道 - 使用<a>标签为网页添加超链接
使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。
语法：
```
<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>
```
例如：
```
<a  href="http://www.imooc.com"  title="点击进入慕课网">click here!</a>
```
上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。
title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好），如右侧案例代码（11-13行）。
注意：还有一个有趣的现象不知道小伙伴们发现了没有，只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没有关系后面我们学习了css样子就可以设置过来（a{color:#000}),后面会详细讲解。
查看全部

0 采集收起来源：百度一下,你就知道 - 使用<a>标签为网页添加超链接
2020-12-01
weixin_慕运维9562737

在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用<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>标签为网页添加图片
2020-12-01
shea_mong

子元素选择器和后代选择器的区别
子元素选择器是通过“>”进行选择，作用于元素的第一代后代。
后代选择器是通过空格来进行选择，作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2020-12-01
weixin_慕运维9562737

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

注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如：<h1>腾讯网</h1>
h1-h6标签的默认样式：
标签代码：
在浏览器中显示的样式：
从上面的图片可以看出标题标签的样式都会加粗，h1标签字号最大，h2标签字号相对h1要小，以此类推h6标签的字号最小。

查看全部

0 采集收起来源：做个标题党 - 使用<hx>标签为网页增加标题
2020-12-01
shea_mong

子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2020-12-01
shea_mong

id选择器和类选择器的区别：
id选择器只能在文档中使用一次，这是因为id值必须是唯一的。而类选择器可以选中多个标签，没个标签的class属性可以设置多个属性值，用空格分开。

查看全部

0 采集收起来源：类和ID选择器的区别
2020-12-01
shea_mong

id选择器：必须给标签添加id属性，为标签设置id="ID名称"，其格式是
#id属性值{}

查看全部

0 采集收起来源：取个唯一标识 - ID选择器
2020-12-01
weixin_慕运维9562737

在网页上要展示出来的页面内容一定要放在body标签中。

查看全部

0 采集收起来源：你就是馋人家的身子 - 认识body标签
2020-12-01
shea_mong

类选择器：为标签添加属性class，其格式为
.class属性值{}

查看全部

0 采集收起来源：再选一个类 - 类选择器
2020-12-01
weixin_慕运维9562737
文档的头部描述了文档的各种属性和信息，包括文档的标题等，绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：
1、head标签为双标签，有尾标签，<head></head>。
2、head标签表示头部标签,通常用来嵌套meta、title、style等标签。
3、<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。
4、<meta charset="UTF-8">设置当前文件字符编码
5、style标签：双标签中设置当前文件样式
例如title标签：
```
<head>
    <title>hello world</title>
</head>
```
<title>标签的内容“hello world”会在浏览器中的标题栏上显示出来，如下图所示：
查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2020-12-01
shea_mong

标签选择器：就是html代码中的标签后面加个大括号

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2020-12-01
weixin_慕运维9562737

1. <!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前
2. <html></html>标签对：<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</html>标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。
3.<head></head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如<title></title>，<link /><meta />，<style></style>，<script></script>等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。
4.<body></body>标签对：它是HTML文档的主体部分，在此标签中可以包含<p><h1><br>等众多标签，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2020-12-01
LeLe呀

HTML标签不区分大小写，但建议小写，因为大部分程序员都以小写为准。

查看全部

0 采集收起来源：使用说明书 - 标签的语法
2020-12-01