第1章-Web网站初体验

2021-08-20 17:02:09 浏览数 (1)

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

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 说明网页中注释的意义以及添加注释的方式。

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

  • 在文件开始标签中的注释:
代码语言:javascript复制
<!--注释的文字-->
  • 在CSS中的注释:
代码语言:javascript复制
/*注释的文字*/
  • 在JavaScript脚本语言中的注释
代码语言:javascript复制
单行注释:      //注释的文字
代码语言:javascript复制
多行注释:      /*注释的文字*/

其他笔记

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

  • 「下载 WebStorm」

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

?关注我呀~❤️

0 人点赞