位置: 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编程技术)

  • 淘宝积分在哪里看(淘宝积分在哪里看到且兑换)

    淘宝积分在哪里看(淘宝积分在哪里看到且兑换)

  • 钉钉直播怎么开麦克风(钉钉直播怎么开摄像头)

    钉钉直播怎么开麦克风(钉钉直播怎么开摄像头)

  • iphone查找怎么添加设备(iphone查找怎么添加手机)

    iphone查找怎么添加设备(iphone查找怎么添加手机)

  • 录屏会被对方发现吗(录屏会不会录我说话)

    录屏会被对方发现吗(录屏会不会录我说话)

  • 抖音为什么打不开闪退(抖音为什么打不了视频)

    抖音为什么打不开闪退(抖音为什么打不了视频)

  • ipad能连打印机不(ipad能连打印机吗有线)

    ipad能连打印机不(ipad能连打印机吗有线)

  • 手机端h5是什么意思(手机h5页面是什么)

    手机端h5是什么意思(手机h5页面是什么)

  • 华为电话怎么截屏(华为电话怎么截屏啊)

    华为电话怎么截屏(华为电话怎么截屏啊)

  • 计算机三类总线是什么(计算机三类总线是哪三线)

    计算机三类总线是什么(计算机三类总线是哪三线)

  • 在回收站里删掉的东西可以恢复吗(在回收站里删掉的东西)

    在回收站里删掉的东西可以恢复吗(在回收站里删掉的东西)

  • 3500毫安与4000毫安电池差别大吗(3500毫安与4000毫安使用时间)

    3500毫安与4000毫安电池差别大吗(3500毫安与4000毫安使用时间)

  • 注册辅助验证是什么意思(注册辅助验证是什么意思华为的)

    注册辅助验证是什么意思(注册辅助验证是什么意思华为的)

  • 拼多多换货不用申请吗(拼多多换货不用找售后直接退回商家)

    拼多多换货不用申请吗(拼多多换货不用找售后直接退回商家)

  • 手机怎样把两张图片合成一张(手机怎样把两张图片P一张)

    手机怎样把两张图片合成一张(手机怎样把两张图片P一张)

  • 手机循环重启怎么回事(手机循环自动重启)

    手机循环重启怎么回事(手机循环自动重启)

  • 手机出现fastboot怎么办(手机出现fastboot会坏吗)

    手机出现fastboot怎么办(手机出现fastboot会坏吗)

  • boss直聘被封了怎么办(boss直聘封了可以用别的手机号再注册吗)

    boss直聘被封了怎么办(boss直聘封了可以用别的手机号再注册吗)

  • oppofindx充满电要多久(oppo find x3充满电)

    oppofindx充满电要多久(oppo find x3充满电)

  • 毒免费鉴别要多久(毒上免费鉴别是有几次?)

    毒免费鉴别要多久(毒上免费鉴别是有几次?)

  • 微信里怎么显示手机号(微信里怎么显示企业微信发的消息)

    微信里怎么显示手机号(微信里怎么显示企业微信发的消息)

  • 微信小程序电脑能用吗(微信小程序电脑端打开)

    微信小程序电脑能用吗(微信小程序电脑端打开)

  • 红米k20pro无线充电吗(红米k20pro 无线充)

    红米k20pro无线充电吗(红米k20pro 无线充)

  • 访问老旧网站提示“过期的或不安全的TLS安全设置”怎么办(经常访问的网站怎么恢复)

    访问老旧网站提示“过期的或不安全的TLS安全设置”怎么办(经常访问的网站怎么恢复)

  • 在win7系统中,桌面变成经典主题界面,无法更改该怎么办?(在win7系统中文件属性有哪些)

    在win7系统中,桌面变成经典主题界面,无法更改该怎么办?(在win7系统中文件属性有哪些)

  • 财务软件开票税率
  • 事业单位净资产为负数怎么办
  • 进项都抵扣完了怎么办
  • 文化建设税怎么填
  • 本期进项税大于销项税
  • 未发货先开票怎么结转成本
  • 用于本企业职工的福利应当征收消费税吗
  • 信用证保证金是什么意思
  • 所得税汇算清缴报告在哪查
  • 免征增值税和营业税政策
  • 税审报告谁签字
  • 银行利息收入要开发票吗
  • 生育津贴做账法会计准则
  • 商家拒开发票的五大借口
  • 出口退税换汇率多少是正常
  • 实收资本何时交税
  • 个人出租住房增值税免税政策
  • 初级备考计划表
  • 1697506708
  • 王者荣耀如何更改战区
  • 苹果电脑macbookpro使用教程
  • 住房公积金如何使用
  • 不具备生产条件的生产经营单位
  • 苹果电脑itu
  • 怎么看iPhone电池温度
  • 如何使用wordpress建站
  • 网关设置
  • 软件测评费用标准
  • 承租人经营租赁会计分录
  • win10显示所有应用
  • hook execution failed
  • 增值税发票开错了可以退吗
  • 金蝶迷你版财务软件报价
  • thinkphp6调用模型的方法
  • 动态模型图如何制作
  • php读取数据库复选框数据
  • php判断时间区间
  • 消防工程材料费用占比
  • 信用证支付方式,银行处理单据时主要关注( )
  • 一般纳税人支付的增值税计入成本吗
  • 电子税务局没有税务数字账户怎么办
  • 现金收入的管理的内容包括哪些
  • 收回投资收到的现金减少
  • sqlserver调度
  • 权责发生制根据产品的生产特点和管理要求结转成本
  • 对企业发票的监管
  • 关于固定资产的说法
  • 电子税务局是指什么意思
  • 发票已抵扣但对方要红冲账务处理
  • 出口货物退免税的管理规定
  • 如何核算小企业成本
  • 上年度固定资产费用化了,财报怎么算
  • 增值税发票丢失罚款多少
  • 无形资产根据什么科目填列
  • 房租转租怎么处理合法
  • 专项资金补助经费如何入账
  • 借款后的报销流程怎么写
  • 存根联明细怎么申报
  • 收入的确认条件包括
  • 劳务派遣税率是多少2023
  • 为什么要计提工资附加费
  • 如何处理记账凭证
  • spring-jdbc.jar
  • centos rpm安装方法
  • linux系统vim编辑readonly option
  • mmc不能打开文件services.msc
  • 双系统重装win11
  • xp系统怎么取消密码怎么设置
  • windows7如何设置时间格式
  • Linux中systemd target命令使用详解
  • win10更新补丁后共享打印机无法使用
  • 细说javascript
  • 噩梦原版
  • js面向对象的三大特性
  • 深入理解新发展理念
  • jquery网页
  • 基于python的应用
  • 电子税务局网页版登录入口官网
  • 东营为什么没有疫情
  • 云南国家税务网上开票赋码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设