HTML基础入门：标签语法与常用元素解析

需积分: 0 91 浏览量更新于2024-08-03 收藏 1.45MB PDF 举报

“html基础知识总结-第一天” 在学习HTML（HyperText Markup Language）的过程中，了解其基本语法和常用标签是至关重要的。HTML是一种用于创建网页的标准标记语言，它通过标签来组织网页内容，使得浏览器能够正确地展示这些内容。首先，我们要明白网页的基本组成。一个完整的HTML文档通常包括三个主要部分：`<html>`（整个网页）、`<head>`（网页头部）和`<body>`（网页主体）。`<head>`部分用于存放元数据，如CSS样式表、JavaScript脚本等，而`<title>`标签则定义了网页的标题，在浏览器标签页上显示。`<body>`部分则包含用户可见的内容，如文本、图片、链接等。 HTML中的标签分为两类：双标签和单标签。双标签如`<p>`（段落）和`<a>`（超链接），它们有开始和结束标签，如`<p>`和`</p>`，中间包裹着内容。单标签如`<br>`（换行）和`<hr>`（水平线），它们只有一个标签，不需闭合。在编写HTML时，注意标签的结构和关系。父子关系（嵌套关系）是指一个标签包含在另一个标签内，例如`<p>`标签内的文本。兄弟关系（并列关系）是指多个标签在同一层级，如两个相邻的`<p>`标签。为了代码的可读性，应保持良好的缩进和换行。注释在HTML中很重要，它可以帮助开发者理解代码功能，但不会被浏览器执行。在VSCode中，可以使用快捷键Ctrl+/快速添加或删除注释。 HTML提供了多种标题标签，从`<h1>`到`<h6>`，用于表示不同级别的标题。`<h1>`是最重要的标题，通常用于页面主标题，而`<h2>`至`<h6>`则用于次级标题。每个页面通常只使用一个`<h1>`标签，而`<h2>`至`<h6>`则可以多次使用，字号会随着级别的增加而减小。段落`<p>`标签用于表示文本段落，每段内容会被浏览器自动加上一定的间距。换行`<br>`标签则用于强制文本换行，不产生新的段落。水平线`<hr>`标签则在页面上绘制一条水平线，常用于分隔内容。文本格式化标签如`<strong>`用于加粗文本，`<em>`用于斜体，`<u>`用于下划线，`<del>`用于删除线，`<ins>`用于插入线，这些标签帮助我们强调和区分页面上的关键信息。通过掌握这些基本的HTML知识，你将能够开始创建简单的网页布局，并逐步熟悉CSS来控制样式和布局，实现更复杂的网页设计。在学习过程中，实践是关键，尝试制作自己的网页，不断探索和练习，将有助于更好地理解和运用这些知识点。

标签结构

标签要成对出现，中间包裹内容

<>里面放英文字母（标签名）

结束标签比开始标签多 /

标签分类：双标签和单标签



03-HTML骨架

html：整个网页

head：网页头部，用来存放给浏览器看的信息，例如 CSS

title：网页标题

body：网页主体，用来存放给用户看的信息，例如图片、文字

<strong>需要加粗的文字<strong>

<br>

<hr>

剩余10页未读，继续阅读

weixin_72282013

粉丝: 2
资源: 1

HTML基础入门：标签语法与常用元素解析

HTML入门：第一天学习总结

初学前端CSS第一天要点总结

前端入门：第一天学习总结

html学习笔记第一天总结.pdf

学成在线-第2天-讲义-CMS前端开发v1.21

PHP_MySQL教程-第二天while循环与数据库操作第1/2页

html第一天笔记.pdf

HTML5实训报告-原创实训总结.pdf

HTML5实训报告-原创实训总结.doc

七天html实训总结.pdf

最新资源