HTML部分内容

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
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值