侯体宗的博客
  • 首页
  • Hyperf版
  • beego仿版
  • 人生(杂谈)
  • 技术
  • 关于我
  • 更多分类
    • 文件下载
    • 文字修仙
    • 群聊
    • 九宫格抽奖
    • 拼图
    • 消消乐
    • 相册

html body标签详解与html常用的控制标记

前端  /  管理员 发布于 3年前   219

一、<body>标签:

用于标记网页的主体,body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

1.body标签中可用的属性:
bgcolor="颜色值":设置整个网页的背景颜色
text="颜色值":设置文字的颜色色
link="颜色值":设置一般超链接文本的显示颜色
vlink="颜色值":设置访问过的超链接文本显示的颜色
alink="颜色值":设置鼠标移动到超链接上按下鼠标的时候,超链接文本的显示颜色
bgcolor="颜色值":设置网页的背景颜色
background:设置网页的背景图片,可以是GIF或者JPEG格式的图片(会覆盖网页的背景颜色(如果图片是透明的就可以看到背景颜色)因为背景属性有一个层次关系,最好不要设置背景图片)

2、 网页里内容与浏览器边距属性:默认情况下网页内容与浏览器边框之间是有边距的

leftmargin="像素值":设置网页中的内容与浏览器左边界的距离
rightmargin="像素值":设置网页中的内容与浏览器右边界的距离
topmargin="像素值":设置网页中的内容与浏览器上边界的距离
bottommargin="像素值":设置网页中的内容与浏览器下边界的距离

二、HTML常用的控制标记:

1、<br />:换行标签(换行不换段)

2、<p>..</p>:段落标签(一段占一行,是一个块级元素)
属性:align left(默认) right center

3、<hr />:添加一条水平直线

属性:
width:
像素 绝对设置,长度不会随视窗的改变而改变
百分比 相对设置 长度会随着视窗的宽度而改变
szie:
像素 绝对设置 以数字表示,值越大,线越粗
百分比 相对设置 以%表示,值越大,线越粗
color:设置颜色
noshade="noshade"给水平线设置3D显示效果

4、<hx>..</hx>:HTML标题,是通过 <h1> - <h6> 等标签进行定义的,<h1> 定义最大的标题。<h6> 定义最小的标题(超过h6之后不起任何作用,还有一些隐藏的属性:自动换段,字体加粗)。

属性:align(对齐方式):left左right右center居中

5、<b>..</b>:将文本加粗

6、<blockquote>...</blockquote>: 文本引用 即如果有段文本是引自其他网站的就将该段文字用该标签包含起来并加上属性cite="引用的地址"(被包含的文本两边会缩进)

属性:cite=url(被引用的地址)

7、<pre>..</pre>:定义预格式化的文本 被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体

8、<i>..</i>:倾 斜

9、<strong>..</strong>:加强语句(加粗)
10、<em>..</em>:加强语句(倾斜)
11、<address>..</address> :地址 会自动倾斜

12、<small>...</small>:小字

13、<big>...</big>:大字

14、<del>..</del>:删除 会加删除线

15、<ins>..</ins>:修改 会加下划线

16、<u>..</u>:下划线
17、<s>..</s>:删除线
18、<tt>...</tt>: 电报字体

19、<sup>..</sup>:上标
20、<sub>..</sub>:下标

21、常用的特殊字符格式:其他参阅手册实体

复制代码代码如下:
空格:&nbsp;
版权号:&copy;
注册商标:&reg;
":quot;
&:&amp;
<:&lt;
>:&gt;


  • 上一条:
    HTML blockquote 标签使用与美化
    下一条:
    HTML cellpadding与cellspacing属性图文详解
  • 昵称:

    邮箱:

    0条评论 (评论内容有缓存机制,请悉知!)
    最新最热
    • 分类目录
    • 人生(杂谈)
    • 技术
    • linux
    • Java
    • php
    • 框架(架构)
    • 前端
    • ThinkPHP
    • 数据库
    • 微信(小程序)
    • Laravel
    • Redis
    • Docker
    • Go
    • swoole
    • Windows
    • Python
    • 苹果(mac/ios)
    • 相关文章
    • jq中实现图片压缩、base64转成file后上传至服务器示例(0个评论)
    • 在JavaScript中实现批量下载OSS中的文件代码示例(0个评论)
    • 如何优雅处理async await错误推荐:await-to-js库(0个评论)
    • lodash工具库(0个评论)
    • nginx + vue配置实现同域名下不同路径访问不同项目(0个评论)
    • 近期文章
    • Laravel 10.13版本发布(0个评论)
    • 在github创建task的同时创建分支流程步骤(0个评论)
    • 在go语言中以邮件标题中获取SPF和DMARC,来判断是否为垃圾邮件之垃圾邮件过滤器功能实现(0个评论)
    • 在go语言中使用attr字段标签提取XML属性数据示例(0个评论)
    • 在laravel中介绍一个生成假数据的PHP库:FakerPHP(0个评论)
    • 在laravel框架中对环境配置文件的加载过程步骤浅析(0个评论)
    • Laravel 10.12版本发布(0个评论)
    • 在go语言中如何记录每个HTTP请求到你的Web服务器、日志记录器?(0个评论)
    • 在Go语言中如何查找一个IP地址的网络地址?(0个评论)
    • ELK + Filebeat 搭建日志系统流程步骤(0个评论)
    • 近期评论
    • 博主 在

      2023年国务院办公厅春节放假通知:1月21日起休7天中评论 @ xiaoB 你只管努力,剩下的叫给天意;天若有情天亦老,..
    • xiaoB 在

      2023年国务院办公厅春节放假通知:1月21日起休7天中评论 会不会春节放假后又阳一次?..
    • BUG4 在

      你翻墙过吗?国内使用vpn翻墙可能会被网警抓,你需了解的事中评论 不是吧?..
    • 博主 在

      go语言+beego框架中获取get,post请求的所有参数中评论 @ t1  直接在router.go文件中配就ok..
    • Jade 在

      如何在MySQL查询中获得当月记录中评论 Dear zongscan.com team, We can skyroc..
    • 2016-11
    • 2017-06
    • 2017-07
    • 2017-08
    • 2017-09
    • 2017-10
    • 2017-11
    • 2018-03
    • 2018-04
    • 2018-05
    • 2018-06
    • 2018-09
    • 2018-11
    • 2018-12
    • 2019-02
    • 2020-03
    • 2020-04
    • 2020-05
    • 2020-06
    • 2021-04
    • 2021-05
    • 2021-07
    • 2021-08
    • 2021-09
    • 2021-10
    • 2021-11
    • 2022-08
    • 2022-09
    • 2022-10
    • 2022-11
    • 2022-12
    • 2023-01
    • 2023-02
    • 2023-03
    • 2023-04
    • 2023-05
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客