一、标签

<p></p>:段落标签，内容写在两者之间，单独占一行，有align属性。
<br>:换行标记，它没有结束标签，没有空行
<hr>:水平线条,可以设置颜色、长短(size)、宽度(width)、位置
<pre>:预定义标签，保持文本格式(这是因为所有浏览器会忽略空格和空行)
<div></div>:块标记，可以将块标记中的内容进行整体处理,快标签单独占一行。
<span></span>:也是块级标签，作用与div标签相同区别在于它不会换行
字体方面：
<h1>……<h6>:字体依次变小一号，如果字体大于<h1>号，会默认为<h1>号字体的大小，如果字体小于<h6>号字体，则会默认不在小于<h6>号字体
<font></font>:可设置字体颜色，大小（可以大于<h1>号字体），位置等。
例：

 <font face="微软雅黑" color="#cc3399" style="font-size:100px" align="center" >朝阳</font>
<font face="微软雅黑" color="#cc3399" size="7" align="center" >朝阳</font>

补充颜色的三种写法

①直接加颜色：color="red"
②十六进制：color="#00ff00"
③RGB :color="new RGB(123,234,12)" (括号内的三个数值范围都是0~255)

二、使用实例

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>标题</title></head><script type="text/javascript">
<!--function fun(){var div=document.getElementById("delete");div.style.display="none";}
//-->
</script><body><p align="center">美美哒</p><p>美美哒</p><hr color="red" size="10"  width="500" align="center"><hr color="green" size="10" width="50%" align="center" noshade>你好，<br>明天<h1> 你好</h1> <br>  <font color="new RGB(10,255,10)">明天依旧美好</font><font text="微软雅黑“ color="new RGB(10,255,10)">明天依旧美好</font><!--div是一个块级标签，就是把标签中的内容作为一整块来对待--><center>    <div> 黑夜给了我   黑色的眼睛</div><pre> 黑夜给了我   黑色的眼睛</pre></center><div id="delete">我却用它寻找光明<p onclick="fun()">点击让上方文字消失 </p><div></body>
</html>

Html 排版与标签（一）相关推荐

html网页的框架标记分别有,新手入门前端，应该知道HTML框架排版标记标签大全...
排版标签: 下面来详细介绍一下排版标签. 标题标签标题使用至标签进行定义. 定义最大的标题, 定义最小的标题.具有align属性,属性值可以是:left.center.right. 代码举例: ...
html用于排版标题标签,HTML常用标签(示例代码)
排版标签: 标题标签: (n=1~6) 段落标签: 水平线标签: 换行标签: 引用标签:(短引用内联元素) (长引用块级元素) 无语义标签(用于布局):(内联元素) 文本格式化标签: 图片标签: 元素 ...
在线云html排版,云标签,关键字图排版 html5 canvas版
最近业余时间在做一个云标签相关的信息展现. 大体做成的情况能像微博关键字一样形成这样的图形: 在做的过程傍边,查阅了一些资料, 发现自己有点out了,在国外已经在wordle.net这样的网站. 也有 ...
如何给应用增加图片编辑功能：剪裁、滤镜、贴纸、排版、标签……(持续更新中)
我们生活在一个图片风口的时代,无论是网上商城,新闻资讯,社交应用,还是音乐软件,电台软件,摄影绘画,各类社交属性的APP无一例外,离不开"图片"的使用. 视图时代的图片" ...
HTML 排版与标签（五）
框架标签框架标签适用情形有时候我们需要在一个页面上面显示两个或者多个界面时可以使用框架标签. 框架标签使用框架标签使用<frameset>和<frame> 使用例子: 分 ...
喷墨打印机如何批量制作二维码标签
喷墨打印机是现在办公或者印刷行业用的比较普遍的一种打印机,一般来说大多会用来打印A4纸文件,但是现在的标签纸的排版大小不再仅限于卷纸,而是出现了很多使用A4纸排版小标签纸的方式来排版,下面我们就看一下 ...
html常用标签大全--附使用方法
头部: 标签描述 DTD <head> 定义关于文档的信息. STF <title> 定义文档的标题. STF <meta> 定义关于 HTML 文档的元信息. ...
JavaEE中级.20190601.Bootstrap（Bootstrap介绍.Bootstrap 特点.下载与使用.布局容器.栅格网格系统.排版）
一.Bootstrap介绍 1.官网:http://getbootstrap.com/ 中文网:http://www.bootcss.com/ Bootstrap是一套现成的CSS样 ...
如何制作电热水壶标签
电热水壶是家家必不可少的,平常我们在喝水的时候,一般都是使用家里的电热水壶,有了它,可以让烧水时间短.效率高.购买此类产品时,我们可以观察一下出售的水壶是否带有标签,根据标签上的信息,就大概可以知道水 ...
php中控制面板折叠,微信小程序折叠面板的实现方法示例
本文主要为大家详细介绍微信小程序实现折叠面板的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 实现原理通过控制详情部分的显示隐藏,来实现折叠效果,同时切换右侧向下箭头 ...

Html 排版与标签（一）

一、标签

二、使用实例

Html 排版与标签（一）相关推荐

最新文章

热门文章