HTML 常见标签

HTML 常见标签

HTML 文件是由一堆标签组成的, 今天先来简单了解一下 HTML 中的常见标签.

目录

HTML 常见标签

标签

常用标签

1. 段落标记

2. 标题

3. 横线与换行

4. 预留格式

5. 字体相关

6. 实体符号

7. 设置页面背景


标签

HTML 是由一个个标签组成的, 标签的样式一般有两种

一种为:

<标签名 >......</标签名>

如果不需要在标签中加入什么内容, 可以采用下面这种方式.

另一种为:

这种称为独目标记

<标签名 />

HTML 不区分大小写, 语法松散不严格.

在 IDEA 中创建一个 HTML 文件, 它的格式如下:

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

<html></html>是根, 该文件的所有内容写在这个之间

<head></head>是头, 包含一些备注和配置或者引入的信息

<body></body>是体, 网页主题的所有内容在这里书写

<meta charset="UTF-8"> 这一行的代码的作用是告诉浏览器这个文件是什么字符编码的, 而不是让浏览器以什么方式编码.

常用标签

1. 段落标记

<p>内容</p>

2. 标题

共六级, 从 h1 到 h6

<h1>标题1</h1>
<h2>标题6</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

3. 横线与换行

<br/>  换行
<hr/>  横线

横线可以设置颜色和长度

<hr color="red" width="50%">  颜色为红色, 长度为整个页面的 50%

4. 预留格式

    <pre>
        for (int i = 0; i < 100; i++) {
        System.out.println(i);
        }
    </pre>

标签里的内容写的什么, 页面上就显示什么

5. 字体相关

    <del>删除字</del>
    <ins>插入字</ins>
    <b>粗体字</b>
    <i>斜体字</i>
    右上角加字
    10<sup>2</sup>
    右下角加字
    10<sub>m</sub>
    <font color="red" size="25">字体标签</font>

上面代码的执行效果如下:

6. 实体符号

大于小于空格在 HTML 不能以 ">" , "<" , " " 表示

实体符号 以 & 开始, 以 ; 结束

小于号&lt;

大于号&gt;

空格为&nbsp;

下面一段代码展示如下:

    小于号&lt;
    <br/>
    大于号&gt;
    <br/>
    空格前&nbsp;空格后
    <br/>

结果为: 

7. 设置页面背景

在 body 标签中加入 background 属性和 bgcolor 属性即可设置页面的背景和颜色

设置背景时, 如果铺不满, 就重复图片

<body background="图片路径" bgcolor="red">

</body>

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值