HTML学习笔记：头部元信息详解与主体标记实践

html学习笔记

需积分: 10 90 浏览量更新于2024-09-10 收藏 224KB PDF 举报

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

30元优惠券

HTML（HyperText Markup Language）是一种标记语言，用于创建和设计网页结构，是万维网的基础。本文档是关于HTML学习笔记，旨在分享作者在学习过程中积累的知识，以便其他人可以参考和交流。以下是笔记中讨论的主要知识点： 1. HTML头部结构：`<head>`标签包含了元信息（metadata），这些信息对搜索引擎优化和用户体验至关重要。其中： - `meta`标签用于定义页面属性，如设置关键字（`<meta name="keywords" content="网页的关键字">`）和描述（`<meta name="description" content="网页的描述">`），帮助搜索引擎理解网页内容。 - `generator`用于指定网页生成器，如`<meta name="generator" content="编辑软件的名称">`。 - `author`属性设置网页作者信息，`<meta name="author" content="作者的姓名">`。 - `content-type`标签指定网页编码，如`<meta http-equiv="content-type" content="text/html;charset=utf-8">`，确保正确显示各种字符集。 - `refresh`标签用于设置页面定时跳转，`<meta http-equiv="refresh" content="跳转的时间;url=要去的网址">`。 - `Page-Enter`和`Page-Exit`元标签用于设置网页加载或关闭时的动画效果。 - `link`标签定义了网页的图标，如`<link rel="shortcut icon" type="image/x-icon" href="...">`，ico格式的小图标。 - `expires`和`robots`标签控制浏览器缓存和搜索引擎爬虫的行为。 2. 主体标记`<body>`：这部分是网页的核心内容，包括： - `bgcolor`属性用于设置网页背景颜色，如`<body bgcolor="背景颜色">`。 - `background`属性设置背景图片，如`<body background="图片的地址">`。 - 文字颜色可通过CSS（Cascading Style Sheets）来设置，但在`<body>`标签中直接设置文字颜色并不常见，通常会通过外部样式表或者内联样式来进行更为精细的控制。这些基础元素构成了HTML的基本框架，学习者可以通过实践这些标记来构建和设计网页，同时注意保持代码结构清晰和语义化，以提高网页的可读性和SEO友好性。对于初学者来说，理解这些核心概念是入门HTML的关键，后续还可以学习如何运用CSS和JavaScript增强网页功能和交互性。

资源详情

资源推荐

一、html 的头部<head></head>标记

1、元信息标记 meta

设置页面关键字；<meta name="”keywords" content="网页的关键字">，

Keywords 为关键字

设置网页描述；<meta name="description" content="网页的描述">，

Description 为网页描述

定义编辑工具；<meta name="generator" content="编辑软件的名称">，

generator 为编辑工具

设置作者的信息；<meta name="author" content="作者的姓名">

Author 为作者

设置网页文字及语言；<meta http-equiv="content-type" content="text/html; charset=字符

集类型">，http-equiv；用于传送 http 通信协议的标头，charset；用于设置网页的内码语系，

常用类型为 utf-8。

设置网页的定时跳转；<meta http-equiv="refresh" content="跳转的时间; url=要去的网址

">，refresh 表示网页的刷新。

表示进入网页时的特效

表示退出网页时的特效两种特效均改变数值即可

media="screen" /> ico 格式的小图标

二、主体标记<body></body>

网页背景颜色 bgcolor；<body bgcolor=”背景颜色”>，

网页背景图片 background；<body background=”图片的地址”>，

文字颜色 text；<body text=”文字颜色”>

链接的文字属性 link；<body link=”属性的值，如（颜色）”>，alink 可设置正在访问的文

字颜色，vlink 可以设置访问后的链接文字颜色。

边距 margin；<body topmargin=”上边距的值” leftmargin=”左边距的值”>

三、html 格式标签

<标记开始></标记开结束>

格式标签

<br/>换行

<p>段落

<center>居中

<pre>保留文字在源代码中的格式(预格式文本)

<li>项目列表;<li style="text-align:center">居中的文字</li>

<ul>无序列表；<ul type="disc">实心圆；<ul type="circle">空心圆；<ul

type="square">实心矩形；实例参加 w3c 列表实例

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

jjzzggkk

粉丝: 4
资源: 6

HTML学习笔记：头部元信息详解与主体标记实践

HTML学习笔记.md

新手html学习笔记（仅供菜鸟成长参考）.rar

Html学习笔记

黑马html学习笔记

html学习笔记网站

javascript学习笔记--查看html元素和改变html的内容

前端学习笔记 javascript

基于Python,flask的学习笔记系统怎么建立

python数据分析学习笔记jupyter book

smarty模板引擎学习笔记

python学习笔记完整

hbuilderx学习笔记

有没有ns3学习笔记链接

vue2学习笔记尚硅谷

html5&css3学习笔记下载

文本域折行是什么意思

web应用程序学习笔记

transform:matrix

react18学习笔记

python爬虫爬取58网站数据_python实战学习笔记：爬取58同城平板电脑数据

最新资源