专栏首页Java后端技术HTML标记语法总结

HTML标记语法总结

一、HTML标记类型

    1.单标记

         语法:<标记名>,如:<img>、<br>、<hr>

     2.双标记

         语法:<标记名>…标记内容…</标记名>,如:<a>这是百度的主页</a>

二、HTML标记属性

  语法:

<标记名 属性1 = “属性值1”属性2 = “属性值2”…> 或

<标记名 属性1 = “属性值1”属性2 = “属性值2”…>。。。标记内容。。。</标记名>

   说明:

标记与属性、属性与属性之间都是以空格进行分隔, 属性不区分先后顺序,且属性不是必须的,需要时再添加,不需要不添加! 虽然在HTML中不区分大小写,但是在XHTML中所有的标记确是严格区分大小写的。

三、HTML主要标记解析

1.html标签    <html>和</html>用来标识网页文件的开始和结束,所有的html都必须放在这对html标记中。 2.head标签    <head>和</head>用来标识网页文件的头部信息的开始和结束,如标题、搜索引擎关键字、页面编码类型等等。 3.meta标签    <meta> 元素位于文档的heand标签中,不包含任何内容,它的属性定义了与文档相关联的名称/值对,可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。    meta标签设置页面关键字:      <meta name=”keywords” content=”value”>多个关键字内容之间可以用逗号隔开。    meta标签设置页面描述信息:      <meta name=”description” content=”values”>    meta标签设置页面作者:      <meta name=“author” content=”作者名”>    meta标签设置页面字符集:      <meta http-equiv=”content-type” content=”text/html;charset=UTF-8”>    meta标签设置页面定时跳转:      <meta http-equiv=”refresh” content=”2:URL=网址”>冒号之前表示几秒后跳转,冒号    之后表示要跳转到的URL。    meta标签设置视区大小、缩放比例等:      <meta name = “viewport”content = “width = device-width,initial-scale = 1.0“> 4.title标签    <title>和</title>用来标识网页文件标题的开始和结束。 5.body标签    <body>和</body>用来标识网页文件主体的开始和结束。

四、HTML中的特殊字符 

    © :表示版权号

    ® :表示注册商标

五、部分HTML元素详解

  1.span和div的区别:

    span只是将内容逻辑上包在一起,不改变原样式,可以不是一个规矩的块,不影响布局;而div也将内容包在一起放在一个矩形中,但是会改变原来的样式,永远成一个块状,会影响布局

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 带你深度解析Maven

      Maven是基于项目对象模型(POM project object model),可以通过一小段描述信息(配置)来管理项目的构建,报告和文档的软件项目管理工...

    阿豪聊干货
  • CSS应用给网页元素的几种方式总结

      直接在HTML标签中使用style进行定义样式。如:<p style="color:red;">这里是红色文字</p>.

    阿豪聊干货
  • 关闭Eclipse的控制台console自动跳出

      在eclipse中进行开发,尤其是在后台有项目运行的时候,当有log或者错误需要打印到console中时,控制台就会被自动弹出,恰好这时候你又在编写代码,就...

    阿豪聊干货
  • HTML单双标记

    十月梦想
  • 扩展高质量AI数据标记的基本技巧与提示

    在每个行业中,工程师和科学家都在竞相为AI清理并构造大量数据。比如,计算机视觉工程师团队使用有标记的数据来设计深度学习算法,并训练自动驾驶汽车识别行人、树木、路...

    AiTechYun
  • django源码分析 LazySetti

    LazySetting顾名思义,就是延迟获取配置内容。比如,我们定义了一个对象A,并对其添加了一些属性,对A初始化时,我们将A的属性的值设置为空,当我们要访问A...

    py3study
  • 以太坊蜜罐智能合约分析

    在学习区块链相关知识的过程中,拜读过一篇很好的文章《The phenomenon of smart contract honeypots》,作者详细分析了他遇到...

    Seebug漏洞平台
  • GO的第一天–代码的组织

    用户1127987
  • 面向对象最重要的是“抽象”,三层最重要的也是“抽象”,没有抽象就不是真正的面向对象、三层。

      只用class的,那叫做“基于对象”,比如当初的vb6.0;只是分了三个项目,把以前写在一起的代码分成了三份,所谓的业务逻辑层就是一个传声筒,这一类自称三层...

    用户1174620
  • 劫持系统函数Demo

    以下内容是劫持glib.c中标准printf函数的方法。是这篇 Docker容器内的监控命令数据修正思路的基础知识。对LD_PRELOAD熟悉可以不看。 ##劫...

    Walton

扫码关注云+社区

领取腾讯云代金券