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 条评论
登录 后参与评论

相关文章

来自专栏代码世界

HTML DOM Event 对象

1572
来自专栏CaiRui

HTML

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的...

4188
来自专栏谈补锅

JS DOM学习笔记

2、使用window对象的属性、方法的时候可以省略window。例如:window.alert("hello")一般写成alert("hello"); wind...

2034
来自专栏黑泽君的专栏

Java中菜单组件

3653
来自专栏十月梦想

最大宽度最小宽度

    css3又加入了min-width,min-height,max-with,max-height等属性

693
来自专栏大数据钻研

DIV+CSS初学者需重视的10个简单问题与技巧

DIVCSS初学者往往感觉自己遇到很多莫明其妙的问题,其实只是一些小细节没有引起重视,下面罗列了10个问题与技巧,温故而知新。 一、检查HTML元素是否有拼写错...

2717
来自专栏闵开慧

struts2标签示例

常用UI标签: Textfield标签输出一个HTML单行文本输入控件 Textarea标签输出一个HTML多行文本输入控件 Radio标签输出单选按钮 che...

2926
来自专栏老马寒门IT

06-移动端开发教程-fullpage框架

CSS3的新特性已经讲完了,接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面,手指或者鼠标...

5599
来自专栏Google Dart

AngularDart Material Design 选项卡 顶

注意:为了获得高质量的用户体验,选项卡条的用户必须将焦点设置为新显示的内容,以便1)选项卡不保留焦点样式,2)屏幕阅读器可以计算已更改的内容。

1262
来自专栏九彩拼盘的叨叨叨

初级 Web 前端核心技能点

933

扫码关注云+社区

领取腾讯云代金券