文字内容

添加文字

<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文字与列表的更多相关文章

  1. NEC学习 ---- 模块 - 带点文字链接列表

    带点文字链接列表, 实现的效果是, 调整字体大小, 点的位置不会跟着变动. HTML如下: <div class="container"> <div class= ...

  2. 035——VUE中表单控件处理之使用vue控制select操作文字栏目列表

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. NEC学习 ---- 模块 -水平文字链接列表

    HTML代码: <div class="container"> <div class="m-list1"> <ul class=& ...

  4. NEC学习 ---- 模块 -简易文字链接列表

    为了方便查看, 在最外面设置了一个粉色框. html代码: <div class="container"> <ul class="m-list" ...

  5. bootstrap -- css -- 文字、列表

    文字 <small></small>:呈现小号字体效果. <big></big>:程序大号字体效果 <abbr></abbr>: ...

  6. Html标签使用——文字、列表、表格、超链接

    注:文章来源于传智播客毕向东老师使用课件和网络.整理学习如下: 一.Html内容 1.   Html就是超文本标记语言的简写,是最基础的网页语言. 2.   Html是通过标签来定义的语言,代码都是由 ...

  7. 文字编辑器FCKeditor 简介以及基本配置和使用方法

    什么是FCKeditor FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器.它志于轻量化,不需要太复杂的安装步骤即可使用.它可和PHP.JavaScript.ASP.ASP ...

  8. Egret自定义位图文字(自定义+BitmapLabel)

    一 自定位图文字 因为egret的位图文字是texturemerger做的,需要多张单图片导入tm,然后导出两个文件来使用,过程比较麻烦. 而Laya的位图文字则是一张整图数字图片,使用FontCli ...

  9. Python-Tkinter 使用for循环生成列表式Button及函数调用

    Tkinter是轻量级的图形化界面,在使用中我们可能遇到需要生成一串Button按钮的情况,如图: 如果一个一个操作就太麻烦了,但我们可以通过for循环列表的形式来实现 来看看以下例子: from t ...

随机推荐

  1. [java]static关键字的四种用法

    在java的关键字中,static和final是两个我们必须掌握的关键字.不同于其他关键字,他们都有多种用法,而且在一定环境下使用,可以提高程序的运行性能,优化程序的结构.下面我们先来了解一下stat ...

  2. c#委托中的同步和异步方法即BeginInvoke和EndInvoke

    学习多线程之前我们先了解一下电脑的一些概念,比如进程,线程,这个参考https://www.cnblogs.com/loverwangshan/p/10409755.html 这篇文章.今天我们接着来 ...

  3. C#委托与事件学习笔记

    委托事件学习笔记 本文是学习委托和事件的笔记,水平有限,如有错漏之处,还望大神不吝赐教. 什么是委托?从字面意思来解释,就是把一个动作交给别人去执行.在实际开发中最常用的就是使一个方法可以当做一个参数 ...

  4. SSM整合Netty5.0详细说明

    阅读本文约“3.2分钟” 最近又有粉丝加Q群讨论netty整合SSM项目的方式等,我在这里抽了休息日的时候整理一下,一步一步的记录,注意的是,本案例仅实现了用netty整合SSM后与单片机等类TCP应 ...

  5. asp.net引用System.Speech实现语音提示

    using System; using System.Speech.Synthesis; namespace testvoice { class Program { static void Main( ...

  6. 程序员50题(JS版本)(一)

    程序1:有1.2.3.4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少? for(var i=1,sum=0;i<=4;i++){ for(var j=1;j<=4;j++){ ...

  7. angularjs+webapi2 跨域Basic 认证授权(二)

    在上一篇中大概演示了 整个认证授权的过程.今天在这篇博客中将结合上一篇的例子继续在跨域的情况 我们用ionic 写一个简单的页面 值得注意的是 在ionic.bundle.js 里面集成了angula ...

  8. 腾讯云centos7远程连接配置

    1.申请腾讯云 注册腾讯云账号,申请一个centos7的服务器,1G内存,1核处理器,1M网速. 对于这种入门级配置,建议还是别用windows server了,不然不装任何东西,光运行系统就需要60 ...

  9. java新知识系列 五

    类方法和对象方法的使用限制 abstract修饰符的注意 静态变量只能在类主体中定义,不能在方法中定义 线程的各种方法差别 关于抽象类 什么是中间件 Servlet生命周期的三个主要方法 可以修饰类的 ...

  10. java10.0.2和java 11.0.1配置环境变量

    java10.0.2 在网上找了各种方法一直也没配好打开jak下的lib文件夹发现并没有tools.jar,后经查询jdk-9后就没有了上述.jar文件所以我的配置方法如下 ClASSPATH C:\ ...