初级html代码大全
初级html代码大全
初级html代码大全1)贴图：<imgsrc="图片地址">
2)加入连接：<ahref="所要连接的相关地址"> 写上你想写的字</a>3)在新窗口打开连接：<ahref="相关地址"target="_blank"> 写上要写的字</a>4)移
动字体(走马灯)：<marquee> 写上你想写的字
</marquee>5)字体加粗：<b> 写上你想写的字</b>6)字体斜体：<i> 写上你想写的字
</i>7)字体下划线:<u> 写上你想写的字
</u>字体删除线:<s> 写上你想写的字
</s>9)字体加大:<big> 写上你想写的字
</big>10)字体控制大小：<h1> 写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小) 11)更改字体颜色：<fontcolor="#value"> 写上你想写的字</font> (其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线：<ahref="相关地址"style="text-decoration:none"> 写上你想写的字</a>
13)贴音乐：<embedsrc="音乐地址"width="宽度"height="高度"autostart=false>14)贴flash:<embedsrc="flash 地址"width="宽度"height="高度">15)贴影视文件：<imgdynsrc="文件地址"width="宽度"height="高度
"start=mouseover>16)换行：17)段落：<p> 段落</p>1原始文字样式：<pre> 正文
</pre>19)换帖子背景：<bodybackground="背景图片地址">20)固定帖子背景不随滚动条滚动：
<bodybackground="背景图片地址"body
bgproperties=fixed>21)定制帖子背景颜色：
<bodybgcolor="#value"& gt; (value值见10)22)帖子背景音乐：<bgsound=" 背景音乐地址"loop=infinite>
23)贴网页：<iframesrc="相关地址"width="宽度"height="
高度"> </iframe> 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>变数<V AR> </V AR>定义
<DFN> </DFN> （有些浏览器不提供）地址<ADDRESS> </ADDRESS>大字<BIG> </BIG>小字<*ALL> </*ALL>与外观相关的标签（作者自订的表现方式）加粗<B> </B>斜体<I> </I>底线<U>
</U> （尚有些浏览器不提供）删除线<S>
</S> （尚有些浏览器不提供）下标<SUB> </SUB>上标<SUP> </SUP>打字机体<TT> </TT> （用单空格字型显示）预定格式<RE> </PRE> （保留文件中空格的大小）预定格式的宽度<REWIDTH=?> </PRE> （以字元计算）向中看齐<CENTER> </CENTER> （文字与图片都可以）闪耀<BLINK> </BLINK> （有史以来最被嘲弄的标签）字体大小
<FONTSIZE=?> </FONT> （从1到7）改变字体大小<FONTSIZE=+|-?> </FONT>基本字体大小<BASEFONTSIZE=?& gt; （从1到7;内定为3）
字体颜色<FONTCOLOR="#$$$$$$"> </FONT> 2.连结与图形连结<AHREF="URL"> </A>
连结到锚点<AHREF="URL#***"> </A> （如果锚点在另一个档案）<AHREF="#***"> </A> （如果锚点目前的档案）连结到目的视框
<AHREF="URL"TARGET="***"> </A>设定锚点<ANAME="***"> </A>图形
<IMGSRC="URL">图形看齐方式
<IMGSRC="URL"ALIGN=TOP|BOTTOM|MIDDLE>
图形看齐方式<IMGSRC="URL"
ALIGN=LEFT|RIGHT|TEXTTOP|AB*IDDLE|BASELINE|AB SBOTTOM>取代文字
<IMGSRC="URL"ALT="***"> （如果没有办法显示图形则显示此文字）点选图<IMGSRC="URL"I*AP> （需要CGI程式）N2.0点选图
<IMGSRC="URL"USEMAP="URL">N2.0地图
<MAPNAME="***"> </MAP> （描述地图）
N2.0段落
<AREASHAPE="RECT"COORDS=",,,"HREF="URL"|NOH REF> 3.0大小
<IMGSRC="URL"WIDTH="?"HEIGHT="?"> （以pixels 为单位）N1.0图形边缘<IMGSRC="URL"BORDER=?>
（以pixels为单位）N1.0图形边缘空间
<IMGSRC="URL"HSPACE=?VSPACE=?> （以pixels 为单位）N1.0低解析度图形
<IMGSRC="URL"LOWSRC="URL">N1.1用户端拉
<METAHTTP-EQUIV="Refresh"CONTENT="?;URL=URL "> （使用端自动更新）N2.0内嵌物件
<EMBEDSRC="URL"> （将物件插入页面）N2.0内嵌物件大小
<EMBEDSRC="URL"WIDTH="?"HEIGHT="?"> 3.分隔段落<> （通常是两个return） 3.0段落<> </P> （新定义成容器型标签） 3.0文字看齐方式<ALIGN=LEFT|CENTER|RIGHT> </P>
换行<BR> （一个return）N1.0文字部份看齐方式<BRCLEAR=LEFT|RIGHT|ALL> （与图形合用时）横线<HR>N1.0横线对齐
<HRALIGN=LEFT|RIGHT|CENTER>N1.0横线厚度<HRSIZE=?> （以pixels为单位）N1.0横线宽度<HRWIDTH=?> （以pixels为单位）N1.0横线比率宽度<HRWIDTH=%> （以页宽为100%）N1.0实线<HRNOSHADE> （没有立体效果）N1.0不可换行<NOBR> </NOBR> （不换行）N1.0
可换行处<WBR> （如果需要，可在此断行）列举（可以巢状列举）无次序式列举<UL> <LI> </UL> （<LI> 放在每一项前）N1.0公布式列举<ULTYPE=DISC|CIRCLE|SQUARE> （定义全部的列举项）<LITYPE=DISC|CIRCLE|SQUARE> （定义这个及其後的列举项）有次序式列举<OL> <LI> </OL> （<LI> 放在每一项前）
N1.0数标型态<OLTYPE=A|a|I|i|1> （定义全部的列举项）<LITYPE=A|a|I|i|1> （定义这个及其後的列举项）N1.0起始数字<OLvalue=?> （定义全部的列举项）<LIvalue=?> （定义这个及其後的列举项）定义式列举<DL> <DT> <DD> </DL> （<DT> 项目,<DD> 定义）表单式列举
<MENU> <LI> </MENU> （<LI> 放在每一项前）目录式列举<DIR> <LI>
</DIR> （<LI> 放在每一项前）背景与颜色3.0重复排列的背景<BODYBACKGROUND="URL"> N1.1+背景颜色<BODYBGCOLOR="#$$$$$$"> （依序为红、绿、蓝）N1.1+文字颜色
<BODYTEXT="#$$$$$$">N1.1+连结颜色
<BODYLINK="#$$$$$$"& gt;N1.1+看过的连结<BODYVLINK="#$$$$$$">N1.1使用中的连结
<BODYALINK="#$$$$$$"> 4.特殊字元（以下标签需用小写）特别符号&#?;（其中?代表ISO8859-1的编码）<<> > &&""注册商标TM?N1.0+注册商标TM?著作权符号?N1.0+著作权符号? 5.表单（通常需要与CGI程式配合）定义表单<FORMACTION="URL"METHOD=GET|POST& gt; </FORM>N2.0上传档案
<FORMENCTYPE="multipart/form- data>
</FORM>输入栏位
<INPUTTYPE="TEXT|PASSWORD|CHECKBOX|RADIO|I MAGE|HIDDEN|SUBMIT|RESET">栏位名称
<INPUTNAME="***">栏位内定值
<INPUTvalue="***">已选定
<INPUTCHECKED> （适用於checkboxes与radioboxes）栏位宽度<INPUTSIZE=?> （以字元数为单位）最长字数<INPUTMAXLENGTH=?> （以字元数为单位）下拉式选单<SELECT>
</SELECT>下拉式选单名称
<SELECTNAME="***"> </SELECT>选单项目数量<SELECTSIZE=?> </SELECT>多选式选单<SELECTMULTIPLE> （多选）选项
<OPTION>内定选项<OPTIONSELECTED>
文字输入区<TEXTAREAROWS=?COLS=?>
</TEXTAREA>输入区名称
<TEXTAREANAME="***"> </TEXTAREA>
N2.0输入区换行方式
<TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL>
</TEXTAREA> 6.表格 3.0定义表格
<TABLE> </TABLE> 3.0表格框线
<TABLEBORDER> </TABLE> （有或没有）
N1.1表格框线<TABLEBORDER=?> </TABLE> （可以设定数值）N1.1储存格左右留白
<TABLECELLSPACING=?>N1.1储存格上下留白<TABLECELLPADDING=?& gt;N1.1表格宽度<TABLEWIDTH=?> （以pixels为单位）N1.1宽度比率<TABLEWIDTH=%> （页宽为100%） 3.0表格列<TR> </TR> 3.0表格列内容看齐
<TRALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDL E|BOTTOM> 3.0储存格<TD> </TD> （须与列并用） 3.0储存格内容看齐
<TDALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDL E|BOTTOM> 3.0 不换行<TDNOWRAP>
N3.0储存格背景颜色<TDBGCOLOR=#$$$$$$>
3.0储存格横向连接<TDCOLSPAN=?> 3.0储存格
纵向连接<TDROWSPAN=?>N1.1储存格宽度
<TDWIDTH=?> （以pixels为单位）N1.1储存格宽度比率<TDWIDTH=%> （页宽为100%） 3.0表格标题<TH> </TH> （跟<TD> 一样，不过会对中并加粗） 3.0表格标题对齐
<THALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDL E|BOTTOM> 3.0 表格标题不换行
<THNOWRAP> 3.0表格标题占几栏
<THCOLSPAN=?> 3.0表格标题占几列
<THROWSPAN=?>N1.1表格标题宽度
<THWIDTH=?> （以pixels为单位）N1.1表格标题比率宽度<THWIDTH=%> （页宽为100%） 3.0表格抬头<CAPTION> </CAPTION> 3.0表格抬头看齐<CAPTIONALIGN=TOP|BOTTOM> （在表格之上/之下）视框（定义与控制萤幕上的特定区域）
N2.0视框格式总定义<FRAMESET>
</FRAMESET> （取代<BODY> ）N2.0视框行长度分配<FRAMESETROWS=,,,>
</FRAMESET> （pixels或%）N2.0视框行长度分配<FRAMESETROWS=*> </FRAMESET> （*=相对大小）N2.0视框栏宽度分配
<FRAMESETCOLS=,,,> </FRAMESET> （pixels
或%）N2.0视框栏宽度分配<FRAMESETCOLS=*> </FRAMESET> （*=相对大小）N2.0定义个别视框<FRAME> （定义个别视框）N2.0个别视框内容<FRAMESRC="URL"& gt;N2.0个别视框名称<FRAMENAME="***"|_blank|_self|_parent|_top& gt; N2.0边缘宽度<FRAMEMARGINWIDTH=?> （「左」与「右」边界）N2.0边缘高度
<FRAMEMARGINHEIGHT=?> （「天顶」与「地底」边界）N2.0卷动条
<FRAMESCROLLING="YES|NO|AUTO">N2.0不可改变大小<FRAMENORESIZE>N2.0无视框时的内容<NOFRAMES> </NOFRAMES> （如果浏览器不提供视框功能的话）7.杂项说明<!--***--> （浏览器不会显示）Html代码大全Html代码大全HTML语法大全卷标,属性名称,简介<!--...--> 批注<!> 跑马灯
<marquee> ...</marquee> 普通卷动
<marqueebehavior=slide> ...</marquee> 滑动
<marqueebehavior=scroll> ...</marquee> 预设卷动<marqueebehavior=alternate> ...</marquee> 来回
卷动<marqueedirection=down> ...</marquee> 向下卷动
<marqueedirection=up> ...</marquee> 向上卷动
<marqueedirection=right> </marquee> 向右卷动
<marqueedirection=left> </marquee> 向左卷动
<marqueeloop=2> ...</marquee> 卷动次数
<marqueewidth=180> ...</marquee> 设定宽度
<marqueeheight=30> ...</marquee> 设定高度
<marqueebgcolor=FF0000> ...</marquee> 设定背
景颜色
<marqueescrollamount=30> ...</marquee> 设定卷
动距离
<marqueescrolldelay=300> ...</marquee> 设定卷
动时间<!> 字体效果<h1> ...</h1> 标题字(最大)<h6> ...</h6> 标题字(最小)
<b> ...</b> 粗体字
<strong> ...</strong> 粗体字(强调)
<i> ...</i> 斜体字<em> ...</em>
斜体字(强调)<dfn> ...</dfn> 斜体字(表示定义)<u> ...</u> 底线
<ins> ...</ins> 底线(表示插入文字)
<strike> ...</strike> 横线<s> ...</s> 删除线<del> ...</del> 删除线(表示删除)
<kbd> ...</kbd> 键盘文字
<tt> ...</tt> 打字体
<xmp> ...</xmp> 固定宽度字体(在文件中空白、换行、定位功能有效)<plaintext> ...</plaintext> 固定宽度字体(不执行标记符号)
<listing> ...</listing> 固定宽度小字体
<fontcolor=00ff00> ...</font> 字体颜色
<fontsize=1> ...</font> 最小字体
<fontstyle=font-size:100px> ...</font> 无限增大
<!> 区断标记<hr> 水平线
<hrsize=9> 水平线(设定大小)<hrwidth=80%> 水平线(设定宽度)<hrcolor=ff0000> 水平线(设定颜色)(换行)<nobr> ...</nobr> 水域(不
换行)<p> ...</p> 水域(段落)
<center> ...</center> 置中<!> 连结格
式<basehref=地址> (预设好连结路径)
<ahref=地址> </a> 外部连结<ahref=地址target=_blank> </a> 外部连结(另开新窗口)
<ahref=地址target=_top> </a> 外部连结(全窗口
连结)<ahref=地址target=页框名> </a> 外部连结(在指定页框连结)<!> 贴图/音乐
<imgsrc=图片地址> 贴图<imgsrc=图片地址width=180> 设定图片宽度<imgsrc=图片地址
height=30> 设定图片高度<imgsrc=图片地址alt=提示文字> 设定图片提示文字<imgsrc=图片地址border=1> 设定图片边框<bgsoundsrc=MID音乐文件地址& gt; 背景音乐设定<!> 表格语法
<tablealing=left> ...</table> 表格位置,置左
<tablealing=center> ...</table> 表格位置,置中
<tablebackground=图片路径> ...</table> 背景图片的URL=就是路径网址<tableborder=边框大小
> ...</table> 设定表格边框大小(使用数字)
<tablebgcolor=颜色码> ...</table> 设定表格的背景颜色<tableborderclor=颜色码> ...</table> 设定表格边框的颜色<tableborderclordark=颜色码
> ...</table> 设定表格暗边框的颜色
<tableborderclorlight=颜色码> ...</table> 设定表格亮边框的颜色<tablecellpadding=参数
> ...</table> 指定内容与网格线之间的间距(使用数字)<tablecellspacing=参数> ...</table> 指定网格线与网格线之间的距离(使用数字)<tablecols=参数> ...</table> 指定表格的栏数<tableframe=参数> ...</table> 设定表格外框线的显示方式
<tablewidth=宽度> ...</table> 指定表格的宽度大小(使用数字)<tableheight=高度> ...</table>
指定表格的高度大小(使用数字)<tdcolspan=参数
> ...</td> 指定储存格合并栏的栏数(使用数字)
<tdrowspan=参数> ...</td> 指定储存格合并列的列数(使用数字)<!> 分割窗口
<framesetcols="20%,*"> 左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<framesetrows="20%,*"> 上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<framesetcols="20%,*"& gt; 分割左右两个框架
<framesetcols="20%,*,20%"> 分割左中右三个框架
<分割上下两个框架
<framesetrows="20%,*,20%"> 分割上中下三个框架
<!--...--> 批注<AHREFTARGET> 指定超级链接的分割窗口<AHREF=#锚的名称> 指定锚名称的超级链接<AHREF> 指定超级链接
<ANAME=锚的名称> 被连结点的名称
<ADDRESS> ....</ADDRESS> 用来显示电子邮箱地址<B> 粗体字<BASETARGET> 指定超级链接的分割窗口<BASEFONTSIZE> 更改预设字形大小<BGSOUNDSRC> 加入背景音乐<BIG> 显示大字体<BLINK> 闪烁的文字<BODYTEXTLINKVLINK> 设定文字颜色
<BODY> 显示本文<BR> 换行
<CAPTIONALIGN> 设定表格标题位置
<CAPTION> ...</CAPTION> 为表格加上标题
<CENTER> 向中对齐<CITE> ...<CITE> 用于引经据典的文字<CODE> ...</CODE>
用于列出一段程序代码
<COMMENT> ...</COMMENT> 加上批注
<DD> 设定定义列表的项目解说
<DFN> ...</DFN> 显示"定义"文字
<DIR> ...</DIR> 列表文字卷标
<DL> ...</DL> 设定定义列表的卷标
<DT> 设定定义列表的项目<EM> 强调之用<FONTFACE> 任意指定所用的字形
<FONTSIZE> 设定字体大小
<FORMACTION> 设定户动式窗体的处理方式
<FORMMETHOD> 设定户动式窗体之资料传送方式
<FRAMEMARGINHEIGHT> 设定窗口的上下边界
<FRAMEMARGINWIDTH> 设定窗口的左右边界
<FRAMENAME> 为分割窗口命名
<FRAMENORESIZE> 锁住分割窗口的大小
<FRAMESCROLLING> 设定分割窗口的滚动条
<FRAMESRC> 将HTML文件加入窗口
<FRAMESETCOLS> 将窗口分割成左右的子窗口
<FRAMESETROWS> 将窗口分割成上下的子窗口
<FRAMESET> ...</FRAMESET> 划分分割窗口<H1> ~<H6> 设定文字大小<HEAD> 标示文件信息<HR> 加上分网格线
<HTML> 文件的开始与结束<I> 斜体字
<IMGALIGN> 调整图形影像的位置
<IMGALT> 为你的图形影像加注
<IMGDYNSRCLOOP> 加入影片
<IMGHEIGHTWIDTH> 插入图片并预设图形大小
<IMGHSPACE> 插入图片并预设图形的左右边界
<IMGLOWSRC> 预载图片功能
<IMGSRCBORDER> 设定图片边界
<IMGSRC> 插入图片<IMGVSPACE> 插入图片并预设图形的上下边界
<INPUTTYPENAMEvalue> 在窗体中加入输入字段
<ISINDEX> 定义查询用窗体
<KBD> ...</KBD> 表示使用者输入文字
<LITYPE> ...</LI> 列表的项目(可指定符号)
<MARQUEE> 跑马灯效果
<MENU> ...</MENU> 条列文字卷标
HTML代码大全
HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 编辑本段HTML代码大全 1.结构性定义 文件类型 （放在档案的开头与结尾） 文件主题
html5基本代码
、
、、
等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性： 属性用途示例 设置背景颜色。红色背景 设置文本颜色。蓝色文本 设置链接颜色。链接为蓝色 设置已使用的链接的颜色。 设置正在被击中的链接的颜色。 说明:以上各个属性可以结合使用，如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html 语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue 和Teal，如表示标志对中的文本使用蓝色显示在浏览器的框内。 4.
好，我们用记事本来写一下自己的第一个简单的网页。
html常用代码
1、文字大小、颜色、加粗、倾斜的代码 *文字加大、加色的代码是:；文字 效果：文字 font size 的参数范围1 至7；最大字体为7 （若要再大须用font style 的代码。参看本帖第10条阴影字）*文字加粗的代码是:；文字 *文字倾斜的代码是；文字 *底线字：文字 2、文字对齐的代码： 靠左对齐：
文字 置中对齐：
文字 靠右对齐：
文字 3、插入文字链接的代码： 不另开视窗的链接代码：椰风蕉雨另打开一个新视窗的代码： target="_blank">椰风蕉雨 放大或缩小图片：
5、图片链接代码 点击图片打开一个网页的链接代码如下：
点击图片打开新窗口的链接代码如下：
上面的图片宽度、高度可调节图片尺寸大小。 6、换行代码 贴文需要换行时，直接用Enter键是不行的，需要在您想换行的位置输入
， 这样就会分成两行显示，整个贴文看起来也不会是一大片了，而是段落分明。
最全面最简单使用的HTML代码教程分享
HTML基本概念 什么是HTML文件？ ?HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。?和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。 ?一个HTML文件的后缀名是.htm或者是.html。 ?用文本编辑器就可以编写HTML文件。 这就试写一个HTML文件吧！ 打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。