HTML基础入门与常用标签详解

需积分: 10 180 浏览量更新于2024-09-18 收藏 63KB DOC 举报

HTML（HyperText Markup Language）是一种基础的标记语言，用于创建网页的结构和内容。本笔记旨在为初学者提供一个概览，帮助他们快速理解和掌握HTML的基本原理和关键元素。 1. **基本结构**： HTML文档的核心由`<html>`、`<head>`和`<body>`三个主要标签构成。`<html>`标签是整个文档的根节点，`<head>`包含文档的元数据，如标题和样式表，而`<body>`则是网页的实际内容区域。 2. **<body>标签属性**： - `bgcolor`: 设置页面背景颜色，用六位十六进制数表示。 - `background`: 定义背景图片，输入图片的相对路径。 3. **图像标签**： - `<img>`用于插入图片，`src`属性指定图片路径，`width`和`height`调整图片尺寸，`title`在鼠标悬停时显示提示文字，`alt`在图片无法加载时作为替代文本。 4. **段落和文本标签**： - 使用``标签创建段落，`align`属性可以设置文字的对齐方式，如`left`、`center`或`right`。 - ``标签允许调整字体大小、颜色和类型。 5. **超链接标签**： - `<a>`标签用于创建链接，`href`属性指定链接目标。内部链接使用`#`加上目标位置名，邮箱链接使用`mailto:`，空链接使用`#`。 6. **列表**： - `<ol>`用于有序列表，`<li>`定义列表项。 - `<ul>`用于无序列表，`type`属性控制项目符号的样式。 - `<dl>`定义定义列表，`<dt>`为标题，`<dd>`为解释或列项。 7. **分隔线和特殊符号**： - `<hr>`用于创建水平线，可以设置颜色、宽度和对齐方式。 - 特殊字符通过HTML实体表示，如` `代表空格，`<`和`>`表示小于号和大于号，`©`表示版权符号。 8. **行级和块级标签**： - `span`是行内标签，用于添加文本样式。 - `div`是块级标签，常用于页面布局，划分独立区域。 9. **滚动标签**：提供了对滚动功能的理解，但具体实现通常依赖CSS而非HTML本身。以上知识点涵盖了HTML的基础框架，以及常见的文本格式化、链接、列表和布局等元素的使用。对于初学者来说，理解这些核心概念是学习更复杂网页设计和开发的第一步。随着实践和经验的积累，可以进一步探索CSS和JavaScript等技术，以实现更加动态和交互式的网页。

HTML:

超文本标记语言

基本结构标签

<html>

</html>

2.<body>标签的属性:

bgcolor:背景颜色 ( <body bgcolor="六位十六进制数"> )

background:背景图片 ( <body background="图片保存的相对路径">)

3.图像标签:

src:路径

width:宽度(单位-像素)

height:高度

title:鼠标悬浮在图片上的时候显示的文字

alt:图像不能显示的时候,代替文字

4.段落标签

文字

align:设置段落文字水平对齐方式 ( )

left:左对齐

center:居中对齐

right:右对齐

5.文本标签

文字

size:字体的大小

color:字体的颜色

face:字体类型 (宋体.楷体---)

6.超链接标签

页面之间的链接

页面内部的链接

<a name="页面内部的链接">目标位置</a> (为这个目标位置取名为：页面内

部的链接)

功能链接---->邮箱链接

功能链接---->空链接

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

聼风雨

粉丝: 0
资源: 2

HTML基础入门与常用标签详解

JavaScript李立超基础篇笔记.docx

尚硅谷-html5

HTML笔记总结(1).md

HTML笔记总结（Xmind格式）：第一天

HTML笔记总结（Xmind格式）：第二天

html+css笔记总结

ACCP 6.0 HTML学习笔记总结

html+css笔记总结1

HTML与CSS笔记总结.pdf

jsp笔记总结

最新资源