html基本语句.docx
《html基本语句.docx》由会员分享,可在线阅读,更多相关《html基本语句.docx(6页珍藏版)》请在冰豆网上搜索。
![html基本语句.docx](https://file1.bdocx.com/fileroot1/2023-1/8/b6f8cbbc-e588-4715-a3b8-a2c1105e2168/b6f8cbbc-e588-4715-a3b8-a2c1105e21681.gif)
html基本语句
1.结构性定义
文件类型<HTML></HTML>(放在档案的开头与结尾)
文件主题<TITLE>html代码大全</TITLE>(必须放在「文头」区块内)
文头<HEAD></HEAD>(描述性资料,像是「主题」)
文体<BODY></BODY>(文件本体)
标题<H?
></H?
>(从1到6,有六层选择)
标题的对齐<H?
ALIGN=LEFT|CENTER|RIGHT></H?
>
区分<DIV></DIV>
区分的对齐<DIVALIGN=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>(保留文件中空格的大小)
预定格式的宽度<PREWIDTH=?
></PRE>(以字元计算)
向中看齐<CENTER></CENTER>(文字与图片都可以)
闪耀<BLINK></BLINK>(有史以来最被嘲弄的标签)
字体大小<FONTSIZE=?
></FONT>(从1到7)
改变字体大小<FONTSIZE=+|-?
></FONT>
基本字体大小<BASEFONTSIZE=?
>(从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|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字<IMGsrc="/URL"ALT="***">(如果没有办法显示图形则显示此文字)
点选图<IMGsrc="/URL"ISMAP>(需要CGI程式)
N2.0点选图<IMGsrc="/URL"USEMAP="URL">
N2.0地图<MAPNAME="***"></MAP>(描述地图)
N2.0段落<AREASHAPE="RECT"COORDS=",,,"href="/URL"|NOHREF>
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.分隔
段落<P>(通常是两个return)
3.0段落<P></P>(新定义成容器型标签)
3.0文字看齐方式<PALIGN=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="#$$$$$$">
N1.1+看过的连结<BODYVLINK="#$$$$$$">
N1.1使用中的连结<BODYALINK="#$$$$$$">
4.特殊字元(以下标签需用小写)
特别符号?
;(其中?
代表ISO8859-1的编码)
<<>>&&""
注册商标TM?
N1.0+注册商标TM?
著作权符号?
N1.0+著作权符号?
5.表单(通常需要与CGI程式配合)
定义表单<FORMACTION="URL"METHOD=GET|POST></FORM>
N2.0上传档案<FORMENCTYPE="multipart/form-data"></FORM>
输入栏位<INPUTTYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|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=?
>
N1.1表格宽度<TABLEWIDTH=?
>(以pixels为单位)
N1.1宽度比率<TABLEWIDTH=%>(页宽为100%)
3.0表格列<TR></TR>
3.0表格列内容看齐<TRALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>
3.0储存格<TD></TD>(须与列并用)
3.0储存格内容看齐<TDALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|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|MIDDLE|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">
N2.0个别视框名称<FRAMENAME="***"|_blank|_self|_parent|_top>
N2.0边缘宽度<FRAMEMARGINWIDTH=?
>(「左」与「右」边界)
N2.0边缘高度<FRAMEMARGINHEIGHT=?
>(「天顶」与「地底」边界)
N2.0卷动条<FRAMESCROLLING="YES|NO|AUTO">
N2.0不可改变大小<FRAMENORESIZE>
N2.0无视框时的内容<NOFRAMES></NOFRAMES>(如果浏览器不提供视框功能的话)
背景色彩和文字色彩
<bodybgcolor=#text=#link=#alink=#vlink=#>
bgcolor---背景色彩
text---非可链接文字的色彩
link---可链接文字的色彩
alink---正被点击的可链接文字的色彩
vlink---已经点击(访问)过的可链接文字的色彩
#=rrggbb
色彩是用16进制的红-绿-蓝(red-green-blue,RGB)值来表示。
16进制的数码有:
0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
背景图象<bodybackground="image-URL">
NonScrollingBackground<bodybgproperties=FIXED>
页面左边的空白<bodyleftmargin=#>
页面上方的空白(天头)<bodytopmargin=#>#=marginamount
跳转到页面的另外一个地方
<ahref="#name">...</a>
<aname="name">...</a>
<ahref="#jump-test">跳转到下一个"链接点"</a><P>
<aname="jump-test">下一个链接点</a>
跳转到下一个"链接点"
跳转到另一个页面的某个地方
<ahref="URL#name">...</a>
<aname="name">...</a>
跳转到另一个页面的<ahref="samp/link.html#jump-test">某个地方</a>。
开一个新的(浏览器)窗口(TargetWindow)
<ahref="URL"target="Window_Name">...</a>
<ahref="samp/window.html"target="window_name">开一个新窗口!
</a>
<!
-- 超链接 --->
<ahref="url"target="_blank/_self/_top/_parent/windowname">文字</a>
<!
-- 水平线-->
<hrsize=1width="100%"align="left/right/center"noshadecolor=#>
<!
--表单-->
<formaction="url"method="get/post"target="_self/_top/name"name="form1">
<inputtype="text/password/checkbox/radio/image/hidden/submit/reset"name="name"
value=""maxlength="35"size=30>
<selectname="name"size="1">
<optionvalue=""selected>文字
</select>
<textareaname=namerows=12cols=60wrap="off/soft/hard"></textarea>
</form>
<!
--滚动文字/图片-->
<marqueebehavior="scroll/alternate/slide"scrollamount="2"scrolldelay="50"
direction="left/right/up/down"align="center/left/right"bgcolor=#width=300height="200"
border="0">
文字或图片
</marquee>