位置: IT常识 - 正文

【web前端基础之HTML】——HTML基本知识(web前端基础是什么)

编辑:rootadmin
【web前端基础之HTML】——HTML基本知识 【web前端基础之HTML】——HTML基本知识文章目录【web前端基础之HTML】——HTML基本知识1️⃣表题输出`<hn>`元素2️⃣换行输出`<br>`元素3️⃣保持原始文件样式`<pre>`元素4️⃣水平线`<hr>`元素5️⃣段落`<p>`元素6️⃣粗体显示`<b>`和`<strong>`元素7️⃣斜体`<em>`和`<i>`元素8️⃣加底纹`<mark>`元素1️⃣表题输出<hn>元素

推荐整理分享【web前端基础之HTML】——HTML基本知识(web前端基础是什么),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:web前端技术基础是什么,web前端基础知识点总结,web前端基础知识,web前端基础教程,web前端基础知识点总结,web前端基础知识,web前端基础教程,web前端基础知识,内容如对您有帮助,希望把文章链接给更多的朋友!

<hn>元素用于HTML文件的标题输出,一行只显示一个(块元素),具有换行输出和加粗的效果。n的值是1~6,代表6个级别标题,1字号最大,随数字增大字号减小。

案例:demo1.html⬇️

<!doctype html><html><head><meta charset="utf-8"><title>demo1</title></head><body><h1>标题 1</h1><h2>标题 2</h2><h3>标题 3</h3><h4>标题 4</h4><h5>标题 5</h5><h6>标题 6</h6></body></html>

效果图⬇️

2️⃣换行输出<br>元素

br 是个单标签,没有 结束标记,主要功能是让文字换行输出。

案例:demo2.html⬇️

<html><head><meta charset="utf-8"><title>demo2</title></head><body>第一行文字<br>第二行文字</body></html>

效果图⬇️

3️⃣保持原始文件样式<pre>元素

这个元素内的内容在浏览器中呈现的效果和编写程序时效果一样。常用在显示诗词或是程序语言源代码,在网页内保留空格和换行。

案例:demo3.html⬇️

<html><head><meta charset="utf-8"><title>demo3</title></head><body><pre>pre第一行文字pre第二行文字</pre></body></html>

效果图⬇️

4️⃣水平线<hr>元素

hr 也是个单标签,没有 结束标记。输出为一条水平线。

【web前端基础之HTML】——HTML基本知识(web前端基础是什么)

案例:demo4.html⬇️

<html><head><meta charset="utf-8"><title>demo4</title></head><body>下面是一条水平线。<hr></body></html>

效果图⬇️

5️⃣段落<p>元素

<p> 标签定义段落。 <p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间, 您也可以在样式表中规定

案例:demo5.html⬇️

<html><head><meta charset="utf-8"><title>demo5</title></head><body><p>这是第一段文字</p><p>这是第二段文字</p></body></html>

效果图⬇️

6️⃣粗体显示<b>和<strong>元素

b 和 strong 都能让文字粗体显示,两者效果一样,一般重要内容使用strong。

案例:demo6.html⬇️

<html><head><meta charset="utf-8"><title>demo6</title></head><body><p>这是粗体练习1:<b>这是粗体文字1</b></p><p>这是粗体练习2:<strong>这是粗体文字2</strong></p></body></html>

效果图⬇️

7️⃣斜体<em>和<i>元素

i 和 em 都能让文字斜体显示,且显示的效果一样,但em元素语意的重点是强调,如果表示重要内容,建议使用em。

案例:demo7.html⬇️

<html><head><meta charset="utf-8"><title>demo7</title></head><body><p>这是斜体练习1:<i>这是斜体文字1</i></p><p>这是斜体练习2:<em>这是斜体文字2</em></p></body></html>

效果图⬇️

8️⃣加底纹<mark>元素

mark标签内文本会以黄色高亮显示。

案例:demo8.html⬇️

<html><head><meta charset="utf-8"><title>demo8</title></head><body><p>这是加底纹练习:<mark>高亮文字</mark></p></body></html>

效果图⬇️

本文链接地址:https://www.jiuchutong.com/zhishi/300384.html 转载请保留说明!

上一篇:使用Nodejs搭建HTTP服务,并实现公网远程访问「内网穿透」(nodejs搭建http服务器接收请求)

下一篇:编程工具-GPT来AI编程代码(gpgpu编程技术)

  • 增值税发票综合服务平台验证口令失败
  • 所得税资产和所得税费用
  • 代理税务有哪些机构
  • 生产成本明细科目是材料还是产品
  • 资产处置收益是什么会计科目
  • 计入损益的税
  • 机动车检测公司上班时间
  • 收到固定资产发票抵扣进项税
  • 小规模企业所得税税率多少
  • 物业公司财务制度及核算方法
  • 工会经费返还怎么使用
  • 单位没有给员工交社保工伤怎么算
  • 税控盘维护费要交吗
  • 会员卡收费怎么办理
  • 固定资产汽车抵扣新政策
  • 公司之间借款如何做账
  • 2月的发票入在1月可以吗
  • 取得进项票当月未认证
  • 挂靠经营的纳税人
  • 业务招待费业务宣传费
  • 预付账款后期如何冲销
  • 零售行业折扣如何做账?
  • 网络服务费一般纳税人几个点
  • html5 video标签
  • 最新早上好图片大全集
  • 政府补助具有哪些特点?
  • 怎么才能快速?
  • win10升级win11报错
  • PHP:apache_setenv()的用法_Apache函数
  • sgbhp.exe - sgbhp是什么进程 有什么用
  • nbr是什么意思中文翻译
  • 工作完工结算是什么意思
  • 金融业营业税税率
  • 代销商品受托方怎么做账
  • 饲料企业经营范围
  • 关联方核对
  • 固定资产未提完折旧可以报废吗
  • 营业执照年检认缴和实缴怎么填
  • axios.interceptors.request.use简介
  • 备抵法会计分录
  • 小规模纳税人无票收入怎么申报
  • 数学建模赋权
  • 文心一言中国经济大讲堂
  • php新手入门教程
  • 生育保险断缴后果
  • 财务报表年报和汇算清缴的顺序
  • 人工费没有发票咋入帐
  • 个人独资企业用企业资金进行个人消费
  • 当月工资未发放的怎么记账
  • 前端动画库
  • 存货盘亏毁损处理方法
  • access不能打开数据库
  • 作废的发票会统计到税额里吗
  • 项目差旅费可以直接计入劳务成本吗
  • 货物运输企业的经营内容
  • 提出行政复议是否可以暂停拘留
  • 暂估入库做账
  • 2021年财务新规定
  • 装修费用一次性摊好还是分期好
  • 商品销售企业成本包括
  • 建设工程施工管理
  • 办公用品的发票可以抵扣吗
  • 企业会计账簿设计的原则
  • sql server服务器模式
  • linux系统讲解
  • windows7光盘安装
  • 打开 itunes
  • win10声音文件
  • linux 有哪些
  • android canvas rotate
  • jqueryfind
  • js文件被加密
  • 残疾人保障金税前扣除规定
  • 10月份税务申报
  • 香港买iphone要交多少税
  • 如何挑选烟叶等级
  • 金坛归属南京
  • 广东增值税发票勾选平台
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设