网页编写代码大全总结_网络代码大全资源-CSDN文库

需积分: 50 155 浏览量 2018-03-17 11:09:58 上传评论收藏 28KB DOCX 举报

[网页设计] 网页基本标签代码大全 1.公司版权注释 <!— The site is designed by Maketown,Inc 06/2000 —> 2.网页显示字符集简体中文：<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=gb2312″> 繁体中文：<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=BIG5″> 英语：<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=iso-8859-1″> 3.网页制作者信息 <META name=”author” content=”webmaster@maketown.com”> 4.网站简介 <META NAME=”DESCRIPTION” CONTENT=”xxxxxxxxxxxxxxxxxxxxxxxxxx”> 5.搜索关键字 <META NAME=”keywords” CONTENT=”xxxx,xxxx,xxx,xxxxx,xxxx,”> 6.网页的css规范 <LINK href=”style/style.css” rel=”stylesheet” type=”text/css”> (参见目录及命名规范) 7.网页标题 <title>xxxxxxxxxxxxxxxxxx</title> ### 网页编写代码大全总结 #### 一、网页基本标签详解 ##### 1. 公司版权注释版权注释用于说明网站的设计归属信息。它是一种非功能性注释，不会对网页的渲染产生任何影响，但有助于提供版权信息。 **示例代码**: ```html  ``` ##### 2. 网页显示字符集字符集定义了网页使用的字符编码方式，这对于正确显示特定语言的文字非常重要。 - **简体中文**: ```html <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> ``` - **繁体中文**: ```html <meta http-equiv="Content-Type" content="text/html; charset=BIG5"> ``` - **英语**: ```html <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> ``` ##### 3. 网页制作者信息此标签用于声明网页的作者信息。 **示例代码**: ```html <meta name="author" content="webmaster@maketown.com"> ``` ##### 4. 网站简介此标签用于定义网页的描述，这对搜索引擎优化(SEO)至关重要。 **示例代码**: ```html <meta name="description" content="这是一段关于网站的简短描述。"> ``` ##### 5. 搜索关键字此标签用于指定与网页相关的关键词，帮助搜索引擎更好地索引网页。 **示例代码**: ```html <meta name="keywords" content="关键词1, 关键词2, 关键词3"> ``` ##### 6. 网页的CSS规范此标签用于引入外部CSS样式表，以实现网页样式的统一管理。 **示例代码**: ```html <link href="style/style.css" rel="stylesheet" type="text/css"> ``` **说明**: `href` 属性指定CSS文件的位置；`rel` 属性表示当前文档与被链接文档的关系；`type` 属性定义被链接文档的类型。 ##### 7. 网页标题网页标题是网页最重要的组成部分之一，它显示在浏览器的标题栏上，并且对于SEO至关重要。 **示例代码**: ```html <title>网页标题</title> ``` #### 二、其他常用元数据标签 ##### 1. 设定网页的到期时间此标签用于指定网页过期的时间，一旦过期，浏览器会重新从服务器加载。 **示例代码**: ```html <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"> ``` ##### 2. 禁止缓存此标签告诉浏览器不要从缓存中加载网页内容。 **示例代码**: ```html <meta http-equiv="pragma" content="no-cache"> ``` ##### 3. 防止框架内加载此标签可以防止网页在框架内被加载，以保护网页的安全性和完整性。 **示例代码**: ```html <meta http-equiv="window-target" content="_top"> ``` ##### 4. 自动跳转此标签用于实现页面自动跳转到另一个URL。 **示例代码**: ```html <meta http-equiv="refresh" content="5; URL=http://www.example.com"> ``` **说明**: `content` 属性中的数字表示等待时间(秒)，之后会跳转到指定的URL。 ##### 5. 网页搜索机器人向导此标签用于指导搜索引擎机器人如何处理网页。 **示例代码**: ```html <meta name="robots" content="none"> ``` **说明**: `content` 属性的值可以是 `all`, `none`, `index`, `noindex`, `follow`, `nofollow`。默认值是 `all`。 ##### 6. 收藏夹图标此标签用于指定浏览器收藏夹中显示的图标。 **示例代码**: ```html <link rel="shortcut icon" href="favicon.ico"> ``` #### 三、JavaScript 外部调用为了提高页面加载速度并保持良好的可维护性，推荐将 JavaScript 代码外部化。 **示例代码**: ```html <script language="javascript" src="script/external_script.js"></script> ``` #### 四、其他技巧 ##### 1. 设置背景色为了确保页面在不同浏览器中的显示效果一致，建议显式设置背景色。 **示例代码**: ```html <body bgcolor="#FFFFFF"> ``` ##### 2. Flash 透明使 Flash 对象在网页中显示为透明。 **示例代码**: ```html <param name="wmode" value="transparent"> ``` ##### 3. 表格透明使 HTML 表格具有透明效果。 **示例代码**: ```html <style="filter:alpha(opacity=72)"> ``` ##### 4. 状态栏连接说明在鼠标悬停于链接之上时，更改浏览器状态栏的文本。 **示例代码**: ```html <a href="http://example.com" onmouseover="window.status='连接说明'; return true;" onmouseout="window.status='';">链接文本</a> ``` ##### 5. 链接说明在链接上添加提示文字。 **示例代码**: ```html <a href="#" title="链接说明">链接文本</a> ``` ##### 6. 禁止鼠标右键禁用网页上的鼠标右键菜单功能。 **示例代码**: ```html <body oncontextmenu="return false"> ``` ##### 7. DW里输入空格在 Dreamweaver 中插入多个空格。 **示例代码**: ```html        ``` ##### 8. 水平线在网页中插入水平分割线。 **示例代码**: ```html <hr width="长度" size="高度" color="颜色代码"> ``` 总结，以上介绍的这些标签和属性都是构建网页时不可或缺的基本元素，它们不仅能够提升用户体验，还能帮助开发者更好地管理和优化网页结构。在实际开发过程中，合理运用这些标签能够显著提高网页的质量和可用性。

