web网页基础个人总结-html篇

1、什么是HTML？
简单来说。HTML是指超文本标记语言（Hyper Text Markup Language），常用来描述网页；它包含HTML标签和纯文本，HTML也被称为网页。浏览器的作用就是读取HTML文档，并以网页的形式显示出他们；浏览器不会显示HTML标签，而是使用标签来解释页面的内容。

2、常用的HTML编辑器有哪些？

• Notepad
• 记事本
• Adobe Dreamweaver
• HBuilderX （本人在用）
• Sublime Text3汉化版
• Visual Studio Code

3、HTML元素
HTML元素指的是从开始标签到结束标签的所有代码。某些HTML元素具有空内容，称为空元素例如：
；空元素在开始标签中进行关闭。大多数html元素可拥有属性。属性提供了有关HTML元素的更多的信息，属性总是以名称/值对的形式出现，例如：class=“header”;属性总是在开始标签中规定

子元素和父元素：子元素是被父元素直接包含的HTML元素，父元素就是包含子元素的HTML；这个是相对来说的，自行理解。例如基本的网页中head里的title元素就可以称为head的子元素，而head可称为title的父元素。

4、HTML基础网页形式

5、HTML元素分类
HTML元素大致可分为块级元素和行内元素。

块级元素一般都是从新行开始，它可以容纳行内元素和其他块元素，常见块级元素比如div/p等。“form”这个快元素比较特殊,他只能来容纳其他块元素。常用的有：


行内元素：也叫做内联元素，一般都是语义级别的基本元素，内联元素已办只能容纳文本或者其他内联元素。常用的有：


行内元素和块级元素的区别

1. 块级元素会独占一行，其宽度自动填满其父元素宽度
   行内元素不会独占一行，相邻的行内元素会排列到同一行里，直到一行排不下，才会换行，其宽度随元素的内容变化而变化。
2. 一般情况下，块级元素可以设置width,height属性，行内元素设置width,height无效（注意：块级元素设置width后仍然会独占一行）
3. 块级元素可以设置margin,padding属性
   行内元素的水平方向的padding-left和padding-right都会产生边距效果，但是竖直方向上的padding-top和padding-bottom都不会产生边距效果

6、HTML注释
注释标签 “《!–与 -->（使用时把《换成<） ”用于在 HTML 插入注释。在开始标签中有一个惊叹号，但是结束标签中没有。
浏览器不会显示注释，但是能够帮助记录您的 HTML 文档。
您可以利用注释在 HTML 中放置通知和提醒信息：

7、XHTML简介
xhtml是以xml格式编写的HTML，指的是可扩展长文本标记语言。比html更严格一点，例如xhtml元素必须正确嵌套、必须始终关闭和必须小写,文档类型必须声明等。

结语
亲爱的浏览者：
你好哈，感谢你的浏览；由于作者水平尚浅理解不深，望多多包涵，有不足或错误之处请在评论指出，我会改正的。这是我的第一篇，简单介绍了一些HTML的东西，当然有很多没有总结到，例如表单啊、表格之类的，会在以后总结，你可以下载w3School离线手册自行学习，拜拜。