zoukankan      html  css  js  c++  java
  • ch03-文字版面的设计

    Ch03: 文字版面的编辑 3.1 版面控制标记
    3.1.1 取消文字换行: <NOBR>
    1-取消换行文字实例;1-取消换行文字实例; 1-取消换行文字实例; 2-取消换行文字实例;2-取消换行文字实例; 2-取消换行文字实例; 3-默认换行文字实例;3-默认换行文字实例; 3-默认换行文字实例; 4-默认换行文字实例;4-默认换行文字实例; 4-默认换行文字实例;
    3.1.2 换行: <BR>
    3.1.3 段落: <P>
    3.1.4 保留原始排版方式: <PRE>

               锄禾
            锄禾日当午,
            汗滴禾下土;
            谁知盘中餐,
            粒料皆辛苦。
            

    3.1.5 水平分隔符: <HR>
    align=left


    align=left width=50%


    size=20 width=50%


    size=20


    size=20 noshade


    size=20 colore="blue"


     3.1.6 空格: &nbp;

    3.1.7 居中对齐: <CENTER>
    锄禾
    锄禾日当午,

    汗滴禾下土;

    谁知盘中餐,

    粒粒皆辛苦。

    3.1.8 向右缩进: <BLOCKQUOTE>
    锄禾
    锄禾日当午,
    汗滴禾下土;
    谁知盘中餐,
    粒粒皆辛苦。
    3.2 标题文字的建立

    3.2.1 标题文字标识及对齐属性: <Hx>
    网页内可用的各等级标题:

    标题文字1

    标题文字2

    标题文字3

    靠左对齐的标题文字4

    居中对齐的标题文字5
    靠右对齐的标题文字6

    3.3 文字格式标记

    3.3.1 文字格式控制: <Font>
    楷体
    font size=1
    font size=2
    font size=3
    font size=4
    font size=5
    font size=6
    font size=7
    红色字体 绿色字体 蓝色字体
    楷体3号红色字体
    3.3.2 特定文字样式标记:
    粗体:<b> : 粗体
    斜体:<i> : 斜体
    下划线:<u> : 下划线
    删除线:<s> : 删除线
    放大:<big> : 放大
    缩小:<small> : 缩小
    上标:<sup> : 上标
    下标:<sub> : 下标
    3.3.3 其它特殊文字样式:
    加强强调字体:<strong>: 文字将以加强强调模式显示
    强调字体: <em>: 文字将以强调样式显示
    地址: <address>:

    用来显示电子邮件或网址


    程序代码:<code>: 用来说明程序代码与指令
    3.3.4 特殊符号的表示方法:
    ": >": &>
    "&: &": &amp;
    "": "": &quot;
    3.4 BODY标记属性

    bgcolor:背景色
    backgroud: 背景图片
    text:文字颜色
    附:backgroud 与 bgcolor 选择其一使用即可。

    TEST

    haha hehe hihi
    注意点:
    1 ) 对于在两个相邻HTML版面控制标记(?)之间的文字,HTML会在文字的最后默认存在一个换行标识。
    不管你把它们设计得如何漂亮和层次分明,只要没有HTML换行标识,HTML仍会将他们连在一起当做一个整体字串来看
    当中间的文字仅仅只是一行时,<BR>可以省略不写;
    如果是多行文字,每行文字末尾必须手动补充你想要设置的HTML换行标记,不能省略。

  • 相关阅读:
    JDBC连接
    Ubuntu 16.04安装MySQL(5.7.18)
    AOP拦截日志报错llegalStateException: It is illegal to call this method if the current request is not in asynchronous mode
    mybatis笔记
    打扮IDEA更换主题
    简单的IDEA破解到2099年
    UML之时序图详解
    UML之类图详解
    UML之用例图详解
    spring和springboot常用注解总结
  • 原文地址:https://www.cnblogs.com/jacklikedogs/p/3484153.html
Copyright © 2011-2022 走看看