`
jrini
  • 浏览: 792 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

网站HMTL代码大全

XHTMLJavaScript网站代码代码 
阅读更多
1.结构性定义

   文件类型 <HTML></HTML> (放在档案的开头与结尾)

   文件主题 <TITLE></TITLE> (必须放在「文头」区块内)

   文头 <HEAD></HEAD> (描述性资料，像是「主题」)

   文体 <BODY></BODY> (文件本体)

   (由浏览器控制的显示风格)

   标题 <H?></H?> (从1到6，有六层选择)

       标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>

   区分 <DIV></DIV>

       区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

   引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩)

   强调 <EM></EM> (通常会以斜体显示)

   特别强调 <STRONG></STRONG> (通常会以加粗显示)

   引文 <CITE></CITE> (通常会以斜体显示)

   码 <CODE></CODE> (显示原始码之用)

   样本 <SAMP></SAMP>

   键盘输入 <KBD></KBD>

   变数 <VAR></VAR>

   定义 <DFN></DFN> (有些浏览器不提供)地址 <ADDRESS></ADDRESS>

   大字 <BIG></BIG>

   小字 <SMALL></SMALL>

   与外观相关的标签(作者自订的表现方式)

   加粗 <B></B>

   斜体 <I></I>

   底线 <U></U> (尚有些浏览器不提供)

   删除线 <S></S> (尚有些浏览器不提供)

   下标 <SUB></SUB>

   上标 <SUP></SUP>

   打字机体 <TT></TT> (用单空格字型显示)

   预定格式 <PRE></PRE> (保留文件中空格的大小)

   预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算)

       向中看齐 <CENTER></CENTER> (文字与图片都可以)

       闪耀 <BLINK></BLINK> (有史以来最被嘲弄的标签)

       字体大小 <FONT SIZE=?></FONT>(从1到7)

   改变字体大小 <FONT SIZE=+|-?></FONT>

   基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3)

   字体颜色 <FONT COLOR="#$$$$$$"></FONT>
字体颜色 <FONT COLOR="#$$$$$$"></FONT>

2.连结与图形

   连结 <A HREF="URL"></A>

       连结到锚点 <A HREF="URL#***"></A>(如果锚点在另一个档案)

               <A HREF="#***"></A> (如果锚点目前的档案)

       连结到目的视框 <A HREF="URL" TARGET="***"></A>

   设定锚点 <A NAME="***"></A>

   图形 <IMG SRC="URL">

   图形看齐方式 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE>

   图形看齐方式 <IMG SRC="URL"    

   ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>

   取代文字 <IMG SRC="URL" ALT="***"> (如果没有办法显示图形则显示此文字)

   点选图 <IMG SRC="URL" ISMAP> (需要CGI程式)

   N2.0 点选图 <IMG SRC="URL" USEMAP="URL">

   N2.0 地图 <MAP NAME="***"></MAP>(描述地图)

   N2.0 段落 <AREA SHAPE="RECT" COORDS=",,,"   HREF="URL"|NOHREF>

   3.0 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">(以pixels为单位) N1.0 图形边缘 <IMG SRC="URL" BORDER=?> (以pixels为单位)

   N1.0 图形边缘空间 <IMG SRC="URL" HSPACE=? VSPACE=?> (以pixels为单位)

   N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="URL">N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="URL">

    N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">(使用端自动更新 )

   N2.0 内嵌物件 <EMBED SRC="URL"> (将物件插入页面)

   N2.0 内嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">

3.分隔

   段落 <P> (通常是两个return)

       3.0 段落 <P></P> (新定义成容器型标签)

       3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P>

   换行 <BR> (一个return)

       N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>(与图形合用时)

   横线 <HR>

       N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER>

       N1.0 横线厚度 <HR SIZE=?> (以pixels为单位)

       N1.0 横线宽度 <HR WIDTH=?> (以pixels为单位)

       N1.0 横线比率宽度 <HR WIDTH=%> (以页宽为100%)

       N1.0 实线 <HR NOSHADE> (没有立体效果)

       N1.0 不可换行 <NOBR></NOBR> (不换行)

       N1.0 可换行处 <WBR> (如果需要，可在此断行)

   列举(可以巢状列举)
无次序式列举 <UL><LI></UL> (<LI> 放在每一项前)

       N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>(定义全部的列举项)

<LI TYPE=DISC|CIRCLE|SQUARE>(定义这个及其後的列举项)

       有次序式列举 <OL><LI></OL> (<LI> 放在每一项前)

       N1.0 数标型态 <OL TYPE=A|a|I|i|1> (定义全部的列举项)

           <LI TYPE=A|a|I|i|1> (定义这个及其後的列举项)

       N1.0 起始数字 <OL VALUE=?> (定义全部的列举项)

           <LI VALUE=?> (定义这个及其後的列举项)

       定义式列举 <DL><DT><DD></DL>(<DT>项目, <DD>定义)

       表单式列举 <MENU><LI></MENU>(<LI> 放在每一项前)

       目录式列举 <DIR><LI></DIR> (<LI> 放在每一项前)

   背景与颜色

       3.0 重复排列的背景 <BODY BACKGROUND="URL">

             N1.1+ 背景颜色 <BODY BGCOLOR="#$$$$$$"> (依序为红、绿、蓝)

             N1.1+ 文字颜色 <BODY TEXT="#$$$$$$">

             N1.1+ 连结颜色 <BODY LINK="#$$$$$$">

             N1.1+ 看过的连结 <BODY VLINK="#$$$$$$">

             N1.1 使用中的连结 <BODY ALINK="#$$$$$$">

4.特殊字元(以下标签需用小写)特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码)

       < < > > & & " "

   注册商标TM &reg;

       N1.0+ 注册商标TM &reg;

   著作权符号 &copy;

       N1.0+ 著作权符号 &copy;

5.表单 (通常需要与CGI程式配合)

   定义表单 <FORM ACTION="URL" METHOD=GET|POST></FORM>

       N2.0 上传档案 <FORM ENCTYPE="multipart/form-data></FORM>

       输入栏位 <INPUT   TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">

       栏位名称 <INPUT NAME="***">

       栏位内定值 <INPUT VALUE="***">

       已选定 <INPUT CHECKED> (适用於checkboxes与 radio boxes)

       栏位宽度 <INPUT SIZE=?> (以字元数为单位)

       最长字数 <INPUT MAXLENGTH=?> (以字元数为单位)

       下拉式选单 <SELECT></SELECT>

       下拉式选单名称 <SELECT NAME="***"></SELECT>

       选单项目数量 <SELECT SIZE=?></SELECT>

       多选式选单 <SELECT MULTIPLE> (多选)
选项 <OPTION>

       内定选项 <OPTION SELECTED>

       文字输入区 <TEXTAREA ROWS=? COLS=?></TEXTAREA>

       输入区名称 <TEXTAREA NAME="***"></TEXTAREA>

           N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>

6.表格

       3.0 定义表格 <TABLE></TABLE>

       3.0 表格框线 <TABLE BORDER></TABLE> (有或没有)

       N1.1 表格框线 <TABLE BORDER=?></TABLE>(可以设定数值)

       N1.1 储存格左右留白 <TABLE CELLSPACING=?>

       N1.1 储存格上下留白 <TABLE CELLPADDING=?>

       N1.1 表格宽度 <TABLE WIDTH=?> (以pixels为单位)

       N1.1 宽度比率 <TABLE WIDTH=%> (页宽为100%)

       3.0 表格列 <TR></TR>

       3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

       3.0 储存格 <TD></TD> (须与列并用)

       3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

       3.0 不换行 <TD NOWRAP>

       N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$>3.0 储存格横向连接 <TD COLSPAN=?>

       3.0 储存格纵向连接 <TD ROWSPAN=?>

       N1.1 储存格宽度 <TD WIDTH=?> (以pixels为单位)

       N1.1 储存格宽度比率 <TD WIDTH=%> (页宽为100%)

       3.0 表格标题 <TH></TH> (跟<TD>一样，不过会对中并加粗)

       3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

       3.0 表格标题不换行 <TH NOWRAP>

       3.0 表格标题占几栏 <TH COLSPAN=?>

       3.0 表格标题占几列 <TH ROWSPAN=?>

       N1.1 表格标题宽度 <TH WIDTH=?> (以pixels为单位)

       N1.1 表格标题比率宽度<TH WIDTH=%> (页宽为100%)

       3.0 表格抬头 <CAPTION></CAPTION>

       3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下)

   视框(定义与控制萤幕上的特定区域)

       N2.0 视框格式总定义 <FRAMESET></FRAMESET> (取代<BODY>)

       N2.0 视框行长度分配 <FRAMESET ROWS=,,,></FRAMESET>(pixels 或 %)

       N2.0 视框行长度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相对大小)

       N2.0 视框栏宽度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %)

       N2.0 视框栏宽度分配 <FRAMESET COLS=*></FRAMESET> (* =相对大小)N2.0 定义个别视框 <FRAME> (定义个别视框)

       N2.0 个别视框内容 <FRAME SRC="URL">

       N2.0 个别视框名称 <FRAME NAME="***"|_blank|_self|_parent|_top>

       N2.0 边缘宽度 <FRAME MARGINWIDTH=?> (「左」与「右」边界)

       N2.0 边缘高度 <FRAME MARGINHEIGHT=?> (「天顶」与「地底」边界)

       N2.0 卷动条 <FRAME SCROLLING="YES|NO|AUTO">

       N2.0 不可改变大小 <FRAME NORESIZE>

       N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>(如果浏览器不提供视框功能的话)
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网页设计html代码大全

    网页设计HTML代码大全 网页设计是指通过HTML、CSS、JavaScript等技术来设计和开发网页的过程。HTML（HyperText Markup Language）是用于创建网页的标记语言， Plays a crucial role in web design. 在网页设计中，...

    html表白代码动态/浪漫的html表白源代码/表白代码大全可复制【好玩的html代码表白】

    html表白代码动态/浪漫的html表白源代码/表白代码大全可复制【好玩的html代码表白】 效果演示http://biaobai-www.diyiyuanma.cn/ 表白网站主页制作代码 114表白网制作源码 新增模板（亲测） 在线制作表白网源码 新年...

    javascript网站广告代码大全

    在这个"JavaScript网站广告代码大全"中，我们可能会发现一系列用于实现各种广告展示形式的代码示例，包括超酷选项卡广告、幻灯片播放效果广告以及首页两侧广告。这些功能都是为了提升用户体验，同时吸引用户注意力，...

    HTML5代码大全

    本资源“HTML5代码大全”是一份全面的指南，涵盖了HTML5的各个方面，包括结构元素、表单控制、多媒体支持以及离线存储等。 1. 结构元素：HTML5引入了一些新的结构元素，如`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;article&gt;`、`...

    医院网站html页面代码

    标题中的“医院网站html页面代码”表明这是一组用于构建医院网站的HTML源代码文件，这些文件是网页设计的基础，通常包含标记语言、样式表语言和脚本语言的元素。HTML（HyperText Markup Language）是网页内容的结构...

    仿淘宝等网站html代码

    【标题】"仿淘宝等网站html代码"涉及的是网页设计领域，特别是针对电子商务网站的HTML代码实现。HTML（HyperText Markup Language）是构建网页的基础语言，用于定义网页内容的结构和样式。淘宝作为中国最大的在线...

    HTML期末大作业

    HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。这个“HTML期末大作业”显然涵盖了HTML的基础知识和应用技巧，对于学习者来说，无论是完成作业还是自我提升，都是一个宝贵的资源。 HTML的...

    html班级网站综合案例源代码

    在这个“html班级网站综合案例源代码”中，我们可以深入学习HTML的运用和实践，这对于初学者来说是一个宝贵的资源。 首先，源代码通常包含一系列的HTML文件，这些文件决定了网页的布局和内容。在“综合案例源代码”...

    html表白代码动态/520表白html5爱心代码/七夕情人节表白代码/炫酷表白网页html代码

    html表白代码动态/520表白html5爱心代码/七夕情人节表白代码/炫酷表白网页html代码 表白网站主页制作代码 114表白网制作源码 新增模板（亲测） 效果演示http://biaobai-www.diyiyuanma.cn/ 在线制作表白网源码 新年...

    html表白特效源代码《浪漫的html表白源代码，html表白网页制作源码》

    html表白特效源代码《浪漫的html表白源代码，html表白网页制作源码》 可以玩的网页 节日送给女朋友 礼物【修正版】 打开网页 会出现心形排列的字母 用鼠标移动字母 从左到右排列成 MerryChristmas 会有奇迹出现 点开...

    网站设计模板-HTML源代码.rar

    这套HTML源代码文件是一个完整的网页模板，适用于各种类型的网站。它采用了最新的HTML5和CSS3技术，具有响应式设计，能够适应不同设备的屏幕尺寸。此外，它还包含了丰富的JavaScript插件，可以实现各种复杂的交互...

    精美网站底部美化代码

    在“精美网站底部美化代码”这个主题中，我们将深入探讨如何利用HTML、CSS以及可能的JavaScript来优化网站的页脚部分。 首先，HTML是构建网页的基础，用于定义页面结构。在底部区域，常见的元素包括版权信息、联系...

    网页爱心表白代码大全

    你可以通过修改HTML代码中的`&lt;img&gt;`标签来替换图片，将你的女友照片置入其中。 2. **CSS美化**：CSS（层叠样式表）是控制网页外观的关键。表白页面的美观很大程度上依赖于CSS的运用，例如颜色、布局、动画效果等。...

    网页代码——当当网网站代码大全

    【网页代码——当当网网站代码大全】 网页代码是构建互联网上任何网站的基础，而当当网作为中国知名的在线购物平台，其网站代码结构和设计无疑是值得深入研究的。这个资源包提供了当当网的HTML代码，同时也包含了...

    爱家居html源代码（内含代码和图片）

    "爱家居html源代码（内含代码和图片）"是一个非常适合初学者和Web开发者学习的资源，它提供了构建一个家居网站的完整HTML源代码，并且包含CSS样式表和相关图片。这个案例是基于Web课本中的实例，目的是帮助用户理解...

    25个经典网站源代码

    1. HTML结构：每个网站源代码首先会展示HTML（超文本标记语言）的基础架构，包括头部（head）、主体（body）和元数据（metadata）。HTML元素的使用对于页面内容的组织至关重要。 2. CSS样式：CSS（层叠样式表）用于...

    购物网站源代码 购物网站源代码

    购物网站源代码是构建在线购物平台的核心组成部分，它包含了实现电子商务功能的各种编程语言、框架和数据库结构。在本文中，我们将深入探讨购物网站源代码的关键元素、开发工具以及如何运用Dreamweaver进行运行。 ...

    美食网站源代码

    【美食网站源代码】是一个专为展示美食相关资讯和功能的网站开发的源代码集合，是互联网上搜集并整理的资源，供开发者下载和使用。这个源代码可能包含了一个完整的美食主题网站的所有必要组成部分，例如前端用户界面...

    HTML全部语言代码

    HTML语言代码开发页面 人职责及目标： 我在项目中担当开发人员，主要负责数据库模块、其中包括图书信息管理的在册书籍信息数据库模块、图书管理系统的注册人员信息数据库模块、图书管理系统的注册页面设计模块、各...

    餐厅美食网站源代码完整版

    在这个上下文中，它可能是源代码文件夹的名字，包含了网站的所有必要组成部分，如HTML文件、CSS样式表、JavaScript脚本、图片资源、数据库配置文件，甚至可能包含服务器端的脚本和配置文件。开发者可以通过解压这个...

Magicbox
Global site tag (gtag.js) - Google Analytics