简要说明html的工作原理,Web工作原理和HTML基础知识.PPT

本文详细介绍了HTML中的各种元素及其属性,包括元信息标签META的作用及用法、body元素的使用、文本处理相关的元素如段落、标题等,并展示了如何使用div和span进行布局。

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

META的属性 META的属性 作用 name属性 指定特性名 content属性 指定特性的值 http-equiv属性 使得HTTP服务器根据http- equiv属性的值获取http响应信息头,以便可以让浏览器按某种指定的方式显示页面 META的作用举例 给网页添加说明(比如网页的作者,关键字等) 让网页可以按关键字被搜索到 增加关键字可以提高网页被浏览的机会 定期刷新网页 比如在聊天室应用中,需要随时刷新用户的发言 文档主体元素

body元素代表网页要显示给读者的内容,几乎所有要显示的内容都被包括在……里面 语法: 开始标记: 可选 内容: 可以包含除了html、head外所有元素 结束标记: 可选 网页中的文本 网页中的信息主要是通过文本传递的,所以文本是Web信息的基本构成。与文本编辑有关的元素,包括:

段落标记
换行标记

、 区块标记 水平线标记 强调标记
文本标题标记
列表标记 定义列表标记

段落元素的语法 开始标记:

必需 内容: 嵌套其它块元素 内联元素 文本 结束标记:

可选 段落元素的属性 属性 作用 id,class 和样式表结合使用,给文档中的某一段落赋以唯一的标识 title 元素的标题,它的作用是设定当鼠标停留在该元素上时,出现的高亮提示文字 style 直接指定该元素的样式 align 对齐属性。建议不使用,因为该属性应该在样式表中给出 段落元素应用举例

段落文本居中

段落文本居右

段落文本居左


换行符元素
在网页中回车 开始标记:
必需 内容: 无 结束标记:禁用 使用

的不同效果

段落一

段落二
这里有一个换行符

段落三

div块元素分组
的作用 为块元素提供分组的方法 常被用于和样式表配合使用
还被用来作为层用于页面布局 块元素分组语法 开始标记:
必需 内容: 嵌套其他块元素 内联元素 文本 结束标记:
必需 主要属性 id、class、align、style 内联元素分组 元素的作用 span提供了一种对内联元素分组的方法 span 常用来和样式表配合 往往被用来设置同一行文字内的不同格式 内联元素语法 开始标记: 必需 内容: 嵌套其他块元素 内联元素 文本 结束标记: 必需 主要属性 Id、class、align、style div、span应用举例

好雨 知时节

当春乃发生 随风潜入夜 润物细无声
水平线元素 的作用 该元素可以在文档中划一条水平线,当文档比较大时常用来分割文档 主要属性 width 宽度 size 高度 noshade 该行不带阴影 color 线条颜色 语法 开始标记: 必需 内容: 无 结束标记:禁用 水平线元素应用举例 加强元素和强调元素 Strong 和em 默认效果:给字体加粗和斜体显示 开始标记:必需 内容: 内联元素 文本 结束标记:必需 主要属性 Id、class、align、title、style、lang等 文本标题元素
标题1-标题6 这六个元素的作用是让文字以醒目的方式显示,往往用于文章的标题

标题1

标题2

标题3

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值