前端新手入门：HTML基础知识与常见标签解析

需积分: 32 35 浏览量更新于2024-09-01 收藏 16KB DOCX 举报

"这是一份前端入门的知识笔记，涵盖了基础概念、Web标准构成、HTML标签、HTML基础结构标签以及常用HTML标签的语义解释。笔记旨在帮助初学者理解前端开发的基础知识，包括网页的本质、HTML的用途、浏览器类型，以及Web标准的结构、表现和行为分离原则。此外，还详细介绍了HTML语法规范，如标签的成对出现、包含关系和并列关系，以及HTML的基础结构标签如<html>、<head>、<title>和<body>。最后，笔记列举了常见的HTML标签，如标题标签<h1>-<h6>、段落标签<p>和换行标签<br/>，并解释了它们的语义和使用方法。" 在前端开发中，了解这些基础知识至关重要。首先，网页是由HTML（超文本标记语言）编写的文档，通过浏览器解析和渲染呈现给用户。HTML是一种标记语言，它通过不同的标签来描述网页内容的结构和意义。浏览器则负责将这些标记解析成可视化的页面。 Web标准的构成主要包括结构、表现和行为三个部分。结构（Structure）指的是HTML，它定义了网页内容的组织；表现（Presentation）由CSS（层叠样式表）控制，负责样式和布局；行为（Behavior）通常通过JavaScript实现，赋予网页交互功能。这种分离使得网页更加模块化，易于维护和扩展。 HTML标签是HTML的基本构建块，如双标签和单标签。双标签如<head>和<body>表示开始和结束，而单标签如<br/>则无需闭合。标签之间的关系分为包含关系（嵌套关系）和并列关系，前者如<head>内包含<title>，后者如<head>与<body>平行。 HTML的基础结构标签包括<html>、<head>、<title>和<body>。<html>是整个文档的根元素，<head>包含了元数据，如文档标题，而<body>则包含网页的可见内容。标题标签<h1>-<h6>用于设定各级标题，从最重要的<h1>到次重要的<h6>。段落标签<p>用于组织文本内容，每次遇到<p>标签，浏览器会自动换行并添加适当间距。换行标签<br/>则强制文本在当前行结束后立即换行，但其后的间距较小。了解并熟练掌握这些基础概念和标签，是成为一名合格前端开发者的第一步。通过不断实践和深入学习，开发者可以进一步掌握CSS和JavaScript，进而创建出更复杂、更富有交互性的网页。

2010.9.19

一.基础概念

1.网页:指 html 格式的文件，通过浏览器进行阅读。

网页是构成网站的基本元素，由图片，链接，文字，声音，

视频等元素组成。

2.HTML：超文本标记语言，是标记语言，用来描述网页。

3.网页的形成：前端开发代码————浏览器显示————生成最

后 web 页面。

4.常用的五大浏览器：ie，火狐，谷歌，safari 和 opera。

二.web 标准的构成

分别是结构，表现，行为

标准说明

结构结构用于对网页元素进行整理和分类，现阶段

主要为 HTML

表现表现用于设置网页元素的版式，颜色，大小等

外观样式，主要是 CSS

说明指网页模型的定义和交互的编写，主要为

JavaScript

Web 最好的方案是结构，表现，行为相分离，即：

结构写到 HTML 文件里，表现写在 CSS 里，行为写到 javascript

下载后可阅读完整内容，剩余3页未读，立即下载

七月的琴麻岛

粉丝: 2
资源: 14

前端新手入门：HTML基础知识与常见标签解析

web前端.pdf 笔记

前端入门自理笔记02.docx

前端入门和进阶学习笔记超详细的图文教程

web前端开发笔记vscode

前端html5css3笔记整理下载

在学习PHP开发前，我需要掌握哪些HTML和CSS的基础知识？请结合《韩顺平PHP全套笔记：从入门到精通》的内容进行解答。

pink老师移动端笔记

bilibili狂神代码笔记

狂神说笔记(最全).zip

狂神说vue笔记.md

最新资源