html的常用标签之一

最新推荐文章于 2024-09-27 20:28:31 发布
最新推荐文章于 2024-09-27 20:28:31 发布
阅读量152 收藏 2
点赞数 1
分类专栏： html5 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52559693/article/details/118771418
版权
本文详细介绍了HTML5中常用的基础标签，包括doctype声明、head结构、body内容标签（如h1-h6、p、br、hr等）、文本样式（粗体、斜体）、以及如何创建和组织网页结构。通过实例演示了如何在实际项目中运用这些标签来构建网页。
摘要由CSDN通过智能技术生成

html的常用标签

我认为html5的核心就是各种标签的应用，所以我今天就来讲讲html的一些常用标签

文件创建时自带的标签

首先，当我们刚开始创建一个html5的文件的时候会是这样一个页面

image-20210714132634640

我就讲一下这里的标签所代表的意思

不过在此之前，我先在html里面的表示注释的标签< !-- 这里面可以填东西 -->,在idea里面快捷键一般默认为ctrl + /


<!-- DOCTYPE:告诉浏览器，我们要用什么规范,而浏览器默认的规范就是html，所以删掉这行也可以，除非自己调了-->
<!DOCTYPE html> 
<!--这句话是必加的，不能删-->
<html lang="en">
<!--head标签代表网页头部-->
<head>
    <!-- meta描述性标签，他用来描述我们网站的一些信息    -->
    <meta charset="UTF-8">
    <!-- title网页标题   -->
    <title>Title</title>

</head>
<!-- body标签代表网页的主题，即我们可以在里面写东西，然后呈现在网页上
	比如说打印一个helloworld在网页上，并且在这里面是不太需要语法的，所写即所得。
-->   
<body>
helloworld
</body>
</html>

然后就可以得到这样一个网页

image-20210714164540151

这便是刚创建文件时所对应的标签

现在来说一说其他的用在body标签里面的（即给我们网页的主题添加内容的）

标题标签

前面的一大堆就不写了

<body>
标题标签
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
依次类推
</body>

表现效果

image-20210714165611935

段落标签< p >< /p >

没有段落标签时
<body>
ABCDEFG
HIJKLMN
OPQRST
UVWXYZ
<!-- 即使是这样写，他们也是在一行的-->
</body>

输出效果

image-20210714171427449

有段落标签

<body>
<p>ABCDEFG</p>
<p>HIJKLMN</p>
<p>OPQRST</p>
<p>UVWXYZ</p>
</body>

来看结果

image-20210714171906579

水平标签< br >

水平标签和段落标签差不多，但是性质不同，段落标签里面的是块元素，而水平标签里面的是行内元素

ABCDEFGB <br>
HIJKLMNbr <br>
OPQRST <br>
UVWXYZ <br>

结果

image-20210714172727928

水平线标签< hr >

水平线标签出来的效果就是一条线

<body>
ABCDEFGB <hr>
HIJKLMNbr <hr>
OPQRST <hr>
UVWXYZ <hr>
</body>

输出结果

image-20210714172928383

粗体< Strong >< /Strong >与斜体< em>< /em>

<body>
<!-- 粗体与斜体 -->
粗体： <Strong> 这是粗体 </Strong>
<br>
斜体：  <em> 这是斜体 </em>
</body>

输出结果

image-20210714173313772

这个是可以嵌套的！

