• 字体标记与文字布局


    文字标记

    <font>要放得文字</font>

    <font size="1">放文字</font>  size表示大小,1-7的任意一个数,数越大字体越大。

    <html>
    
    <head>
    <title>字体大小</title>
    </head>
    
    <body>
    <font size="1">我爱你</font>
    <br>
    <font size="2">我爱你</font>
    <br>
    <font size="3">我爱你</font>
    <br>
    <font size="4">我爱你</font>
    <br>
    <font size="5">我爱你</font>
    <br>
    <font size="6">我爱你</font>
    <br>
    <font size="7">我爱你</font>
    </body>
    
    </html>

    设置字体颜色

    <font color=""></font>

    <html>
    
    <head>
    <title>字体颜色</title>
    </head>
    
    <body>
    <font color="red">我爱你</font>
    <br>
    <font color="#cccccc">我爱你</font>
    </body>
    
    </html>

    逻辑字体

    <em>...</em>  强调文字

    <strong>...</strong>  字体加重

    <code>...</code>  显示编程代码

    <samp>...</asmp>  显示实例文字

    <knd>...</kbd>   显示键盘按键文字

    <small>...</small>  缩小文字

    <big>...</big>   放大文字

    文字布局

    文字一<p>文字二

    在文字中间插入标记<p>,是文章、到此处中断换行

    <br/> 最好不要使用这个,如果存在多个<br>,会出现多行空行

    <html>
    
    <head>
    <title>字体颜色</title>
    </head>
    
    <body>
    <font color="red">我爱你</font>
    <br>
    <font color="#cccccc">我爱你</font>
    <br>
    哈哈<p>呵呵
    <br>
    哈哈
    <br/>
    <br/>
    <br/>
    呵呵
    </body>
    
    </html>

    不换行控制

    <nobr></nobr>

    文字对齐

    align="#"

    可选择:left向左  right 向右  center居中 

    居中还可以写成

    <center></center>

    <html>
    
    <head>
    <title>字体颜色</title>
    </head>
    
    <body>
    <center><font color="red">我爱你<font>
    <br>
    <center>我爱你<center>
    </body>
    
    </html

    列表

    无序列表:<ul> </ul>

    列表项:<li>  </li>

    <html>
    
    <head>
    <title>无序列表<title>
    </head>
    <body>
    <ul>
    <li>jiayodnjejfeofd</li>
    <li>jiayodnjejfeofd</li>
    <li>jiayodnjejfeofd</li>
    </ul>
    </body>
    
    </html>

    有序列表

    <ol>...</ol>

    html>
    
    <head>
    <title>无序列表</title>
    </head>
    <body>
    <ol>
    <li>jiayodnjejfeofd</li>
    <li>jiayodnjejfeofd</li>
    <li>jiayodnjejfeofd</li>
    </ol>
    </body>
    
    </html>

    其他方式修饰文本

    <pre> 文字</pre>

    在网页中就会输入文字里面的格式,里面有空格就输出空格有换行就输出换行

    <xmp>文本/xmp>

    小胖专属学习分享
  • 相关阅读:
    php odbc连接 查询显示不完整问题
    php集成环境
    intent实现网页跳转
    夜神模拟器
    Android编程知识点3-Intent
    Android编程知识点2- 线性布局,随机数
    Android编程知识点1-Button,ListView
    数据存储和访问
    Android计时器
    组件通信2
  • 原文地址:https://www.cnblogs.com/xpl520/p/11270764.html
Copyright © 2020-2023  润新知