初始HTML的标签小知识

我们知道HTML5是由HTML+CSS+JavaScript,三部分组成。其中HTML是Hyper Text Markup Language的缩写,那HTML主要是包含一系列的标签,我们把这些标签叫做HTML标签,它是HTML语言中最基本的单位、最重要的组成部分。我们一起来看看吧。


一:特点

1.由尖括号包围的关键词,比如

2.通常是成对出现的,比如 <div> 和

3.标签对中的第一个标签是开始标签,第二个标签是结束标签;

4.开始和结束标签也被称为开放标签和闭合标签。

5.也有单独呈现的标签,如:<img src="xxx.jpg"/>等。

6.一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如<h1>标题和 <input type= “text” value=“按钮”>。

7.网页的内容需在标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在标签中,而网页需展示的内容需嵌套在标签中。某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯。

二:HTML标签类型

1.块级标签:

   1.1 独占一行的标签

  1.2 能随时设置高度和宽度(如div p h1 h2 ul li)

2.行内标签(内联标签)

  2.1 多个标签能同时显示在一行

 2.2 宽度和高度取决于内容的尺寸(如span a label)

3.行内-块级标签(内联-块级标签)

 3.1 多个行内-块级标签可以显示在同一行

 3.2 能随时改变宽度和高度(如 input button)

4.修改标签的显示类型

 4.1CSS中display属性,能修改标签的显示类型

 4.1.1 none:隐藏标签

 4.1.2block:让标签变为块级标签

 4.1.3inline:让标签变成行内标签

 4.1.4inlin-block:让标签变成行内-块级标签

三:种类

图片链接:http://www.html5star.com/manual/html5label-meaning/

下一期总结CSS的标签知识

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,692评论 1 92
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,514评论 0 30
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,706评论 1 41
  • HTML需要掌握标签 标签(空格分隔): H5+CSS [TOC] 常用标签 img 注意点 和H系列标签/p标签...
    袁俊亮技术博客阅读 6,187评论 1 8
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,736评论 32 459

友情链接更多精彩内容