第1章-Web网站初体验

带着问题去看书学习，不失为一种好的方式。

HTML5＋CSS3＋JavaScript Web 前端开发案例教程（慕课版），微信读书中找到的学习Web前端书籍，好啦，我要带着课后习题，开始学习前端开发了，耶(＾－＾)V

习题

1-1 网页制作的核心技术有哪些？

HTML5（纯文本类型的语言）、CSS3（层叠样式表）和JavaScript（网页设计的一种脚本语言）

1-2 概述HTML5文件的基本结构。

一个HTML5文件由一些元素和标签组成。元素是HTML5文件的重要组成部分，例如title（文件标题）、img（图片）及table（表格）等。元素名不区分大小写，HTML5用标签来规定元素的属性和它在文件中的位置。

1-3 创建一个HTML文档的开始标签是什么？结束标签是什么？

文件的全部内容

1-4 元素的分类有哪些？请分别具体说明。

• 块状元素

本身的属性为display:block的元素。不是块状的元素，通过设置display:block，可以将该元素变成块状元素。

1、在默认情况下，每个块状元素从新的一行开始，其后面的元素另起一行；

2、在默认情况下，块状元素是自上而下垂直排列，且每个块状元素独占一行；

3、块状元素一般都作为其他元素的容器，可以容纳内联元素和其他块状元素。

4、块状元素的高度，行高及其外边距和内边距都可以通过CSS属性来控制和调整！

5、在不设置宽度的情况下，块级元素的宽度则和它的父级元素的宽度一致。

6、在不设置高度的情况下，块级元素的高度则和它的父级元素的高度一致。

❝

块状元素❞

• 内联元素

指本身属性为display:inline的元素，其宽度随元素的内容而变化。不是内联元素，通过设置display:inline，可以将该元素变成内联元素。

1、内联元素不会独占一行，多个相邻的内联元素会排列在同一行中，顺序是从左到右排列，直到排列不下，才会另起新的一行；

2、内联元素设置高度height是无效的，宽度由其自身内容决定的，但高度可以通过行高line-height来进行调整；

3、内联元素设置宽度width是无效的，其宽度是由元素内容本身的大小决定的，比如文字、图片等；

4、内联元素设置外边距margin，只有左外边距margin-left和右外边距margin-right是有效的，而上下是无效的；

5、内联元素设置内边距padding，只有左内边距padding-left和右外边距padding-right是有效的，而上下是无效的；

6、内联元素只能容纳文本或者其他内联元素，请不要在内联元素中嵌套块状元素。

❝

内联函数❞

• 块状内联元素

内联块状元素（inline-block）就是既能设置宽高，又能独占一行显示，这样，同时具备了内联元素和块状元素的特点，设置display:inline-block，就是将元素转换成为内联块状元素类型。

1、内联块状元素和其他相邻元素同在一行， 但它们之间存在间隙，间隙大小为字体大小；

2、内联块状元素的高度、宽度、行高以及顶和底边距都可设置。

常见内联块状元素：

button，textarea，input、select、img是内联块状元素(inline-block)

1-5 说明网页中注释的意义以及添加注释的方式。

适当的注释可以帮助用户更好地了解页面中各个模块的划分情况，也有助于以后对代码的检查和修改。给代码加注释，是一种很好的编程习惯。

• 在文件开始标签中的注释：

<!--注释的文字-->

• 在CSS中的注释：

/*注释的文字*/

• 在JavaScript脚本语言中的注释

单行注释:      //注释的文字

多行注释:      /*注释的文字*/

其他笔记

• 「查看网页源代码：单击鼠标右键，点击查看源代码」

❝

❞

• 「下载 WebStorm」

❝https://www.jetbrains.com/webstorm/ ❞

?关注我呀~❤️