HTML的<body>标签详解与HTML常用的控制标记
一、<body>标签:
用于标记网页的主体,body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
1.body标签中可用的属性:
bgcolor="颜色值":设置整个网页的背景颜色
text="颜色值":设置文字的颜色色
link="颜色值":设置一般超链接文本的显示颜色
vlink="颜色值":设置访问过的超链接文本显示的颜色
alink="颜色值":设置鼠标移动到超链接上按下鼠标的时候,超链接文本的显示颜色
bgcolor="颜色值":设置网页的背景颜色
background:设置网页的背景图片,可以是GIF或者JPEG格式的图片(会覆盖网页的背景颜色(如果图片是透明的就可以看到背景颜色)因为背景属性有一个层次关系,最好不要设置背景图片)
2、 网页里内容与浏览器边距属性:默认情况下网页内容与浏览器边框之间是有边距的
leftmargin="像素值":设置网页中的内容与浏览器左边界的距离
rightmargin="像素值":设置网页中的内容与浏览器右边界的距离
topmargin="像素值":设置网页中的内容与浏览器上边界的距离
bottommargin="像素值":设置网页中的内容与浏览器下边界的距离
二、HTML常用的控制标记:
1、<br />:换行标签(换行不换段)
2、<p>..</p>:段落标签(一段占一行,是一个块级元素,默认会有16px的margin)
属性: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、
HTML的<body>标签详解与HTML常用的控制标记的更多相关文章
- Meta标签详解(HTML JAVASCRIPT)
Meta标签详解,在网上转的,希望对大家有用 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广 个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中 ...
- 网页设计:Meta标签详解
很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是HTML语言HEAD区的一个辅 ...
- meta标签详解(meta标签的作用)///////////////////////////转
meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧 ...
- 引用 struts2标签详解 - wo的的日志 - 网易博客
引用 元元 的 struts2标签详解 引用 COLD 的 struts2标签详解 要在jsp中使用Struts2的标志,先要指明标志的引入.通过jsp的代码的顶部加入以下的代码: <%@t ...
- html标签详解
html标签详解 <!DOCTYPE> 标签 <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. <!DOCTYPE ...
- html标签详解(2)
http标签详解 声明 1:这里的文字都是我从我自己csdn账号拷贝过来,是本人学习总结的结晶,所以请尊重本作品.2:如要要转载本文章,则要说明文字的出处.3:如有哪里不对欢迎指出. 在上一篇文章中主 ...
- html标签详解(1)
http标签详解及讲解 1.基础标签 <!DOCTYPE html> <!--表示文本类型--> <html> <!--<html> ...
- 转:springmvc常用注解标签详解
Spring5:@Autowired注解.@Resource注解和@Service注解 - IT·达人 - 博客园--这篇顺序渐进,讲得超级好--此人博客很不错http://www.cnblogs.c ...
- embed标签详解
HTML-embed标签详解 Embed(一).基本语法:embed src=url说明:embed可以用来插入各种多媒体,格式可以是 Midi.Wav.AIFF.AU.MP3等等, Net ...
随机推荐
- ASP.NET生成缩略图的代码
01. // <summary> 02. /// 生成缩略图 03. /// </summary> 04. /// &l ...
- Babelfish 分类: 哈希 2015-08-04 09:25 2人阅读 评论(0) 收藏
Babelfish Time Limit: 3000MS Memory Limit: 65536K Total Submissions: 36398 Accepted: 15554 Descripti ...
- Android 内存分析工具 - LogCat GC
一.GC_Reason 触发垃圾回收的回收的集中原因: 类型 描述 GC_CONCURRENT 内存使用将满时,并发的进行垃圾回收. GC_FOR_MALLOC 当内存已满应用尝试分配内存时会出触发垃 ...
- PHP计划任务之关闭浏览器后仍然继续执行的函数
函数名称:ignore_user_abort 本函数配置或取得使用端连接中断后,PHP 程序是否仍继续执行.默认值为中断连接后就停止执行.在 PHP 配置文件中 (php3.ini/php.ini) ...
- 【Linux】方便的SecureCRT文件上传、下载命令
使用SecureCRT连接服务器,可用命令上传.下载文件,非常方便. > 安装 如果系统报找不到以下命令,那么你可能没有安装软件.安装以下吧. [root@localhost ~]# yum - ...
- VS2013自动注释插件
在程序编写的时候,你是否见过这种写法?整个项目每个cs文件头部都包含一个,版权,版本等信息的注释头? 类似这个类文件: /*************************************** ...
- 从原理上搞定编码-- Base64编码
BASE64是一种编码方式,通常用于把二进制数据编码为可写的字符形式的数据.这是一种可逆的编码方式.编码后的数据是一个字符串,其中包含的字符为:A-Z.a-z.0-9.+./共64个字符:26 + 2 ...
- FreeSWITCH一些需求应对
一.用户号码组 听到这个名词的时候,心中还挺迷茫,需求如下: 一个用户分配号码为800,但是这个用户有一部座机,两部手机:有人拨打800这个号码时,这个用户的所有关联终端都要振铃. 其实就是用户号码多 ...
- CUBRID学习笔记 44 UPDATE 触发器 更新多表 教程
cubrid的中sql查询语法UPDATE c#,net,cubrid,教程,学习,笔记欢迎转载 ,转载时请保留作者信息.本文版权归本人所有,如有任何问题,请与我联系wang2650@sohu.com ...
- Python入门-行和缩进
学习Python与其他语言最大的区别就是,Python的代码块不使用大括号({})来控制类,函数以及其他逻辑判断.python最具特色的就是用缩进来写模块. 缩进的空白数量是可变的,但是所有代码块语句 ...