zoukankan      html  css  js  c++  java
  • 字体标记与文字布局

    文字标记

    <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>

    小胖专属学习分享
  • 相关阅读:
    pat甲级 1155 Heap Paths (30 分)
    pat甲级 1152 Google Recruitment (20 分)
    蓝桥杯 基础练习 特殊回文数
    蓝桥杯 基础练习 十进制转十六进制
    蓝桥杯 基础练习 十六进制转十进制
    蓝桥杯 基础练习 十六进制转八进制
    51nod 1347 旋转字符串
    蓝桥杯 入门训练 圆的面积
    蓝桥杯 入门训练 Fibonacci数列
    链表相关
  • 原文地址:https://www.cnblogs.com/xpl520/p/11270764.html
Copyright © 2011-2022 走看看