HTML小结(1)

最新推荐文章于 2023-05-20 18:32:54 发布

原创最新推荐文章于 2023-05-20 18:32:54 发布 · 532 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #浏览器 #javascript #语言 #文档 #脚本

工程实例专栏收录该内容

19 篇文章

订阅专栏

本文概述了HTML超文本标记语言的基本结构和关键标签，包括文档结构、样式定义、脚本引入等，并通过实践应用展示了HTML的强大功能，强调了标签在网页构建中的重要性。

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

HTML小结

作者：李东龙

HTML（Hyper Text Markup Language）超文本标记语言。

超文本包括文字、图片、影视、链接……
标记语言是指浏览器根据标记显示内容
来自于SGML（Standard Generalized Markup Language）标准通用标记语言， 是现时常用的超文本格式的最高层次标准。
专注于web上传递信息
是写给浏览器的语言

上面是一些概念，要想对这些概念性的东西理解必须加上一些实践性的“项目”。从这几天的Servlet的学习当中才知道HTML不光光可以直接写出来显示，而且可以进行传递。

Tomcat讲生成的Text/HTML返回给浏览器，浏览器对这些文本进行解析然后就可以显示出来了！挺神奇的吗，我感觉这个HTML中用到的这些标记、标签就像是我们学习其他语言中写的关键字了、符号了等等这些东西！

像什么vb了、c#、C++、Java等等语言都定义了不少的关键字也称为保留字，第一、这些关键字不允许顺便使用的。第二、这些关键词和特定的符号是编译中用来识别的标记。

在浏览器中那些定义好的标签有很多在牛腩中用到了很多，但是当时对那些标签都不明白什么意思，具体怎么用一定感觉都没有，但是最熟悉的应该就是<div>了吧！其他的标签还真不太会使，甚至是在做FSh系统的时候大多也都是用<div>来实现的。

知道看完DRP中对这些HTML中讲解之后才对部分标签有了新的认识，在这之前还看过一个HTML速成的视频，不过好像没有留下太多的印象。

这些标签大多都是英文单词或者是英文缩写，下面对这些HTML标签小结结一下：

1、HTML文档结构

HTML文档基本结构如上图所示，这只是个比较规范的结构。可以自行定义，改变其显示结构。

“<head></head>”标签当中主要放置标题以及一些样式标签等。大概有一下标签：

1）“<title></title>”此标签可以修改浏览器窗口标题。
2）“<meta></meta>”可以设置一些头信息。（请参见http://www.w3school.com.cn/tags/tag_meta.asp ）

3）“<style></style>” 标签用于为 HTML 文档定义样式信息，具体实现方式如下：

当然CSS样式还可以不这样写在HTML文档中，把样式单独写在一个文件当中，那个页面的样式需要用此CSS文件来控制，就把此文件引入到那个页面中去。实现如下图所示：

4）“<script></script>”标签用于定义客户端脚本（script 脚本），比如JavaScript。

实现方式也同样有两种方式，同样的执行效果。”<script></script>”可以放在“<html></html>”内的任意位置，不过最好还是放在“<head>”标签当中。