HTML基础知识详解：标记、结构与文字图像处理

需积分: 10 133 浏览量更新于2024-07-17 收藏 366KB PDF 举报

"HTML知识点汇总" HTML（Hypertext Markup Language）是用于创建网页的标准标记语言，它通过一系列的标记来定义文档结构和超链接。HTML起源于SGML（Standard Generalized Markup Language），随着时间的发展，逐渐演变成现代网页开发的基础。在HTML中，标记是其核心元素，它们通常以尖括号包围，分为单标记和双标记两种类型。单标记如 `<br/>` 和 `<hr/>` 不需要闭合，而双标记如 `<p>段落</p>` 需要有开始和结束标签。XHTML 强制要求所有标记使用小写字母，并且单标记也要闭合，属性值需用双引号括起，以提高代码规范性。 HTML的基本结构由 `<html>` 标签包裹，内部包含 `<head>` 和 `<body>` 两部分。`<head>` 标签用于定义页面元数据，如标题 `<title>`，而 `<body>` 包含实际的网页内容。注释使用 `` 的形式。在处理文字样式时，可以使用 `<font>` 标签来改变字体、大小和颜色。`face` 属性指定字体，可以使用多个字体名称以逗号分隔作为备选；`size` 属性调整文字大小，通常使用数字1到7表示不同级别；`color` 属性设置颜色，既可使用 RGB 值（如 #000000）也可使用预定义的颜色名称（如 red）。设置正文标题则使用 `<h1>` 至 `<h6>` 标签，数字越大，标题级别越低，字体相应变小。这些标题标签在组织页面结构和提供搜索引擎优化（SEO）上下文中非常重要。此外，HTML还提供了许多其他元素来丰富网页内容，如列表（`<ul>`、`<ol>`、`<li>`）、段落（`<p>`）、链接（`<a>`）、图像（`<img>`）等。图像标签 `<img>` 通过 `src` 属性指定图片源，`alt` 属性提供替代文本，以确保可访问性。链接的 `<a>` 标签则通过 `href` 属性定义目标URL。表格（`<table>`、`<tr>`、`<td>`、`<th>`）用于数据展示，表单元素（`<form>`、`<input>`、`<select>`、`<textarea>`）则用于用户交互，如输入和提交数据。 CSS（Cascading Style Sheets）通常与HTML一起使用，以分离内容和表现，实现更精细的样式控制和布局设计。JavaScript 是另一种关键技术，它可以为网页添加动态功能和交互性。 HTML的最新版本是HTML5，它引入了许多新特性，如语义化标签（`<header>`、`<footer>`、`<article>` 等），媒体元素（`<audio>`、`<video>`），以及离线存储和拖放功能等，进一步增强了网页的现代功能和用户体验。总而言之，HTML是构建网页的基础，理解和掌握HTML的结构和元素是成为一名合格Web开发者的第一步。通过结合CSS和JavaScript，可以创建出美观、功能丰富的网页应用。

4) 无序列表、有序列表、定义列表间可以相互嵌套，但一定要注意嵌套时不能交叉

8、其它方式修饰文本

1) 欲格式化文本：<pre>…</pre>

2) 代码样式斜体字渲染：<var>…</var>

3) 表示它所包含的文本对某个参考文献的引用：<cite>…</cite>

9、图像

1) 插入图像基本语法：<img src=”#” />，其中#代表图像的 URL 路径，示例：<img src=”

c.jpg” />

2) 图像无法显示时的提示信息，使用 alt 属性，如：<img src=”c.jpg” alt=”风景” />

3) 图像的大小：<img src=”c.jpg” width=”400px” height=”300px” />，width 属性

定义图像的宽度，height 属性定义图像的高度

4) 图像和文字对齐：<img src=”c.jpg” align=”top” />，align 属性的取值为 top(顶部)、

middle(中间)、bottom(默认，底部)

5) 图像的边框：<img src=”c.jpg” border=”0” />，border 设置为 0 时表示图像不显示边

框，否则设置成需要的边框大小

10、移动的字体和图片

1) 移动基本语法：<marquee>移动文字或图片</marquee>，默认是向左循环移动，移动范围

在其父对象的有效区域内。

2) 文本移动的方向：<marquee direction=”#”>…</marquee>，其中#可以选择 left、right、

up、down

3) 文本的滚动循环：<marquee behavior=”#”>…</marquee>，其中#可以选择 scroll(循

环移动)、slide(只移动一个回合)、alternate(来回移动)。

4) 如果设置文本来回移动，还可以设置循环次数：<marquee loop=”#”>…</marquee>，

其中#为代表循环的次数。

5) 文本的移动速度：<marquee scrollamount=”#”>…</marquee>，其中#设置移动的速

度，取正整数。数值越大，速度越快。

6) 移动对象的延时：<marquee scrolldelay=”1000”>我走一走，停一停</marquee>，

剩余18页未读，继续阅读

tsui_sh

粉丝: 2
资源: 8

HTML基础知识详解：标记、结构与文字图像处理

Android C# Css Java PHP Python HTML C语言 八大编程语言知识点汇总.zip

Javascript知识点汇总.pdf

计算机网络知识点汇总.pdf

高中信息技术学考知识点汇总.pdf

动吧模拟面试知识点汇总.pdf

《信息技术基础》知识点汇总.pdf

面试知识大汇总.pdf

信息技术基础知识点汇总2.pdf

计算机一级考试知识点汇总实用.pdf

FLASH知识点.pdf

最新资源

Android C# Css Java PHP Python HTML C语言八大编程语言知识点汇总.zip