"html基础笔记,内容会持续更新。方程详细。html详细笔记,非常详细。标签:html。"
HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,它是Web开发的基础,允许开发者通过一系列预定义的标签来组织和描述网页内容。本笔记将深入探讨HTML的基础概念、语法规则以及常用标签。
一、基础认知
1. 网页由各种元素组成,如文字、图片、超链接、音频和视频。这些元素由前端程序员使用HTML编写。
2. 网页的本质是代码,浏览器负责将这些代码解析并呈现为用户可以浏览的网页。
3. 浏览器作为运行平台,有多种类型,如Internet Explorer、Google Chrome、Firefox、Safari和Opera,它们内部的渲染引擎(内核)可能不同,影响着代码的解析速度和效果。
4. Web标准旨在减少不同浏览器解析代码时产生的差异,主要包括HTML、CSS和JavaScript,确保网页在不同浏览器上的表现一致。
二、HTML语法规则
1. HTML是一种超文本标记语言,用于描述网页内容和结构,如文本、视频等。
2. HTML文档的基本骨架包括整体html标签、头部head标签、主体body标签以及位于head内的标题title标签。
3. 在VSCode中,可以通过快捷键(Shift + 英文感叹号)快速生成HTML骨架。
4. 注释是提高代码可读性的重要部分,使用`<!--要添加注释的内容-->`进行注释,Ctrl+/可以快速注释或取消注释行。
5. HTML标签分为单标签(如<br>, <hr>)和双标签(如<p>, <h1>),双标签用于包裹内容。
三、HTML基本标签
1. 标题标签(h系列):h1至h6,表示1到6级标题,重要性递减,文字加粗且大小随等级变化,每级标题独占一行。
2. 段落标签(p标签):用于表示文本段落,相邻段落间有间隙,每段独占一行。
3. 换行标签(br标签):单标签,用于强制文本换行。
4. 水平分割线标签(hr标签):单标签,创建一条水平线,常用于分隔内容。
5. 文本格式化标签:如<b/b>, <u/u>, <i/i>, <s/s>用于加粗、下划线、倾斜和删除线,对应的语义强化标签是<strong/strong>, <ins/ins>, <em/em>, <del/del>,后者更适用于强调内容。
理解并熟练掌握这些基础概念和规则是构建有效网页的第一步。通过不断实践和学习,开发者可以创建功能丰富、视觉吸引人的网页。