HTML基础入门：标签详解与文本格式化

需积分: 9 55 浏览量更新于2024-08-11 收藏 253KB DOCX 举报

在HTML学习笔记1中，我们重点关注了基础标签及其作用。HTML，全称Hypertext Markup Language，是一种用于创建网页的标准标记语言。本章节主要讲解以下几个核心概念： 1. **文档类型声明（DOCTYPE）**：开始时，使用<!DOCTYPE html>声明文档类型，告知浏览器文档采用的是HTML5标准，确保浏览器正确解析和渲染页面。 2. **语言和字符集声明**： <html lang="zh-CN">设置了文档语言为中国简体中文，<meta charset="UTF-8">指定了文档使用的字符编码，确保文字的正确显示。 3. **视口控制**： <meta name="viewport" content="width=device-width, initial-scale=1.0">用于设定网页在不同设备上的显示适应性，如手机和平板电脑的屏幕尺寸。 4. **标题标签 `<h1>` - `<h6>`**：这些是用于标题层次结构的标签，从大到小分别为一级至六级标题，`<h1>`字号最大、权重最高，用于文章标题。 5. **段落标签 `<p>`**：用于表示段落，文本内容将自动换行并有默认的间距。 6. **换行标签 `<br>`**：单独使用实现硬换行，使文本在新的一行显示。 7. **文本格式化**：使用`<strong>`和`<b>`加粗文本，`<em>`和`<i>`倾斜文本，`<del>`和`<s>`用于删除线，`<ins>`和`<u>`添加下划线，分别代表语义强调和斜体。 8. **容器元素**： `<div>`用于创建大块容器，具有语义含义，一个`<div>`标签通常占据一行；而`<span>`用于较小的无语义区域，可以多行放置。 9. **图像标签 `<img>`**：必须属性`src`指定图像源，`alt`提供替代文本（图片不可见时显示），`title`提供鼠标悬停时的提示文本，`width`和`height`用于设置尺寸，`border`用于设置边框。 10. **路径和链接**： - 相对路径：基于文件或元素位置，如`<img src="baidu.gif">`表示在同一目录下，`<img src="images/baidu.gif">`表示在子目录中，`<img src="../baidu.gif">`表示上一级目录。 - 绝对路径：指定完整的文件系统路径，如本地的"D:\学习\大创\试一试\miniprogram-1"或网络URL。 - 超链接标签 `<a>`：`href`属性指定链接的目标地址，`target`属性可设置新窗口打开或当前窗口打开链接。通过学习这些基础标签，初学者能够构建基本的HTML结构，并掌握页面布局、文本格式化和链接功能，为后续更复杂的网页设计打下坚实基础。

<!DOCTYPEhtml>

<!--//

上面是声明标签，用来声明

html

版本写于最前处于

html

标签之前

-->

<htmllang="zh-CN">

<!--lang

用来定义当前文档显示的语言

en-

英文网页

zh-CN

中文网页

-->

<metacharset="UTF-8">

<!--charset

规定文档用哪种字符编码

-->

<metaname="viewport"content="width=device-width,initial-

scale=1.0">



1.加了标题的文字会加粗，字号也会变大

2.一个标题独占一行

<br />换行单标签

文本格式化：粗体斜体下划线---突出重要性

加粗<strong> </strong>（语义更强烈）或者<b> </b>

倾斜：<em> </em> 或者<i> </i>

删除线<del> </del> 或者<s> </s>

下划线<ins> </ins> 或者<u> </u>

1. 一行只能放一个 div 大盒子

<span> 盒子</span> 没有语义

1. 一行可以放多个 span 小盒子

1. Src 是 img 的必须属性用于指定图像文件的路径和文件名

2. 其他属性<img src=”URL” alt=” ” title=” “ />

1）alt 替换文本。图像不能显示的文字

2）title 提示文本鼠标放到图像上显示的文字

3）width 设置宽度

4）height 设置高度//一般宽和高只改一个等比例缩放

5）border 设置边框粗细

3. 属性之间不分先后顺序以空格分开

4. 属性用键值对的格式即 key=”value” 属性=“属性值“

路径

目录文件夹：存放相关素材

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

青枕.

粉丝: 0
资源: 15

HTML基础入门：标签详解与文本格式化

html标签基础学习笔记

html常用标签学习笔记

html 学习笔记，基础版

HTML基础学习笔记

css入门学习笔记1 基础选择器

HTML学习笔记：基础标签与样式

HTML学习笔记：理解基础标签与特性

HTML学习笔记：基础框架与常用标签详解

HTML基础学习笔记：核心标签与属性解析

HTML与CSS学习笔记：基础与常见标签解析

最新资源