字体标记与文字布局

文字标记

要放得文字

放文字 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>

设置字体颜色

<html>

<head>
<title>字体颜色</title>
</head>

<body>
<font color="red">我爱你</font>
<br>
<font color="#cccccc">我爱你</font>
</body>

</html>

逻辑字体

... 强调文字

... 字体加重

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

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

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

... 缩小文字

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

文字布局

文字一文字二

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

最好不要使用这个，如果存在多个 ，会出现多行空行

<html>

<head>
<title>字体颜色</title>
</head>

<body>
<font color="red">我爱你</font>
<br>
<font color="#cccccc">我爱你</font>
<br>
哈哈<p>呵呵
<br>
哈哈
<br/>
<br/>
<br/>
呵呵
</body>

</html>

不换行控制

文字对齐

align="#"

可选择：left向左 right 向右 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>

有序列表

html>

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

</html>

其他方式修饰文本

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

posted @ 2019-07-30 16:13 小耿想努力呀阅读(415) 评论(0) 编辑收藏举报

刷新页面返回顶部

小耿想努力吖

不想平庸的活着，那就努力变强吧！！！

字体标记与文字布局

公告