Html代码详解资源-CSDN文库

需积分: 9 122 浏览量 2016-05-24 22:31:33 上传评论收藏 297KB DOC 举报

HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。HTML代码是构建网页的基础，它告诉浏览器如何展示网页内容。以下是对标题、描述和部分内容的详细解释： 1. **网页标题**：`<head>` 标签包含了网页的元信息，其中`<title>`标签定义了浏览器标签页上显示的网页标题，这对于SEO（搜索引擎优化）至关重要，因为它告诉搜索引擎网页的主题是什么。 2. **元信息**：`<meta>` 标签提供了有关网页的额外信息。例如： - `name="keyword"` 用于设置关键词，虽然现在对SEO的影响已经减弱，但在过去它是提高搜索排名的重要因素。 - `name="description"` 定义了网页的描述，通常会在搜索引擎结果中显示。 - `name="generator"` 描述了创建网页所使用的编辑工具。 - `name="author"` 用来标注网页的作者。 - `name="robots"` 控制搜索引擎爬虫的行为，如是否索引、是否跟踪链接等。 3. **页面重定向与刷新**：`<meta http-equiv="refresh"` 用于设定页面的自动刷新或跳转，`content` 属性包含两个值，第一个是延迟时间，第二个是跳转的URL。 4. **窗口处理**：`<meta http-equiv="windows-target"` 用于控制链接的打开方式，比如`_top`表示在整个浏览器窗口打开链接。 5. **过渡效果**：`<meta http-equiv="transition"` 设置页面过渡效果，这通常是较老的HTML技术，现在更多使用CSS来实现动态效果。 6. **基底网址**：`<base>` 标签定义了所有相对URL的基础URL，这在处理包含多个子目录的大型网站时非常有用。 7. **链接行为**：`<base href="链接地址" target="新窗口打开方式">` 中的`target`属性决定了链接在何处打开，如`_blank`在新窗口，`_self`在同一窗口，`_parent`和`_top`则与框架页有关。 8. **页面样式**：`<body>` 标签内可以设置背景色、背景图像、文字颜色、链接颜色以及页面边距。`bgproperties`属性控制背景图是否固定，`text`, `link`, `alink`, `vlink`分别定义文本、未访问、访问中和已访问链接的颜色。 9. **文本格式化**：`<h1>`到`<h6>`定义了标题等级，`<font>`标签则用于控制字体、大小和颜色，尽管现代网页设计更倾向于使用CSS来实现这些功能。`align`属性用于文本对齐，如`left`, `center`, `right`。 10. **注释**：`` 是HTML中的注释语法，用于解释代码或隐藏某些内容。这些基础知识构成了HTML的基本结构，通过它们可以创建出静态的网页。随着技术的发展，HTML5引入了更多的元素和属性，使得网页设计更加丰富和动态。不过，理解这些基础是学习现代前端开发的前提。

资源推荐

资源详情

资源评论

网页标题部分

1●<head><title>网页标题</title>

2●<meta name="description" content="对页面的描述语言"【

如：

一个关于

html

使用的网站

"】>

3●<meta name="generator" content="编辑软件的名称"【

如：

Macromedia Dreamweaver 8】>

4●<meta name="author" content="作者的姓名">

5●<meta name="robots" content="搜索方式">

搜索方式

content

的值含义

all

页面将被检索，且页面上的链接可以被查询

none

页面不能被检索，且页面上的链接不可以被查询

index

页面将被检索，但页面上的链接不可以被查询

页面上的链接可以被查询

noindex

页面不能被检索，但页面上的链接可以被查询

nofollow

页面将被检索，但页面上的链接不可以被查询

6●<meta http-equiv="refresh" content="跳转时间;url=链接地址"【content="3;url=http://www.baidu.com"】>

此网页每

秒自动刷新一次

】

7●<meta http-equiv="windows-target" content="_top">【

强制打开新的窗口

】

8●<meta http-equiv="过渡事件"【page-enter/page-exist】 content="revealtrans(duration=过渡效果持续时

间,transition=过渡方式)">

数字编号过渡方式数字编号过渡方式

盒状收缩

随机溶解

盒状放射

从左右两端向中间展开

圆形收缩

从中间向左右两端展开

圆形放射

从上下两端向中间展开

由下往上

从中间向上下两端展开

由上往下

从右上角向左下角展开

从左至右

从右下角想左上角展开

从右至左

从左上角向右下角展开

垂直百叶窗

从左下角向右上角展开

水平百叶窗

水平线状展开

水平格状百叶窗

垂直线状展开

垂直格状百叶窗

随机产生一种过渡方式

