web发展史
web标准(重点)
- HTML 负责搭建骨架
- css 负责美化
- js 负责让页面动起来
标题标签的变迁
1.HTML 初始
- html 是指超文本标记语言
- html 不是编程语言,是标记语言
- 标记语言是一套标记标签
1.1HTML 骨架标签
骨架格式:
<html>
<head>
<title><title>
<head>
<body>
</body>
<html>
1.2 HTML 元素标签分类
标签:
在html页面中,带有<>符号的元素被称为html标签
分类:
1.常规元素(双标签)
html <标签名>内容</标签名>
- <标签名>表示标签的作用开始
- </标签名>表示标签的作用接受
2.空元素(单标签)
html <标签名/>
- 空元素用单标签表示
1.3 HTML 标签关系
1.嵌套关系
<head>
<title><title>
<head>
2.并列关系
<head></head>
<body></body>
2.HTML常用标签
1.1排版标签
1)标题标签h(熟记)
单词缩写:head 头部、标题 title 文档标题
HTML提供了6个等级的标题分别为和~h6
作为标题使用,依据重要性字体递减
语法格式:
<h1>标题文本</h1>
<h2>标题文本</h2>
<h3>标题文本</h3>
<h4>标题文本</h4>
<h5>标题文本</h5>
<h6>标题文本</h6>
2)段落标签p(熟记)
单词缩写:paragraph 段落
作用语义:
可以把HTML文档分割为若干段落
<p>文本内容</p>
3)水平线标签hr(认识)
语法格式:
<hr/> 是单标签
4)换行标签br(熟记)
在HTML中希望强制换行就需要使用换行标签
语法:
<br/>
5)div 和 span标签(重点)
div 是 division 的缩写 分割,分区的意思
span 跨度,跨距,范围
<div>这是头部</div> <span>今日价格</span>
- div标签用来布局,但是现在一行只能放一个div
- span标签 用来布局,一行可以放多个span