尼斯湖超大水怪
关注
专栏目录
HTML常用标签一
naoguoteng的博客
09-28 1122
一、标签属性。二、排版标签1.标题标签 h1-h6 2.文字上的分隔标签 br和p3.水平线标签 hr、基本语法格式：、水平线标签的标签属性：4.文字居中标签 center5.div 和 span 标签6.排版标签总结。三、文本格式标签四、图像标签 img、图像标签的标签属性如下：五、特殊字符。六、注释标签 !-- -- 使用HTML制作网页时，可以对HTML标签的属性加以设置。后面会了解到标签的各种属性，目前先了解一下设置标签属性的格式。其基本语法格式:
HTML常用标签之表单标签
m0_54866636的博客
02-26 6959
HTML常用标签之表单标签 前言 一、表单域 二、表单元素 1.input 输入表单元素 2.select 下拉表单元素 3.textarea 表单元素 前言 在网页中，我们需要跟用户进行交互，收集用户资料，此时就需要用到表单标签 在HTML中，一个完整的表单通常由表单域、表单控件（表单元素）和提示信息三个部分构成 一、表单域 表单域是一个包含表单元素的区域 在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递 <form>会把它范围内的表单
2020-11-06
qq_52148719的博客
11-06 80
单标签 <br> ：换行标签 双标签 <p>: 段落标签 <title>:网页标题 <h1>:一级标题 <h1>~<h6>:一到六级标签 :斜体<em>标签 <strong>:加粗显示 <head> <title>网页标题</title> </head> <body> <p>段落标签<p> <h1>一级标题</h
W3C国际化——lang="en"and dir="ltr"
dijisu0038的博客
11-01 428
写了这么久的网站从来没有注意过lang="en"的真正意义,有时候总会看到这两个值： en定义语言为英语 zh-CN定义语言为中文 今天专门好好的去查看了一番： 　　<htmllang="en">//这里的lang="en"可以删除，如果不删除的，用谷歌之类打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话） 　　HTML的lang属性可用...
HTML 中的基础标签
ccsu_deer
11-26 488
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!-- css文件需要加这句，HEML文件这句不需要 --> <!DOCTYPE html> <!DOCTYPE html> <!-- 这个网页的文档类型，...
＜html lang=“en“＞这个用什么？什么意思？
热门推荐
digitalkee的博客
07-18 6万+
我是用editplus3时自动弹出的，有什么用的？我查了一下，是英文，但京东和新浪都没有！ 我来答 分享 举报 2个回答 #公告#关于优质视频活动排行榜提前发放的处理公告 arensun 推荐于2017-04-22 关注 <html lang="en"> 向搜索5261引擎表示该页面是html语言4102，并且语言为英文网站，其"lang"的意思就1653是“language”，语言的意思，而“en”即表示english 你的页面如果是中文页面，可将其改为 <h...
HTML笔记
weixin_46307478的博客
02-25 1030
HTML 1.初识HTML HTML Hyper Text Markup Language(超文本标记语言) 超文本包括文字、图片、视频、音频、动画等。 现在用的是HTML5。 ECMScript是JavaScript需要遵守的规范 面试可能问到的问题： W3C是什么 W3C标准包括什么 前端的最常用的IDE：WebStorm 2.网页基本信息 注释： <!--DOCTYPE：(文档类型)告诉浏览器，我们要使用什么规范，默认是HTML5，因此可以省略不写--> <!
HTML常用标签之表单form
weixin_45604020的博客
06-21 9538
表单在网页中主要负责数据采集功能。HTML中的标签，就是用于采集用户输入的信息，并且通过标签的提交操作，把采集到的信息提交到服务器端进行处理。
HTML常用标签之换行标签
m0_61794291的博客
01-08 1万+
最近在学习html，在这里分享下自己的学习笔记~ 换行标签<br/>，简单易懂，咱们直接来看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=de
HTML的常用标签
冷兮雪的博客
11-08 6407
这个标签可以在页面上画水平线。
前端基础（一） HTML常用标签
qq_70761095的博客
10-23 717
HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”。是构成网页的基本元素，是一种规范，一种标准。超文本：即超越纯文本，这意味着HTML不仅能包含文本，还能包含图片、表格、列表、链接、按钮、输入框等内容。标记语言：HTML通过不同的标签来标记不同的内容标签：标签也称为标记或元素，用于在网页中标记内容。不同标签具有不同的含义，学习 HTML 其实就是学习各个标签的含义，根据实际场景的需要，选择合适的标签，从而制作出精美的网页。
HTML的基本标签
lsy01的博客
02-04 2123
HTML的基本标签 这是一个定义文档类型为HTML5的标签，一个网页要先定义文档的类型 lang=“en”：该文档的根元素 1.属性lang是英语language的缩写，意思是语言，"en"代表英语，"zh-CN"代表中文； 2.其实不写lang属性，整个HTML文档的显示是没有任何问题的； 3.我们都知道，如果你在中国，本地浏览器的默认语言是中文，当我们打开一个外国网站时，浏览器会提示“是否将...
vscode修改默认html的样式（亲测版）
aasszc的博客
11-14 1378
今天在vscode中用!+Tab生成html样式，突然发现html标签多了个lang=en,这让我看着有点不舒服，在网上搜了一堆解决方法，都是修改vsCode安装目录中的expand-full.js文件，我找了一圈也没找到。后来找到了修改文件： emmetNodeMain.js文件 目录在 按照修改expand-full.js文件的方式修改就行了。 ...
html lang="en"
weixin_42528089的博客
07-08 1万+
<html lang="en"> 向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english 你的页面如果是中文页面，可将其改为 <html lang="zh"> zh即表示中文 ...
【HTML5】html5开篇基础（1）
Easonmax的博客
09-20 1348
网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。网页的组成：网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。HTML5不是一种编程语言，而是一种超文本标记语言。超文本包括：文字、图片、音频、视频、动画等html中代码不分大小写，推荐都小写。
使用rust+javascript+html5写一个问题记录的页面
软件行业技术文化交流。
09-27 156
为了实现一个简单的问题记录系统，我们可以使用Rust作为后端，JavaScript和HTML5作为前端。文件，即可看到一个简单的问题记录系统。请注意，这个示例仅用于演示目的，实际应用中需要考虑数据持久化、错误处理等问题。现在，你可以运行Rust后端服务器（），然后在浏览器中打开。
使用Dapper.net+c#+javascript+html5写一个问题记录的页面
软件行业技术文化交流。
09-27 315
以上步骤和代码示例展示了如何构建一个使用Dapper.net、C#、JavaScript和HTML5的问题记录小系统。这只是一个基础示例，实际项目中你可能需要添加更多的功能和错误处理逻辑。希望这能为你的项目开发提供一个良好的起点。
实现语音合成的三种方法：HTML5 Web Speech 、speak-tts、百度语音合成
weixin_45274678的博客
09-27 481
在前端开发中，文字转语音（Text-to-Speech, TTS）技术是一种非常实用的功能，广泛应用于教育、商业、娱乐以及无障碍辅助等多个领域。和speak-tts，并对比它们的优缺点及适用场景。
基于asp.net的教师授课系统设计与实现.docx
最新发布
09-27
基于asp.net的教师授课系统设计与实现.docx
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值