9●在<head></head>内定义基底网址：<base href="http://www.new.com/sample">

在页面主体中设置某一个相对地址：<a href="../01/sample01.html"></a>

10●<base href="链接地址" target="新窗口打开方式">

Target

属性值打开方式

_parent

在上一级窗口打开，一般常用在分帧的框架页中

_blank

在新窗口打开

_self

在同一窗口打开，可以省略

_top

在浏览器的整个窗口打开，忽略任何框架

HTML 网页制作代码

网页主体部分

1●<body bgcolor="#3399CC">【

设置页面背景色

】

2●<body background="文件链接地址" bgproperties="背景图片固定属性"【

若此忽略，则图片平铺

】>

<body background="image/02.jpg" bgproperties=fixed></body>【

背景图片固定在页面上静止不动，不随滚

动条地滚动而改变

】

3●<body text="#FF0000"【

页面的文字颜色

】 link="#FF00FF"【

未访问的链接文字颜色

】

alink="FF8800"【

正在访问的链接文字颜色

】 vlink="996600"【

已访问的链接文字颜色

】></body>

4●<body topmargin=60【

设置页面的上边距为

像素

】 leftmargin=40【

左边距为

像素

】></body>

5●

6●<h1>文字</h1>【1

级标题的效果

】

……

<h6>文字</h6>【6

级标题的效果

】

7●<h2 align=left>文字</h2>【align:left

（左对齐）；

center

（居中对齐）；

right

（右对齐）

】

8●<font face="字体 1,字体 2"【"

黑体

,Times"

（在没有字体

时才会用字体

代替）

】>应用字体的文

字</font>

9●<font size="1"【1~7】>文字</font>

<font size="+2">文字</font>【

默认字号

，即

号字体

】

<font size="-1">文字</font>【

默认字号

-1

，即

号字体

】

10●<font face="宋体" size="2" color="#990000"></font>

11●对文字加粗：<strong></strong>或<b></b>

对文字倾斜：<em></em>或<i></i>或<cite></cite>

对文字加下划线：<u></u>

上标标记：<sup></sup>

下标标记：<sub></sub>

删除线：<strike></strike>或<s></s>

等宽文字标记：<code></code>或<samp></samp>

特殊符号符号代码特殊符号符号代码

(空格)

×【

乘号

】

" "

§【

小节符号

】

& &

©【

号

】

< <

®【

已注册商标

】

> >

™【

商标符号

】

12●<p>段落文字</p>【

段落标记，可以没有

</p>

，每一个新段落标记

<p>

的开始都表示上一段落的结

束

】

13●<nobr>文字</nobr>【

取消文字自动换行标记

】

14●<br>【

强制换行，一个

<br>

代表一个换行，可多次使用

】

15●<pre>文字段</pre>【

保留原始排版方式标记

】

16●<center></center>【

居中对齐

】

17●<blockquote></blockquote>【

向右进行一次缩进

】

18●<hr>【

添加水平线

】

<hr width=70【

水平线的宽度，单位为“像素”；若写“

80%”

则表示占窗口的百分比】

size=3

【水平线的高度

（像素）

】 color="#FF0000" aligh=right>

<hr noshade>【

去掉水平线的阴影

】

19●文字标注：<ruby>被说明的文字<rt>文字的标注</rt></ruby>

声明变量标记：<var></var>【

效果同：

<em></em>】

HTML 网页制作代码

剩余20页未读，继续阅读

评论收藏

内容反馈

liuchenxuls

粉丝: 0
资源: 4

Html代码详解

HTML代码大全讲解详细

HTML-embed代码详解

html代码含义

HTML语言代码

Html网页代码常用小技巧！ 正文

Html代码技巧大全.

Html常见代码

Html日历代码

网页中显示PDF文档的HTML代码

HTML+5开发精要与实例详解代码清单

《Html5 Canvas开发详解》示例代码

html5 canvas开发详解第二版 示例代码

实现hao123首页多邮箱登录的HTML代码

Html跳转代码

Html网页设计代码.pdf

Html告白专用代码

Html代码编写技巧

元旦倒计时Html代码

无边框窗口代码详解

MVC生成页码选择器返回HTML代码详解

实战爬虫代码详解

asp上传文件代码详解

Java实现搜索功能代码详解

《HTML5开发精要与实例详解》配套源码

HTML语言详解 HTML语言详解HTML语言详解

JSP应用开发详解第三版源代码(整理版)B

HTML5开发精要与实例详解（完整版源代码含说明文档）

最新资源

Html网页代码常用小技巧！正文

html5 canvas开发详解第二版示例代码