首页 > 其他分享 >HTML知识巩固(3)

HTML知识巩固(3)

时间:2024-03-26 19:44:24浏览次数:28  
标签:巩固 下划线 换行 标签 知识 HTML 字体 加粗 ENTER

**HTML常用标签(这段的内容特别多所以可能会分很多段)**

  1.<h1>-<h6>标签

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

  h标签也一般称为标题标签常常用于写标题

  这是h1标签效果

  这是h2标签效果

  这是h3标签效果

  这是h4标签效果 

  这是h5标签效果 
  这是h6标签效果

  我们可以看出来h1到h6的效果是由大变小的并且在h标签里的字符串都有加粗的效果

  2.段落和换行标签

<p>这是个段落标签</p>

  p标签是段落标签常常用于给文章分段,比如我这篇随笔用f12检查可以看见我每一行都加了p标签,p标签原本的作用就是独占一行,哪怕是就占了一行的一格也会把一整段给占满

这是一个换行标签</br>

  </br>标签是换行标签它的功能与我们键盘上的ENTER键相似可以在网页里换行,在网页里可以强行打断当前文字然后在下一行显示,它与段落的区别是换行标签并不会像段落标签一样独占一行只会占目前这一行的剩余位置一开始学的时候我也有一个这样的疑问

  既然</br>与我们的键盘上的ENTER功能相似为什么不用ENTER键呢?后面实践才明白不论按多少次ENTER键HTML都不会识别最多会给一个空格。

  3.文本格式化标签

<strong>这是一个加粗标签</strong> or <b>这也是个加粗标签</b>

  <strong></strong>和<b></b>标签都是加粗标签能使字体加粗,虽然这两个标签都能字体加粗但是推荐使用strong标签语意更加强烈

<em>这是一个斜体标签</em> or <i>这也是个斜体标签</i>

  <em></em>和<i></i>标签都是斜体标签能使字体倾斜,虽然这两个标签都能字体倾斜但是推荐使用em标签语意更加强烈

<del>这是一条删除线</del> or <s>这个也是一条删除线</s>

  <del></del>和<s></s>标签都是删除线标签能使字体删除,虽然这两个标签都能字体能删除线但是推荐使用del标签语意更加强烈

<ins>这是一条下划线</ins> or <u>这也是一条下划线</u>

  <del></del>和<s></s>标签都是下划线标签能使字体下添加下划线,虽然这两个标签都能字体能添加下划线但是推荐使用ins标签语意更加强烈

标签:巩固,下划线,换行,标签,知识,HTML,字体,加粗,ENTER
From: https://www.cnblogs.com/yonghenghuayuan/p/18097392

相关文章

  • java毕业设计企业知识产权管理系统(Springboot+mysql+jdk1.8+maven3.39)
    本系统(程序+源码)带文档lw万字以上 文末可领取本课题的JAVA源码参考系统程序文件列表系统的选题背景和意义选题背景:在知识经济时代,知识产权已成为企业核心竞争力的重要标志。企业为了保护自主创新成果、维护商业利益和市场竞争力,需要对专利、商标、版权等知识产权进行有......
  • js基础知识进阶版
    雷迪斯andthe乡亲们 欢迎你们来到奇幻的编程世界 回顾一下吧!上篇我们学习了开始使用js、js的输出方式、js的语法、js的数据类型、隐性转换 、 显性转换、js转换为数值、js类型转换的应用、js转换为字符串、js转换为bool类型、js的运算符、js赋值运算符、js的比较运......
  • js的基础知识
    雷迪斯andthe乡亲们 欢迎你们来到奇幻的编程世界 上一篇呢!我的css就完事了,联合我们之前所学的html,就可以制作网页了,大家可以尝试一下。今天我们来学一下js,也挺有意思的,开始吧!js(JavaScript)事件驱动式编程语言,(所有的事件都会有功能来响应)  在浏览器中所有的操作称......
  • HTML5 新特性及已移除元素
    HTML5作为HTML的最新标准,引入了一系列新特性和改进,旨在提供更为丰富和强大的Web内容。然而,随着新特性的引入,HTML5也对一些过时或不再推荐使用的元素进行了移除。新特性语义化标签:HTML5引入了一系列新的语义化标签,如<header>,<footer>,<nav>,<article>,<secti......
  • 【浅学】星火知识库文档检索生成问答Demo实测
    前置准备用讯飞大模型3.5搭建好应用,具体操作可以看我的这篇:讯飞星火大模型API,实名认证免费领一年有效期的200万Token,在控制台的左侧有星火知识库,实名认证过就可以开通免费的部分。用这个纯粹是因为免费,关于这个大模型的使用体验啥的不做评价,大家可以也选择自己喜欢的其他模......
  • html标签分类
    常见的HTML块级元素包括:<div>:用于创建一个块级容器,通常用于组织页面结构和样式。<p>:用于表示段落文本。<h1> - <h6>:用于表示标题,数字越大表示级别越低。<ul>:用于表示无序列表。<ol>:用于表示有序列表。<li>:用于表示列表项。<table>:用于表示表格。<form>:用于表示表单。<head......
  • 37.html+css+js网页设计实例/“音乐”酒吧主题介绍/web前端期末大作业/
    一、前言本实例以“音乐”酒吧为主题设计,响应式web,应用html+css+js,包括图片轮翻效果、视频、音频、留言板等,供大家参考。【关注作者|获取更多源码(2000+个Web案例源码)|优质文章】;您的支持是我创作的动力!看到这里就【点赞收藏博文】,Web开发、课程设计、毕业设计有兴趣的联系我交......
  • Javascript基础知识
    Javascript简介:什么是Javascript       JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的高级语言。脚本语言:在程序的运行过程中逐行进行解释执行,不需要预编译。动态类型:在声明了一个变量之后,我们能够随时改变它的数据类型。弱类型:变量在使用前......
  • 产品知识点整理01
    产品知识点整理24.3.9作为一个准备校招的萌新本科生,在自己的校招职业选择中加上“产品岗”是一件很冒险的行为。这个念头已经在脑海里浮现过很多次,尽管他的职业要求“很虚”,可能涉及学历关,可能职业潜力有限,可能相比起技术岗更具有不确定性……但是如果你想做,现在不做,以......
  • Python基础知识汇总
    1.Anaconda的安装百度Anaconda的官网,下载左边的Python3.X版本然后是设置路径,最后给出Jupyternotebook。具体参考:猴子:初学python者自学anaconda的正确姿势是什么??不过平时练习的时候我个人习惯用EnthoughtCanopy,但比起Anaconda有些中文字符的编写不兼容。下载链接如下:C......