HTML文字与列表
文字内容
添加文字
<body>
我是Mingle
</body>
HTML文字的需要添加在<body> </body>里面。
标题字
标题字就是以几种固定的字号显示文字,在HTML中定义了六级标题。
<h# align="left|center|right|justify">标题文字</h#>
添加特殊符号
表示空格,一般在代码里面敲出空格之后,在浏览器编译时,是不会显示这些空格的。如果要使用空格,必须使用 。还有一些特殊符号必须使用相应的符号代码实现。
文字样式
<font face="" size="" color=""></font>
face用于定义字体,并且可以定义多个字体,用“,”分隔。如果第1种字体在系统中没有,那么就会选择2种,以此类推。size属性定义字号,取值为+1+7、-1-7。color用于定义颜色,可以是英文单词也可以是十六进制。
文字的修饰
<b></b>或者<strong> </strong>标签实现加粗文字显示
<i> </i>,<em></em>和<cite></cite>标签实现斜体文字显示
<u></u>标签实现给文字添加下划线,在HTML5里面被删除了
<ins></ins>添加下划线,可以表明在删除后新加的内容
<s></s>删除线,但是体现的是这个是不提倡的意思
<del></del>在文字上实现删除线效果
<sup></sup>实现上标
<sub></sub>实现下标
<ruby>被说明文字<rt>文字的标注</rt></ruby> <!--设置文字标注-->
<address></address>设置地址文字
<tt></tt>实现打字机风格的效果
<small></small>把字体变小
<mark></mark>使得文字高亮
<code></code>告诉浏览器这是代码
<samp></samp>告诉浏览器这是例子代码
<kbd></kbd>告诉浏览器这是需要用户输入
<var></var>告诉浏览器这是变量
段落
<p></p> 段落标签 单标签,换行 标签之间的内容不换行 `是网页元素居中显示
<hr width="" color="" align="" noshade>
定义水平分割线
<pre></pre>预格式化标签
<blockquote> </blockquote>可以实现文字的5个字符缩进,如果要多次缩进就要使用多次这个标签
<cite></cite>引用
<q></q>小引用
无序列表
<ul type="">
<li>项目名称</li>
<li>项目名称</li>
<li>项目名称</li>
···
</ul>
用户可以指定出现在列表前的项目符号的样式:
disc指定项目符号为实心圆点(默认为 disc)circle指定项目符号为空心圆点square指定项目符号为实心方块
有序列表
<ol type="">
<li>项目名称</li>
<li>项目名称</li>
<li>项目名称</li>
...
</ol>
使用type属性可以指定出现在列表项前的项目编号的样式
- 1:指定项目编号为阿拉伯数字(默认);
- a:指定项目编号为小写英文字母;
- A:指定项目编号为大写英文字母;
- i:指定项目编号为小写罗马数字;
- I:指定项目编号为大写罗马数字。
我们也可以使用 start 属性来改变编号的起始值,如 start = "3" 。
另外,我们还可以使用<li type = "" value = ""> </li>来改变列表项的样式,type指定它的列标前的项目符号样式,value`属性来改变编号的值。
定义列表
<dl>
<dt>
<dd></dd>
<dd></dd>
</dt>
<dt>
<dd></dd>
</dt>
</dl>
<dl></dl>标签用于创建定义列表。-
标签用来创建列表中的上层项目,此标签只能在
标签中使用,显示时
标签定义的内容将左对齐。
-
标签用来创建列表中的下层项目,此标签也只能在
标签中使用,显示时
所定义的内容将相对于
标签定义的内容向右缩进。
菜单列表和目录列表
<menu>
<li>项目名称</li>
<li>项目名称</li>
<li>项目名称</li>
...
</menu>
<dir>
<li>项目名称</li>
<li>项目名称</li>
<li>项目名称</li>
...
</dir>
菜单列表通常用于显示一个简单的单列列表,一般不做嵌套。目录列表通常用于显示一个多列的文件列表,可以做嵌套。
HTML文字与列表的更多相关文章
- NEC学习 ---- 模块 - 带点文字链接列表
带点文字链接列表, 实现的效果是, 调整字体大小, 点的位置不会跟着变动. HTML如下: <div class="container"> <div class= ...
- 035——VUE中表单控件处理之使用vue控制select操作文字栏目列表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- NEC学习 ---- 模块 -水平文字链接列表
HTML代码: <div class="container"> <div class="m-list1"> <ul class=& ...
- NEC学习 ---- 模块 -简易文字链接列表
为了方便查看, 在最外面设置了一个粉色框. html代码: <div class="container"> <ul class="m-list" ...
- bootstrap -- css -- 文字、列表
文字 <small></small>:呈现小号字体效果. <big></big>:程序大号字体效果 <abbr></abbr>: ...
- Html标签使用——文字、列表、表格、超链接
注:文章来源于传智播客毕向东老师使用课件和网络.整理学习如下: 一.Html内容 1. Html就是超文本标记语言的简写,是最基础的网页语言. 2. Html是通过标签来定义的语言,代码都是由 ...
- 文字编辑器FCKeditor 简介以及基本配置和使用方法
什么是FCKeditor FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器.它志于轻量化,不需要太复杂的安装步骤即可使用.它可和PHP.JavaScript.ASP.ASP ...
- Egret自定义位图文字(自定义+BitmapLabel)
一 自定位图文字 因为egret的位图文字是texturemerger做的,需要多张单图片导入tm,然后导出两个文件来使用,过程比较麻烦. 而Laya的位图文字则是一张整图数字图片,使用FontCli ...
- Python-Tkinter 使用for循环生成列表式Button及函数调用
Tkinter是轻量级的图形化界面,在使用中我们可能遇到需要生成一串Button按钮的情况,如图: 如果一个一个操作就太麻烦了,但我们可以通过for循环列表的形式来实现 来看看以下例子: from t ...
随机推荐
- 开源分布式数据库SequoiaDB在去哪儿网的实践
编者注: 中国的数据库行业也迎来了一波新的热点事件.分布式数据库这块新消息不断,也让大家开始关注中国的分布式数据库.首先是短短一周内,Pingcap和SequoiaDB巨杉数据库陆续宣布了C轮的数千万 ...
- MySQL在线DDL gh-ost 使用说明
背景: 作为一个DBA,大表的DDL的变更大部分都是使用Percona的pt-online-schema-change,本文说明下另一种工具gh-ost的使用:不依赖于触发器,是因为他是通过模拟从库, ...
- 轻量级应用程序Dynamics 365 App for Outlook介绍
摘要: 本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复273或者20180625可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyon ...
- SAP freelancer夫妻并不难!你也可以!
SAP freelancer夫妻并不难!你也可以! 在笔者看来,如果能有每月超过10万的家庭收入,要是去上海滩购买单价在八万以上的房子,应该是可以轻松应对,想买就可以买,根本不用眨眼睛,不用一丁点儿的 ...
- Mysql表分区的选择与实践小结
在一些系统中有时某张表会出现百万或者千万的数据量,尽管其中使用了索引,查询速度也不一定会很快.这时候可能就需要通过分库,分表,分区来解决这些性能瓶颈. 一. 选择合适的解决方法 1. 分库分表. 分库 ...
- 【阿里云】在 Windows Server 2016 下使用 FileZilla Server 安装搭建 FTP 服务
Windows Server 2016 下使用 FileZilla Server 安装搭建 FTP 服务 一.安装 Filezilla Server 下载最新版本的 Filezilla Server ...
- 轨迹系列1——一种基于路网图层的GPS轨迹优化方案
文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.背景 GPS数据正常情况下有20M左右的偏移,在遇到高楼和桥梁等情况 ...
- java新知识系列 二
1:数据库事务隔离以及事务隔离的级别 数据库事务隔离: 在数据库操作中,为了有效保证并发读取数据的正确性,提出的事务隔离级别:为了解决更新丢失,脏读,不可重读(包括虚读和幻读)等问题在标准SQL规 ...
- Ubuntu下面MySQL的参数文件my.cnf浅析
前几天刚接手一个MySQL数据,操作系统为Ubuntu 16.04.5 LTS, 数据库版本为5.7.23-0ubuntu0.16.04.1(APT方式安装的MySQL).这个操作系统下的MySQL ...
- ReSharper导致Visual Studio缓慢?
问题排查 我们会竭尽所能的ReSharper的性能方面,但是也有一些已知和未知的情况下,ReSharper的可以减缓的Visual Studio. 这里有一些关键点进行故障排除和修复ReSharper ...