什么是HTML标签

HTML标签标记了HTML文档和HTML元素

HTML标签由开始标签和结束标签组成.开始标签为尖括号包围的元素名,结束标签为尖括号包围的斜杠和元素名

例如:<h2> My First Heading</h2>

HTML基本标签

  • 标题(Heading)是通过h1 - h6等标签进行定义的.
  • 段落 是通过<p>标签定义的.
  • 超链接 是通过<a>标签定义的.(在href 属性中指定超链接的地址)
  • 图像 是通过<img>标签定义的.(在src属性指定图像的位置,width height 指定图像的宽度和高度).

HTML元素

HTML文档是由html元素定义的.(?)

HTML的元素是指从开始标签到结束标签的所有代码..例如:<p>我是一个段落</p>表示一个html元素.可以看出,

一个html元素主要包括html标签和纯文本.

标签定义了网页显示的格式,文本表示网页的内容.故此,网页 =  html文档,而html文档则是由html元素定义的.

  • 元素语法

以开始标签开始,以结束标签终止.元素的内容是开始标签和结束标签之间的内容. 某些html元素具有空内容(empty content)空元素在开始标签进行关闭 大多数的html元素都是拥有属性的.

  • 嵌套的html元素

大多说的html元素都是可以嵌套的(包含其他的html元素).html文档就是有嵌套的html元素组成的.例如:

<html>

<head>

<title>First HTML Document</title>

</head>

<body>

<p>我是一个段落</p>

</body>

</html>

上面就是一个简单的html文档.

  • 空的HTML元素

没有显示内容的元素 就是空的元素.空元素在开始标签中定义.例如<br/>就是一个空元素(<br/>表示换行).

另外,html的元素是对大小写不敏感的.但是最好使用小写标签,因为万维网联盟(W3C)推荐使用小写的标签,而在未来的HTML版本中则会强制使用小写标签.

HTML属性

  • HTML属性为HTML元素提供附件信息,例如在超链接标签<a href = “http://www.cnblogs.com>博客园</a>使用了href 来指定超链接的地址.
  • 属性总是以名称/值的形式出现,例如:name = “value”
  • 属性总是在开始标签中定义.

例如:

  1. 标题标签 <h1 align = “cenern”>I am a heading</a>标题居中显示.
  2. 文档开始标签 由<body>定义 <body bgcolor = "green"> 文档的背景颜色为绿色.
  3. 属性值对大小写是不敏感的.
  4. 属性值通常应该包含在引号中(单引号和双引号都可以习惯使用双引号)但是在某些情况下,例如属性值个本身带有双引号,则必须使用单引号.例如:name = ‘九霄”lovelq522”’
  5. 常用属性
  • class  classname        规定元素的类名(classname)
  • id        id                     规定元素的唯一id
  • style   style_definition    规定元素的行内样式(inline style)
  • title    text             规定元素的额外信息(?)(可在工具提示中显示)

标准属性参考手册

转载于:https://www.cnblogs.com/xuedexin/articles/5604127.html

DOM 基础 HTML标签 元素 属性相关推荐

  1. html5基础--audio标签元素

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  2. html中的元素 英文,HTML 常用标签元素属性名英文书写

    HTML 常用标签元素属性名英文书写 头: header 内容: content/containe 尾: footer 导航: nav 侧栏: sidebar 栏目: column 页面外围控制整体布 ...

  3. html中加号用什么表示,HTML基础-常用标签及属性

    Wild Web,万维网)的核心语言,由SGML发展而来.HTML(Hyper Text Markup Language/超文本标记语言)是一种布局语言,告诉浏览器显示什么内容以及如何显示内容.浏览器 ...

  4. java dom获取命名空间属性_Java DOM XML解析::获取元素属性值

    如何从元素中提取属性值.我的xml节点是这样写的 &LT nodename attribute ="value">我需要将其解压缩以将其与另一个字符串进行比较. 但由 ...

  5. HTML5基础-新增标签+新增属性+布局案例

    html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figca ...

  6. html的课设作业6,第七节课html标签元素属性作业-2019-9-6 作业

    实例 html> 2019最新课程表 table { /* border: 1px solid #000; */ /* border-collapse: collapse; */ width:  ...

  7. 怎样设置html的元素属性,Jquery怎么设置元素的属性和样式?

    Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性 对于下 ...

  8. 3.3.1JavaScript网页编程——WebAPI(JS之DOM基础篇,含事件)

    目录 DOM和BOM DOM 根据CSS选择器来获取DOM元素 (重点) 选择引号里面加**css选择器** 获取页面标签querySelect和querySelectAll 其他获取DOM元素方法( ...

  9. select标签及其标签元素

    select标签 特点(区别于其他同父元素下的标签) 作用(他的特点注定了他的作用) 使用场景(工程项目) 怎么样使用(需要容纳在那个标签下.需要配合哪些标签使用) 解答 select是属于表单元素还 ...

最新文章

  1. 用户一亿的网易新闻客户端质量如何?
  2. 几种常用通信协议:IIC协议、SPI协议、UART协议
  3. OmniPeek与Sniffer比较区别
  4. Django + Uwsgi + Nginx 的生产环境部署项目知识点
  5. matlab用lism求零输入响应,信号与系统matlab课后作业_北京交通大学讲解.docx
  6. SpringBoot的配置项
  7. PMP读书笔记(第5章)
  8. 如何将系统退回上个版本Android,vivo NEX A降级教程,如何回退到旧版本系统的方法...
  9. Android4.0 添加一个新的Android 键值
  10. python语言结构化语言_如何在python中处理结构化语言文件
  11. node.js中net网络模块TCP服务端与客户端的使用
  12. DataGraph for Mac v4.3.0 强大的统计分析软件
  13. 小学计算机课的微案例,全国中小学信息技术课程教学案例大赛获奖作品 趣味造型制作.doc...
  14. [机器学习入门] 经典台大李宏毅机器学习课程从这里开始
  15. 私域运营第五讲:实体餐饮店如何通过搭建私域流量实现营收增长
  16. 体验管理,猪飞不起来的风口
  17. xp系统网上邻居看不到局域网电脑_Win7系统网上邻居看不到局域网中其他电脑怎么办...
  18. 用定时器设计门铃,按下按键时蜂鸣器发出叮咚的门铃声
  19. thinkphp6学习教程与源码 tp6开源CMS系统源码研究
  20. Microbime:微生物组学领域的标准制定

热门文章

  1. いちがつ(2017/1)
  2. coreleft函数
  3. 关于注入(css/c.js)
  4. python 在不同层级目录import 模块的方法
  5. 那些年职场老鸟都踩过哪些坑?送给后来人的一些职场建议
  6. sql语句lastupdate使用数据库库函数
  7. 服务器维修天长,台达精密空调服务天长市供电局
  8. 2021年程序员可以做哪些副业?
  9. 【APICloud系列|41】融云单聊及消息的处理的对接与实现
  10. SVN Error: Can‘t connect to host xxxxx‘: 由于目标计算机积极拒绝,无法连接,的最快解决办法