HTML 常见标签

最新推荐文章于 2024-07-23 08:49:01 发布
最新推荐文章于 2024-07-23 08:49:01 发布
阅读量96 收藏
点赞数
分类专栏： web后端开发 文章标签： css html javascript html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49044908/article/details/116211138
版权

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>

 

 

迷亭君
关注
专栏目录
HTML5保留的常用标签（1）
qq_47299421的博客
09-01 989
HTML5保留的常用标签1.基础标签2.文本格式标签3.列表标签4.图像标签5.超链接标签6.表格标签7.表格标签8.容器标签 1.基础标签 1.段落标签<p> 段落标签<p>和</p>用于形成一个新的段落。 段落与段落之间默认为空一行进行分割。 2.标题标签<h1>~<h6> HTML5使用<hn>和</hn>来标记文本众多标题，
HTML 二十八 字符
W_H_M_2018的博客
09-13 326
HTML 中的预留字符必须被替换为字符实体。 HTML 实体 在 HTML 中，某些字符是预留的。 在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 字符实体类似这样： &entity_name; 或者 &#entity_number; 如需显示小于号，我们必须这样写：&lt; 或 &#60;
HTML常见标签总结
qq_55546526的博客
10-30 2188
1.标题标签 2.段落标签 3.字体修饰标签 4.图片标签 5.超链接标签 6.表格标签 7.列表标签 8.表单标签 9.下拉菜单 10 多行文本框
HTML常见标签用法
weixin_60778429的博客
09-07 2253
type(必须有), 取值种类很多多, button, checkbox, text, file, image, password, radio 等.自定义列表[重要] dl (总标签) dt (小标题) dd (围绕标题来说明) 上面有个小标题, 下面有几个围绕 着标题来展开的.target: 打开方式. 默认是 _self. 如果是 _blank 则用新的标签页打开.border 表示边框. 1 表示有边框(数字越大, 边框越粗), “” 表示没边框.
HTML常见标签
weixin_64804275的博客
04-13 3050
HTML常见标签一、 标签的作用二、常见标签一、块标签二、行标签三、行块标签 一、 标签的作用 HTML中的标签用于将内容展示在网页中。分为三大类：块标签，行标签以及行块标签。 二、常见标签 一、块标签 1.常见块标签有div无语意标签,h1~h6标题标签，p 段落标签, ul无序列表，ol 有序列表, li 列表项标签，语意化标签 article，section，aside,nav，header，footer 2.块标签的特点：独占一行，默认宽度占满父级，高度为0，子级内容撑开高度 <h1&
HTML常见标签——表单form标签
weixin_64294248的博客
07-17 2831
表单标签form用于收集、采集信息。可以用于用户登录、注册功能时，收集用户的账号、密码等信息。在开发过程中如果需要实现登录、注册、评论、留言、表白墙、聊天室等功能，可以使用表单标签。
HTML常见标签——超链接a标签
最新发布
weixin_64294248的博客
07-23 3007
a>标签用于做跳转、导航，是双标签，记作，它是行内标签，不可以直接设置宽度高度，特殊的是，作为行内标签，它可以嵌套文本、行内元素、块级元素。
html中常见标签及其用法归纳大全
热门推荐
xu_yuxuyu的博客
10-28 4万+
html零基础必看——htmlHTML常见标签大全 第二章：html常见标签前言一、常见标签（一）1、body标签2、div盒子标签3、p文本段落标签4、h1~h6 标题标签5、b标签和strong标签（文字加粗标签）6、span文字包裹标签7、br换行标签和hr分隔符标签9、del删除标签10、center居中标签11、sup上标和sub下标12、pre预格式化标签二、常用标签（二）2.1.a标签（链接、超链接、锚点标签）2.1.1.超链接标签2.1.2 锚点链接2.1.3 空连接2.2 图片标签三、列表
HTML常见标签和作用
qq_44700820的博客
09-04 2479
这只是一些常见的HTML标签，HTML还包含其他标签，用于实现各种不同的功能和效果。HTML（超文本标记语言）包含许多不同的标签，每个标签都有其特定的作用和功能。：包含文档的头部信息，如标题、字符集、样式和脚本引用等。：用于组织和布局页面内容，通常用于CSS样式控制。：提供文档的元信息，如字符集、作者、描述等。：HTML文档的主体部分，包含可见内容。：用于内联元素，通常用于CSS样式控制。：HTML文档的根元素，包含整个文档。：定义网页标题，显示在浏览器标签页上。：内部样式表，用于定义页面的样式。
[Java.Web培训视频]_001.HTML常见标签深入详解
07-31
在"[Java.Web培训视频]_001.HTML常见标签深入详解"这个课程中，我们将深入探讨HTML的核心标签及其用法。 1. HTML结构标签：HTML文档通常由`<!DOCTYPE>`声明、`<html>`根元素、`<head>`头部元素和`<body>`主体元素...
HTML常见标签及个人简历制作
guankunkunwd的博客
11-18 6549
一、前言 1、 HTML代码都是由各种各样的标签构成的。 2、HTML代码基础结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i
HTML 中的表格, 列表, 超链接和图片设置
qq_49044908的博客
04-27 2929
HTML 中的表格, 列表和超链接 继续来介绍一些常用的标签 目录 HTML 中的表格, 列表和超链接 表格 单元格合并 列表 图片设置 超链接 图片超链接 超链接的作用 表格 HTML 中的表格为<table></table> 标签 一行为 <tr></tr> 一行中的一格为 <td></td> 下面一段代码是一个最简单的表格 <table> <tr>
servlet简介
qq_49044908的博客
05-19 1262
servlet简介 目录 1. Servlet 是什么? 2. web 项目的角色以及作用 3. Servlet规范介绍 4. Servlet接口实现类 5. Servlet接口实现类开发步骤 6. servlet对象的生命周期(web服务器如何管理web项目) 7. HttpServletResponse接口 1. 介绍 2. 主要功能 8. HttpServletRequest接口 1. 介绍 2. 作用 3. 表单提交数据格式 ...
使用Cookie机制实现十天内免登陆
qq_49044908的博客
05-20 1111
Cookie保存会话状态在浏览器客户端上 目录 1. 分析 2. 代码 1. 分析 先判断用户名密码正不正确, 在判断是否选择十天内免登录 如果上面判断都通过, 服务器将用户名和密码加密(md5)后保存进两个cookie中 服务器发送cookie信息给浏览器, 并且设置有效时间为10天 之后在登录的时候, 服务器将获取cookie中的加密用户名和密码信息, 和数据库中信息对比(数据库中的信息也是md5加密的) 对照上了就登录成功. 2. 代码 IsLog...
Cookie
qq_49044908的博客
05-20 513
目录 1. 问题描述 2. 别的应用场景 3. Cookie是什么? 4. 在java中Cookie被当做类来处理 5. java中如何创建Cookie 6. 服务器可以一次向浏览器发送多个Cookie 7.默认情况下cookie保留在浏览器缓存 8. Cookie什么时候发送给服务器 9. 默认情况下Cookie和什么路径绑定在一起 10. 设置Cookie的关联路径 11. 设置Cookie的有效期 12. 浏览器提交的Cookie服务器怎么接收 13. 浏览器禁用Cooki.
Http简介
qq_49044908的博客
05-19 494
目录 1. Http协议 1. 什么是http协议 2. 版本号 3. http协议包括几部分 4. 请求协议组成 5. 响应协议组成 2. web应用中常见状态码(Http协议状态码) 3. get请求和post请求的区别 1. 什么情况下为get请求, 什么时候为post 2. get和post的区别 3. get和post分别何时使用 4. 浏览器缓存 1. Http协议 1. 什么是http协议 ...
session
qq_49044908的博客
05-20 396
目录 1. javaweb中的Session 2. Session实现的底层原理: 3. 浏览器禁用Cookie会出现的问题 4. 浏览器关闭, 服务器端对应的Session对象会销毁吗 5. Session对象在什么时候销毁 6. 到底什么是一次会话? 7. HttpSession相关的常用方法 8. HttpSession和HttpServletRequest接口的对比 1. javaweb中的Session 1. Session表示会话, 不止在javaweb中存在, 只要..
HTML常见标签的默认display属性归类
06-10
HTML常见标签的默认display属性可以归类如下： 1. 块级元素（display: block）：这些元素会独占一行，可以设置宽度、高度、边距和填充，并且可以包含其他块级元素和行内元素。常见的块级元素有 div、h1-h6、p、ul、ol、li、header、footer、nav、article、section 等。 2. 行内元素（display: inline）：这些元素不会独占一行，只会占据所在行的一部分空间，不能设置宽度、高度、上下边距和填充，并且只能包含其他行内元素和文本。常见的行内元素有 a、span、em、strong、img、input、label、button 等。 3. 行内块元素（display: inline-block）：这些元素不会独占一行，可以设置宽度、高度、边距和填充，并且可以包含其他行内块元素和行内元素。常见的行内块元素有 input、img、button、select、textarea 等。 4. 列表项元素（display: list-item）：这些元素会像块级元素一样独占一行，但是它们具有特殊的样式，如圆点、数字或字母。常见的列表项元素有 li。 5. 表格元素（display: table）：这些元素会像表格一样显示，可以设置表格相关的样式，如边框、宽度、高度、单元格对齐等。常见的表格元素有 table、tr、td、th、caption、thead、tbody、tfoot 等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值