`

HTML代码大全 转载

    博客分类:
  • html
阅读更多
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〉
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.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 ®
N1.0+ 注册商标TM ®
著作权符号 ©
N1.0+ 著作权符号 ©
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〉(如果浏览器不提供视框功能的话)
7.杂项
说明 〈!-- *** --〉 (浏览器不会显示)
分享到:
评论

相关推荐

    李洵爱心代码html 和python转载

    在`heart.html`和`love.html`这两个文件中,我们可以预期找到用于创建心形图案或者其他与爱相关元素的HTML代码。例如,它们可能包含特殊的字符组合,如"♥",或者是通过CSS(Cascading Style Sheets)来绘制...

    html标签大全(转载)

    HTML标签大全 HTML是超文本标记语言(HyperText Markup Language)的缩写,是用于创建网页的标记语言。 HTML标签是HTML语言的基础单元,用于描述网页的结构和内容。本文档将详细介绍常用的HTML标签,包括文字、...

    html代码(chm)

    html语言基础 为什么会有这个教程 我是从1998年开始学习HTML的,当时的感觉就是很好奇,一些简单的语句居然就能做出生动的效果。...本教程是免费的,并且可以随意传播,转载,但是请不要修改。

    各种微博分享按钮代码(转载)

    这篇博客文章“各种微博分享按钮代码(转载)”主要介绍了如何在网站上集成这些分享功能,以便用户一键将网页内容分享到他们的微博账户。 在网页开发中,微博分享按钮的实现通常涉及HTML、CSS以及JavaScript技术。...

    超炫酷代码雨.html

    HTML,炫酷代码雨

    wordpress 代码分析整理

    `【转载】Wordpress源代码分析之settings.php之一.htm` 和 `【转载】Wordpress源代码分析之settings.php之二.htm` 重点关注了WordPress的设置API。这个API允许开发者创建和管理后台设置页面,为用户提供自定义选项...

    纯HTML5+JS+PHP批量上传

    我只是将其代码中asp实例改成了php,转载及使用必须注明原作者。 请遵循原作者开放分享的方式,请勿用来赚取积分!!! 代码做的非常简单,只是用于演示,没有加入任何过滤函数。请务必修改(加入过滤函数)后使用...

    ogame中文源代码(网络转载)

    《Ogame中文源代码解析与学习指南》 Ogame是一款著名的网页游戏,以其太空主题、策略元素和玩家间的互动性而受到广泛欢迎。本资源包含了Ogame的中文版源代码,为开发者和爱好者提供了一个宝贵的参考资料,让我们一...

    CSDN怎么转载别人的博客.docx

    2. 如果需要转载全文,则在HTML代码下侧点击选中article_content,即可在代码框中自动选中article_content相关代码。 3. 在选中HTML的article_content代码处右键,点击【Copy】,再点击【Copy outerHTML】,即可复制...

    译文:如何写出漂亮的HTML代码

    老外写的一篇文章:What Beautiful HTML Code Looks Like 如何写出漂亮的HTML代码 感觉写的非常的不错,转载过来,与大家分享一下:ps:原文地址:http://css-tricks.com/what-beautiful-html-code-looks-like/ ...

    ASP实现注册邮箱激活代码范例 [转载需保留出处 - 青岛星网]

    ASP实现注册邮箱激活代码范例 [转载需保留出处 - 青岛星网] ASP实现注册邮箱激活代码范例:http___www.qdxw.net_xwhtml_425.html.rar

    2024年新年快乐HTML简单源代码.docx

    虽然给定的HTML代码中没有涉及到CSS或JavaScript,但为了增加页面的互动性和美观度,可以考虑添加以下元素: - **CSS样式**:可以通过内联样式或外部样式表来改变页面的外观,比如调整文字颜色、背景色等。 - **...

    好看的网页代码

    【描述】提到的"自己非常喜欢的网页代码"可能是指一套完整的HTML、CSS和JavaScript代码,用于构建一个符合win8风格的网页。HTML(超文本标记语言)是网页的基础结构,定义了页面内容;CSS(层叠样式表)则负责样式和...

    TOMCAT源代码,包括转载得别人的分析

    JSP(JavaServer Pages)是另一种视图技术,它将HTML与Java代码结合,Tomcat能够将其编译为Servlet执行。 2. **Catalina组件**: Catalina是Tomcat的主要组件,实现了Servlet和JavaServer Pages(JSP)规范。它...

    E购网站源代码

    这个源码是一个已转载的版本,适用于个人学习和研究,不建议用于商业运营,以避免版权问题。 源码通常包含了网站运行所需的全部文件,包括HTML、CSS、JavaScript等前端代码,以及PHP、Python、Java等后端语言编写的...

    java开发html转pdf示例(转载)

    请注意,你需要根据实际的HTML内容和输出文件路径调整代码中的字符串变量。 转换完成后,一个名为"output.pdf"的文件将在项目根目录下生成。你可以根据需要调整输出文件名和路径。 在实际应用中,你可能需要处理更...

    杨洋疯狂C#第一期 Jquery相关代码

    《杨洋疯狂C#第一期 Jquery相关代码》是一份以C#编程语言为背景,深入探讨jQuery技术的教程资源。...但需要注意的是,使用这些资源时应遵守版权规定,不得擅自转载或用于个人盈利目的,以免引起法律纠纷。

    让那些无用代码注释见鬼去

    本文是html5tricks原创翻译,转载请看清文末的转载要求,谢谢合作! 摘要——注释简单代码会干扰对重要注释的理解。程序开发者最好能用最精要的注释来解释重点代码。 举个例子,你打开一个电箱,里面有几百根电线,...

    新闻动态生成HTML,asp.net,功能强大,欢迎转载!

    在ASP.NET中,我们可以使用内置的强类型视图引擎如Razor来编写HTML代码,并与后端C#代码无缝结合。Razor语法允许开发者在HTML中嵌入C#代码,使得动态内容的生成变得简单直观。例如,我们可以通过数据库查询获取新闻...

    Android的TextView使用Html来处理图片显示、字体样式、超链接等

    我们知道要让TextView解析和显示Html代码。可以使用 Spanned text = Html.fromHtml(source); tv.setText(text); 来实现,这个用起来简单方便。 但是,怎样让TextView也显示Html中节点的图像呢? 我们可以看到from...

Global site tag (gtag.js) - Google Analytics