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>
相关推荐
oak隔壁找我6 分钟前
SpringBoot 实现 JWT 认证完整方案
java·后端
程序_白白22 分钟前
探讨一下java将来未来两年内的就业以及发展
java·开发语言
BumBle27 分钟前
uniapp AI聊天应用技术解析:实现流畅的Streaming聊天体验(基础版本)
前端·uni-app
搞个锤子哟30 分钟前
vant4的van-pull-refresh里的列表不在顶部时下拉也会触发刷新的问题
前端
jnpfsoft31 分钟前
低代码视图真分页实操:API/SQL 接口配置 + 查询字段避坑,数据加载不卡顿
前端·低代码
HHHHHY31 分钟前
使用阿里lowcode,封装SearchDropdown 搜索下拉组件
前端·react.js
前端付豪33 分钟前
万事从 todolist 开始
前端·vue.js·前端框架
oak隔壁找我33 分钟前
RabbitMQ 实现延迟通知的完整方案
java·后端
小胖霞33 分钟前
从零开始:在阿里云 Ubuntu 服务器部署 Node+Express 接口(基于公司 GitLab)
前端·后端
A_Bin36 分钟前
前端工程化之【包管理器】
前端