HTML中的文字与分区标记

东方翱翔

于 2024-09-11 14:09:02 发布

阅读量354

点赞数 11

分类专栏：前端HTML 文章标签： html 前端 java

本文链接：https://blog.csdn.net/qq_74861982/article/details/142137748

版权

前端HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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越大标题越小

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

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

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

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

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

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

5.居中标记center

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

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

 <!--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:就是一条分割线

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

所有代码


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