zoukankan      html  css  js  c++  java
  • 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>
    

    菜单列表通常用于显示一个简单的单列列表,一般不做嵌套。目录列表通常用于显示一个多列的文件列表,可以做嵌套。

  • 相关阅读:
    Mysql group by语句的优化
    Mysql join语句的优化
    jquery 只读
    【Unity Shaders】Transparency —— 使用渲染队列进行深度排序
    oracle多表查询之内连接,外连接语句总结
    String比较相等的问题探索
    markdown实例
    集合list里存储list,要遍历最底层list的对象元素的遍历方法
    System.out.println(i++); System.out.println(++i);的区别
    windows自动快捷方式
  • 原文地址:https://www.cnblogs.com/MingleYuan/p/10664411.html
Copyright © 2011-2022 走看看