资源推荐

资源详情

资源评论

[网页设计] 网页基本标签代码大全

1.公司版权注释



2.网页显示字符集

简体中文： !"#$%&'!(&')**%&+,-.

/%012

繁体中文： !"#$%&'!(&')**%&+,-.

/%3452

英语： !"#$%&'!(&')**%&+,-.

/%!6657!12

3.网页制作者信息

,%&8/&%&,/9,:,&

4.网站简介

*%&;<'= )*&')**%&++++++++++++++++++++++++++&

5.搜索关键字

*%&/&')**%&++++++++++++++++++++&

6.网页的 css 规范

>*?/@%&--:&/-%&-&(%&+&

A参见目录及命名规范B

7.网页标题

-++++++++++++++++++-

.可以选择加入的标签

1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。

 !"#$%&+(/&')**%&CD177E6F1F5E

4&

2.禁止浏览器从本地机的缓存中调阅页面内容。

 !"#$%& /,&')**%&!&

3.用来防止别人在框架里调用你的页面。

 !"#$%&C!/&')**%&G(&

4.自动跳转。

 !"#$%&=@/&')**%&5.#=>%(F::,&

5 指时间停留 5 秒。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

*%&/&')**%&&

')** 的参数有 --++@--@--。默认是 --。

6.收藏夹图标

-/-%H</8&/@%&@I:&

所有的 javascript 的调用尽量采取外部调用.J

<'= >*4#4%&KI/(&<='%&/(+++++:K&<'= 

附<body>标签：

标签不属于  区，这里强调一下，为了保证浏览器的兼容性，必须设置页面

背景-/%&LDDDDDD&

ash 透明

在 M 的源代码中加上：(/,,%&,&I-8%&/(/&

表格透明

-%&D>=F-(A(%EB&

网址前添加 icon 的方法

1、上 :@8/:



上用他的 /- 制作一个图标。他会将做好的图标通

过 ,- 即时发送给你。

、把这个命名为 @I: 的图标放置在 +:,- 同一个文件夹中。就可以了。

作一个图标文件，大小为 1N1 像素。文件扩展名为 ，然后上传到相应目录中。在

> 源文件“＜＞＜＞”之间添加如下代码：

＜>=-%&<)='#')*&/@%&(F图片的地址（注意与刚才的目录对应）”

＞

其中的“<)='#')*&即为该图标的名称。当然如果用户使用 5 或以上版本浏览时，

就更简单了，只需将图片上传到网站根目录下，自动识别

可以在收藏夹中显示出你的图标-/-%&3,/&/@%&@I:&

状态栏连接说明

=D%&链接到某处” ,8)I/%&:8%O连接说明’./8//8.&

8)8%&:8%OP.&某某链接

链接说明

/@%H&-%链接说明

禁止鼠标右键

在标签中加入 +,8%&/8/@-&

DW 里输入空格

插入 * 个Q(.

水平线

/%&长度” R%&高度” -/%&颜色代码”  为有无阴影

表单电子邮件提交

@/,,%&&,%&(&%&,-F电子邮箱” @/,

文本域名为 <8K为邮件的标题

剩余10页未读，继续阅读

评论收藏

内容反馈

qq_38126337

粉丝: 0
资源: 4

网页编写代码大全总结

网页制作精华代码大全

网页设计中必备的代码大全

网页设计简单项目，代码全

网页制作特效代码大全

漂亮仿APP下载页面源代码

网页设计-入门级个人网站

web前端常用代码

二级页代码

一个html页下载页面

静态网页设计总结报告.docx

网页源代码查看分析器

网页制作总结与学习，好好学习

网上花店网页代码 html静态花店网页设计制作 dw静态鲜花网页成品模板素材网页 web前端网页设计与制作 div静态网页设计

网页恶意代码总结.pdf

网站建设代码大全：网页制作常用代码

html代码大全(很全的)

网页跳转代码大全

网页设计几段程序代码

登录页面HTML代码

网页首页代码

NeoPixelBus_by_Makuna_by5113.com_by8321.com网站_www.by6399.com_by.

一个现成的网站框架代码

HTML基础代码

VC获取网页源代码,用来修改其源代码

基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码 学生个人html静态网页制作成品代码

山东菏泽家乡网页代码 html静态网页设计制作 dw静态网页成品模板素材网页 web前端网页设计与制作 div静态网页设计

黑色简洁形式PC天猫页网页模板代码.zip

GPT-4可以帮助前端开发人员快速实现编写代码

WEB基本网页代码（含登录、注册、信息维护等）

最新资源

基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码学生个人html静态网页制作成品代码