认识HTML|青训营笔记

阿巴拉
78 阅读2分钟

这是我参与「第五届青训营」伴学笔记创作活动的第 2 天。今天我们开始谈谈HTML的一些基础知识，请大家多多指教！

【HTML简介】

HTML（Hyper Text Makeup、Language）是一种“超文本标记语言”，于1990年由Web的发明者Tim Berners-Lee和同事 Daniel W. Connolly共同创立，至今已发展了6个版本。其主要作用是通过HTML标签来描述网页的文本、图片、声音、超链接等内容。HTML网页实质是扩展名为“.html”或“.htm”的文件，可用记事本对HTML代码进行编写和修改最终生成一个HTML网页。

【HTML内部结构】

<!DOCTYPE html PUBLIC >"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>htmlDemo01</title>
</head>
<body>
</body>
</html>

如以上代码所示，带有“<>”符号的元素被称为HTML标签，如<html>、<head>、<body>都是HTML标签。标签存放在“<>”中，代表某个功能的编码命令，也称为HTML标签或HTML元素。下面分别介绍<!DOCTYPE>声明、<html>标签、<head>标签和<body>标签：

<!DOCTYPE>声明

  • <!DOCTYPE>声明必须位于HTML文档的第一行，且在<html>标签之前
  • <!DOCTYPE>声明不是HTML标签，而是一条指令，用于向浏览器说明当前文件使用的是哪种HTML规范，如小编编写的代码使用的是HTML4.01版本
  • <!DOCTYPE>声明为所有的HTML文档指定HTML版本和类型，浏览器将该网页视作有效HTML文档，并按照指定的文档类型进行解析
  • <!DOCTYPE>声明与浏览器的兼容性有关，<!DOCTYPE>声明被删除后，页面的显示效果由浏览器决定

<html>标签

  • <html>标签被称为根标签，位于<!DOCTYPE>声明之后
  • <html>标签的作用：告知浏览器该文档是一个HTML文档
  • <html>标志HTML文档的开始，</html>标志HTML文档的结束，它们之间是文档的头部和主题内容

<head>标签

  • <head>标签被称为头部标签，紧跟在<html>之后
  • <head>标签的作用：用于定义HTML文档的头部信息和封装其他位于文档头部的标签，如<title>、<style>等标签

<body>标签

  • <body>标签被称为主体标签，浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标签内，否则无法展示给用户
  • <body>标签的作用：用于定义HTML文档所要显示的内容

【小结】

今天了解了HTML的一些发展历程和其功能，也初步学习了HTML的内部结构，对<!DOCTYPE>声明、<html>标签、<head>标签和<body>标签有了进一步的了解。

avatar
文章
阅读
粉丝