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

需积分: 3 152 浏览量更新于2024-09-18 收藏 41KB DOC 举报

"这是一份关于HTML基础知识的笔记，涵盖了HTML的基本结构、常用标签以及一些基本的文本格式化和列表创建方法，同时也提及了锚点的概念。" 在学习HTML时，首先要理解HTML文档的基本结构。HTML文档由`<html>`元素作为根元素，它包含了`<head>`和`<body>`两个主要部分。`<head>`元素通常用于存储元信息，如`<title>`标签定义了网页的标题，这对于搜索引擎优化（SEO）和浏览器标签页的识别至关重要。`<body>`元素则是网页的主体内容区域，所有的可见内容都应放在这一部分。 HTML标签是用来构建网页结构和样式的，例如``用于创建段落，` `实现换行，`<hr>`绘制水平线，而`<hn>`系列标签（如`<h1>`到`<h6>`）则用于创建不同级别的标题。这些标签可以添加属性来调整其样式，如`<hr>`的`align`, `size`, `width`和`color`属性。文本格式化标签如``（粗体），``（斜体），``（下划线）等提供了对文本样式的基本控制。还有更专业化的标签，如``用于强调，``表示特别强调，``和``用于下标和上标，`<code>`和`<pre>`则用于展示代码和保留原文格式。 HTML中的列表有两种类型：无序列表（`<ul>`）和有序列表（`<ol>`）。无序列表的每个项目由`<li>`标签包裹，可以通过`type`属性设置项目符号的样式。有序列表同样使用`<li>`标签，但`<ol>`可以指定`type`（数字、字母或罗马数字）和`start`（开始数值）属性来定制列表的样式和起始值。锚点标记`<a>`是HTML中的一个重要元素，它允许创建内部或外部链接。`href`属性指定链接的目标URL，`name`属性创建一个书签，`target`属性可以设定链接在哪个框架或窗口打开，如`_self`（当前窗口/框架），`_blank`（新窗口/标签页）等。了解并熟练掌握这些基本的HTML标签和属性是制作网页的基础，它们构成了网页的骨架和视觉表现，使得内容得以有序且美观地呈现。随着学习深入，可以进一步探索CSS（层叠样式表）和JavaScript，以实现更复杂的网页设计和交互效果。

HTML 基础

<html></html> 网页

<head></head> 头信息

<title></title> 网页标题

<body></body> 主体部分

属性：bgcolor text(非链接文字颜色) link （未访问） alink （正在访问） vlink （访问

过） background leftmargin topmargin(顶部空隙距离) bgproperties(定义背景图片是否锁

定)

注释

段落

换行

</onbr>不换行

<hr>水平线

<hn></hn>标题标记 n 是 1~6 的整数

属性：alight : left , right , center

<hr>水平线标记

属性：align ， size(水平线的粗细) width color noshade (不带阴影)

字体标记

属性：size face (字体名称) color

以下是字符样式标志

<cite></cite> 文本属性的引用

<code></code> 程序代码

强调字词

<samp></samp> 文本样式

特别强调字词

<var></var> 表示变量

粗体

斜体

下划线

<big></big> 大字体

小字体

<strike></strike> 删除线

<s></s> 删除线

下标

上标

<tt></tt> 固定宽度字体

以下是转义字符

&It; <

> >

& &

" “

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

xianghui201

粉丝: 3
资源: 3

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

HTML基础笔记.md

2020html基础笔记

黑马pink老师html css笔记

html5详细内容笔记

渡一前端html、css、js笔记及学习规划.zip

uniapp基础笔记

图灵python爬虫笔记

韩顺平轻松搞定网页设计(html+css+javascript)笔记下载

前端学习笔记 javascript

b站 飞哥 大前端进阶 笔记

最新资源

b站飞哥大前端进阶笔记