HTML入门教程：超文本标记语言基础

需积分: 16 110 浏览量更新于2024-09-06 1 收藏 58KB MD 举报

"这是关于HTML和CSS的前端页面学习笔记，主要涵盖了HTML的基础概念、网络术语、HTML规范以及编写规范，并简单提及了HTML的基本语法特征和结构。" 在HTML（超文本标记语言）中，它是用来描述网页内容和结构的标记语言，而非编程语言。HTML由各种标记构成，这些标记定义了内容的展示方式，如字体、颜色和大小。超文本不仅包括文字，还包括音频、视频和图片等多媒体元素。HTML的核心在于描述文档的语义，而不是关注其外观细节。浏览器直接解析HTML代码来呈现网页。网络术语方面，网页是由HTML标记组成的单一页面，而主页或首页是网站的入口点，通常作为导航页面。HTML中的标记分为开始和结束标记，例如 `<p>` 和 `</p>`，合起来构成一个元素，元素包含了HTML内容。此外，标签可以有属性，提供附加信息，例如 `<img src="URL">` 中的 `src` 属性。在HTML规范中，虽然HTML本身是相对宽松的语言，但依然有一些基本规则需要遵循。例如，大小写在HTML中是有区别的，尽管许多浏览器可以容忍大写，但推荐使用小写。页面通常以 `.html` 或 `.htm` 为扩展名。HTML文档的结构包括声明部分（定义标准，如HTML5），head部分（存储元信息，不显示在页面上），以及body部分（包含实际显示的内容）。编写HTML时，应注意以下规范： 1. 标记应正确嵌套，避免交叉嵌套。 2. 所有标记应写为小写。 3. 双边和单边标记都需要正确封闭，如 `<span></span>` 和 `<br/>`。 4. 属性值需用引号包围，如 `<h1 id="head"></h1>`。 5. 每个属性都应有值，如 `<input type="radio" checked="checked">`。 HTML的基本语法特性包括： 1. HTML不区分换行和制表符，这允许开发者自由缩进和换行而不会影响页面布局。 2. 空白折叠意味着多个连续的空格或换行在解析时会被合并成一个空格。 3. 所有标签都应封闭，确保正确解析。 HTML结构的基本形式如下： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">  </head> <body>  </body> </html> ``` 在这个结构中，`<!DOCTYPE html>` 声明文档类型，`<html>` 是整个文档的根元素，`<head>` 包含元数据，如字符集设置，而 `<body>` 包含实际可见的内容。

敲木鱼_

粉丝: 438
资源: 11

HTML入门教程：超文本标记语言基础

css中所谓的方法.md

html+css.md

HTML与CSS(最大化，最小化和关闭)

day01-HTML-CSS.md

html+css+js---yj.md

wedding-fair-pure-html-css-js：https：wedding-fair-pure-html-css-js.netlify.app

advanced-css.github.io

HTML-css初识.md

前端项目-float-label-css.zip

前端项目-shoelace-css.zip

最新资源