动态网站设计_动态网站设计流程-优快云博客

本文链接：https://blog.youkuaiyun.com/lovepanyuxiao/article/details/131214015

本节学习目标包括熟悉HTML标签、掌握CSS样式引用和选择器属性、理解DOM与BOM、学会JavaScript使用以及Bootstrap框架的应用。HTML是超文本标记语言，用于描述网页内容，DOCTYPE声明定义HTML版本，<html>标签作为根标签标识文档开始。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

零、本节学习目标

熟悉HTML标签的使用

掌握CSS样式的引用方式

掌握CSS选择器的常用属性

熟悉DOM与BOM的相关知识

掌握JavaScript的使用

熟悉Bootstrap框架的下载与使用

掌握BootStrap框架的常用组件

在学习Java Web开发之前，读者首先需要了解一些网页开发的基础知识。说到网页，其实大家并不陌生，我们上网查询信息时就是在浏览网页。网页可以看作是承载各种网站应用和信息的容器，网站的所有可视化内容都会通过网页展示给用户。本讲将围绕HTML技术、CSS技术以及JavaScript技术对网页开发基础知识进行讲解。

一、HTML基础
（一）HTML简介
1、HTML
HTML是英文Hyper Text Markup Language的缩写，中文译为“超文本标记语言”。HTML主要作用是通过HTML标签对网页中的文本、图片、声音等内容进行描述。HTML网页就是一个后缀名为“.html”或“.htm”的文件，它可以用记事本打开，因此简单的html代码可以在记事本中编写。编写完成后，将文件后缀名修改为“.html”或“.htm”即可生成一个HTML网页。
2、HTML语言的基本格式

3、<!DOCTYPE>声明
<!DOCTYPE>声明必须是 HTML 文档的第一行，位于标签之前。<!DOCTYPE>声明不是 HTML 标签，是一条指令，它用于向浏览器说明当前文档使用哪种HTML标准规范，网页在开头处使用<!DOCTYPE>声明为所有的HTML文档指定HTML版本和类型，这样浏览器将该网页作为有效的HTML文档，并按指定的文档类型进行解析。<!DOCTYPE>声明和浏览器的兼容性相关，<!DOCTYPE>声明被删除后，如何展示HTML页面的权利就交给了浏览器，即页面的显示效果由浏览器决定。

4、html标签
<html>标签位于<!DOCTYPE>声明之后，被称为根标签。根标签主要用于告知浏览器该文档是一个HTML文档。其中，<html>标签标志着HTML文档的开始，</html>