HTML
HTML简介
- 网页的基本组成
html文件由标签组成
HTML:超文本标记语言- 加入图片,声音等超越文本限制的内容
- 超链接文本
- web标准
W3C(万维网联盟)- web标准由结构,表现,行为组成
- 结构:用于对网页元素进行整理和分类,现阶段主要学习HTML
- 表现:用于设置网页元素的板式,颜色,大小等外观样式。主要指CSS
- 行为:指网页模型的定义及交互的编写,主要学习JavaScript
- web标准提出的最佳体验方案:结构,样式,行为相分离:写到各自的文件中。
- web标准由结构,表现,行为组成
HTML标签
HTML语法规范
- 标签语法
<html> </html>
双标签(大多数)
<br />
单标签(少数) - 标签关系
包含关系
<head>
<title> </title>
</head>
并列关系
<head> </head>
<body> </body>
HTML基本结构标签
每个网页都会有一个基本的结构标签(骨架标签),页面内容也是在这些基本标签上书写。
<html> </html>
,HTML标签,页面中最大的标签(根标签)<head> </head>
,文档的头部,必须标签为title<title> </title>
文档的标题,页面的名称<body> </body>
文档的主体,包含文档的所有内容,页面内容在此显示
<html>
<head>
<title> </title>
</head>
<body>
XXX
</body>
<html>
网页开发工具
Vscode,安装插件
Vscode自动生成多余标签
<!DOCTYPE html>
文档类型声明标签,告诉浏览器HTML的版本,此例子是HTML5标准
<html lang="zh-CN">
当前网页语言
<meta charset = "UTF-8"/>
字符集采用UTF-8
HTML常用标签
语义标签
-
标题标签
<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
标题标签由h1-h6重要性递减
标题标签独占一行 -
段落标签
<p> </p>
段落与段落之间有空行 -
换行标签(单标签)
<br />
强制换行 -
文本格式化标签
<strong> </strong>
或<b> </b>
<em> </em