从零开始学HTML,掌握网页开发的基础html
HTML,即HyperText Markup Language,是HyperText Communications公司于1987年开发的一种基于标记语言的格式,HTML是Web开发的基础,是所有网页内容的基础语言,也是前端开发的入门工具,无论是学习Web开发、响应式设计,还是移动应用开发,掌握HTML的基础知识都是不可或缺的。
HTML的基本语法
HTML的基本结构包括一个<!DOCTYPE>声明,指定文件类型和文档类型,HTML文档通常以<!DOCTYPE html>开头,其中html是字符集声明,HTML文档的主体由< html>标签包裹,内部包含多个元素(Element)和属性(Attribute)。
标签(Tag)
标签是HTML的核心语法,用于定义网页页面的结构,标签分为标签名和属性两部分。
表示一个h1标题标签,其中h1是标签名,没有属性。
常见的HTML标签包括:
- :表示HTML文档的开始。
- :表示HTML文档的头部,包含元数据和样式表。
- :表示HTML文档的主体,包含页面内容。
-
:用于创建一个块级元素,用于布局。
- :用于创建文本内容。
- :用于创建超链接。
:用于插入图片。
- :用于创建用户输入字段。
:用于创建页面头部。 属性(Attribute)
属性用于描述标签的属性和样式,属性通常以空格分隔,属性名以引号括起来,属性值可以是字符串、数字或布尔值。
。
常见的属性包括:
- src:图片的来源地址。
- alt:图片的描述文字。
- style:样式属性,用于定义标签的样式。
- class:CSS类名,用于样式选择。
- id:唯一标识符,用于引用标签。
元素的层次结构
HTML元素的层次结构是基于DOM树的,每个元素都有一个父元素和多个子元素。
标签可以包含多个标签,表示一个包含多个段落的页面。
HTML5的基本语法
HTML5是第5版的HTML标准,引入了新的语法特性,使得HTML更加简洁和易于使用。
标签的闭合
HTML5取消了标签的闭合符,可以直接在标签名后添加内容。
和可以写成。属性的简写
HTML5引入了属性的简写语法,可以将属性名和属性值合并在一起。
可以写成
。
引用
HTML5引入了引用(Reference),可以将多个属性一次性声明。
。
多选属性
HTML5引入了多选属性(Multiple Choice),可以将多个属性一次性声明。
。
HTML的基础知识
HTML的结构
HTML的结构由头(
)和体()两部分组成,头部分包含元数据和样式表,体部分包含页面内容。HTML的布局
HTML的布局由标签的层次结构决定,标签的层次结构决定了页面的布局。
标签可以包含多个标签,表示一个包含多个段落的页面。
HTML的样式
HTML的样式由CSS(Cascading Style Sheets)定义,用于控制标签的外观和布局,CSS可以使用内部样式表(