HTML基础入门笔记：标签结构与元素详解

html

需积分: 44 82 浏览量更新于2024-08-01 收藏 42KB DOCX 举报

身份认证购VIP最低享 7 折!

30元优惠券

本文档是一份关于HTML基础的读书笔记，主要介绍了HTML语言的基本结构和元素。HTML（Hypertext Markup Language）是一种用于创建网页的标准标记语言，它由一系列的标签（tag）构成，这些标签用来组织和描述网页内容。首先，HTML文档的结构通常由三个主要部分组成：`<html>`、`<body>`和`<head>`，其中`<html>`标签定义了整个HTML文档的范围，而`<body>`标签包含了实际可视化的网页内容。`<head>`标签通常用于包含元数据，如标题、样式表链接和脚本。标题在HTML中通过`<h1>`到`<h6>`标签表示，从最大的一级标题（如书本标题）到最小的一级标题（如子标题），这些标签决定了文本的重要性程度。段落则是通过`<p>`标签定义，用于组织文本块。链接是HTML的重要组成部分，使用`<a>`标签创建，`href`属性指定了链接的目标URL。例如，`<a href="http://www.w3school.com.cn">This is a link</a>`就是一个指向W3School网站的链接。图像在HTML中通过`<img>`标签表示，`src`属性用于指定图片的源URL，`width`和`height`属性用于设置图片的尺寸。`<img>`标签是一个空元素，即不需要结束标签，但可以通过斜杠`</img>`来表示其结束。 HTML元素的语法规定了它们的使用规则：每个元素都以开始标签（如`<p>`)开启，包含元素内容，然后以结束标签（如`</p>`)关闭。有些元素，如`<br/>`（换行符），是空元素，无需结束标签。对于大小写敏感性，尽管HTML标签本身不区分大小写，但在编写时建议保持一致，以提高代码的可读性。 HTML元素还可以带有属性，如前面提到的`<a>`标签的`href`属性。属性提供了额外的信息，通常以`name="value"`的形式出现，位于开始标签内部。这份HTML读书笔记概述了HTML语言的基础知识，包括元素的结构、标签的作用、文本呈现方式以及一些关键元素的使用示例。这对于初学者理解和构建简单的网页结构至关重要。理解这些基础知识是进一步探索Web开发和前端技术的基础。

资源详情

资源推荐

<h1 align="center"> 拥有关于对齐方式的附加信息。

属性例子 2:

<body> 定义 HTML 文档的主体。

<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

属性例子 3:

<table> 定义 HTML 表格。

<table border="1"> 拥有关于表格边框的附加信息。

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name='Bill "HelloWorld" Gates'

HTML 标题

标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

<h1> 定义最大的标题。<h6> 定义最小的标题。

注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。

剩余14页未读，继续阅读

changqin

粉丝: 3
资源: 10

HTML基础入门笔记：标签结构与元素详解

软件项目开发文档（完整版）

php版简易网上商城源码,这个是从一个朋友处独得,是一个不错的程序,比较适合

帮我在网上搜索一些小强升职记的读书笔记

梨米特笔记电子版pdf网盘

阿秀的学习笔记 pdf版本

envi学习笔记pdf版

怎么讲本地html文件添加到笔记中

语雀怎么导入html笔记

python写一个阅读笔记exe

html5笔记+css3笔记

go语言学习笔记 电子版

黑马html学习笔记

html+css+javascript笔记

suricata源码阅读笔记

在Django框架下，HTML写一个笔记列表界面，用表格展示笔记，每个笔记包含修改和删除按钮，界面顶部显示欢迎用户以及新增笔记按钮

《spark核心源码分析与开发实战》读书笔记之一

黑马pink老师html css笔记

前端html5css3笔记整理下载

stm32自学笔记第3版pdf

onenote笔记导入有道云笔记

最新资源

go语言学习笔记电子版