第1章-Web网站初体验

这是我参与8月更文挑战的第1天，活动详情查看：8月更文挑战

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

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，能够将该元素变成块状元素。

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

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

三、块状元素通常都做为其余元素的容器，能够容纳内联元素和其余块状元素。

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

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

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

• 内联元素

指自己属性为display:inline的元素，其宽度随元素的内容而变化。不是内联元素，经过设置display:inline，能够将该元素变成内联元素。

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

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

三、内联元素设置宽度width是无效的，其宽度是由元素内容自己的大小决定的，好比文字、图片等；

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

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

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

• 块状内联元素

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

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

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

常见内联块状元素：

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

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

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

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

<!--注释的文字-->
复制代码

• 在CSS中的注释：

/*注释的文字*/
复制代码

• 在JavaScript脚本语言中的注释

单行注释:      //注释的文字
复制代码

多行注释:      /*注释的文字*/
复制代码

其余笔记

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

• 下载 WebStorm

www.jetbrains.com/webstorm/