HTML中的文字与分区标记

1.font标记:用来设置文字的字体,大小,颜色,等属性

复制代码
<!--
    font:font标记用来设置字体大小颜色
    属性
    size:设置字号,默认是3号,+1表示4号,-1表示2号,取值范围是[+1,+7]或[-7,-1]
    color:设置文字的颜色,有 black blue gray green lime...共16钟
    face:设置字体,默认为宋体
    -->
    <font size="+1" color="green" face="宋体"> 
        潇潇暮雨子规啼
    </font>

2.hn标记:标题标记,n为1~6,n越大标题越小

bash 复制代码
 <!-- 
    hn:标题标记
    属性
    align:对齐方式有 left right center
    -->
    <h2>我是一个标题</h2>

3.段落标记p,自动再段落前后换行的

4.br换行标记是一个单标记,两个换行标记相当于一个p

bash 复制代码
 <!-- 
    p:段落标记,自动再段落前后添加换行
    属性
    align:对齐方式有 left right center
    -->
    <p>大家好!</p>

4.预格式化标记pre:保留源代码中的格式

bash 复制代码
    <!-- pre:预格式化标记  保留源代码中的格式 -->
    <pre>
   hey will be staying for five days.
    How long time will you be staying? 
    </pre>

5.居中标记center

bash 复制代码
    <!--center: 居中 -->
    <center>Are you ok?</center>

6.缩排标记 blockquote:左侧缩进,而且让字数变得紧凑

bash 复制代码
 <!--blockquote: 缩排标记 
    左侧缩进,而且让字数变得紧凑
    -->
    <blockquote>
        The Greenwood Boys are a group of pop singers.At present,they are visiting all parts
        of the country.
        They will be arrving here tomorrow.
        They will be comming by train and most of the young people in thw town will be meeting them
        at the station. 
        Tomorrow evening they will be singing at the Wrokers' Club.
        The Greenwood Boys will be staying five days. During this time,they will give five performances.
        As usual,the police will have a difficult time.
        they will be trying keep  order.
        It is always the same one these occasions.

    </blockquote>

7.水平线标记hr:就是一条分割线

bash 复制代码
<!-- hr:水平线 
    size:大小
    width:宽度
    color=水平线颜色
    align:对齐方式 默认居中center 也可以left right 
    -->
    <hr/ size="5%"  width="100%" color="red" align="right" >

所有代码

bash 复制代码
<html>
<head>

    <title>东方翱翔</title>
</head>

<!-- 
bgcolor:背景颜色
bgcolor="blue"

background:背景图片
background="./imgs/B.jpg"

link alink vlink:超链接访问前后的颜色
link="green" alink="yellow" vlink="black"

-->

<body>
    <!-- p:段落标记 有自动换行的功能 -->
    

    

    <!--
    font:font标记用来设置字体大小颜色
    属性
    size:设置字号,默认是3号,+1表示4号,-1表示2号,取值范围是[+1,+7]或[-7,-1]
    color:设置文字的颜色,有 black blue gray green lime...共16钟
    face:设置字体,默认为宋体
    -->
    <font size="+1" color="green" face="宋体"> 
        潇潇暮雨子规啼
    </font>

    <!-- 
    hn:标题标记,
    属性
    align:对齐方式有 left right center
    -->
    <h2>我是一个标题</h2>

    <!-- 
    p:段落标记,自动再段落前后添加换行
    属性
    align:对齐方式有 left right center
    -->
    <p>大家好!</p>


   

    <!-- pre:预格式化标记  保留源代码中的格式 -->
    <pre>
   hey will be staying for five days.
    How long time will you be staying? 
    </pre>

    <!--center: 居中 -->
    <center>Are you ok?</center>

    <!-- hr:水平线 
    size:大小
    width:宽度
    color=水平线颜色
    align:对齐方式 默认居中center 也可以left right 
    -->
    <hr/ size="5%"  width="100%" color="red" align="right" >

    <!--blockquote: 缩排标记 
    左侧缩进,而且让字数变得紧凑
    -->
    <blockquote>
        The Greenwood Boys are a group of pop singers.At present,they are visiting all parts
        of the country.
        They will be arrving here tomorrow.
        They will be comming by train and most of the young people in thw town will be meeting them
        at the station. 
        Tomorrow evening they will be singing at the Wrokers' Club.
        The Greenwood Boys will be staying five days. During this time,they will give five performances.
        As usual,the police will have a difficult time.
        they will be trying keep  order.
        It is always the same one these occasions.
    </blockquote>

    <!-- hr:水平线 -->
    <hr/ color="red">
    <p align="right"> 东方翱翔 &copy;版权所有</p>


</body>
</html>
相关推荐
CV_J6 小时前
安装kibana
java·elasticsearch·spring cloud·docker·容器
码农水水8 小时前
国家电网Java面试被问:TCP的BBR拥塞控制算法原理
java·开发语言·网络·分布式·面试·wpf
qq_336313938 小时前
java基础-网络编程-TCP
java·网络·tcp/ip
咕噜咕噜啦啦8 小时前
Java期末习题速通
java·开发语言
奔跑的web.8 小时前
TypeScript Enum 类型入门:从基础到实战
前端·javascript·typescript
盐真卿9 小时前
python2
java·前端·javascript
梦梦代码精9 小时前
BuildingAI vs Dify vs 扣子:三大开源智能体平台架构风格对比
开发语言·前端·数据库·后端·架构·开源·推荐算法
一嘴一个橘子10 小时前
mybatis - 动态语句、批量注册mapper、分页插件
java
组合缺一10 小时前
Json Dom 怎么玩转?
java·json·dom·snack4
seabirdssss10 小时前
《bootstrap is not defined 导致“获取配置详情失败”?一次前端踩坑实录》
前端·bootstrap·html