下面,图老师小编带您去了解一下学习使用Dreamweaver CS3之前你必须知道的HTML基础知识,生活就是不断的发现新事物,get新技能~
【 tulaoshi.com - Web开发 】
在学习Adobe Dreamweaver CS3之前,有些HTML的基础知识你还是需要学习了解的。本文将HTML的标签详细解释了一遍。
总类(所有HTML文件都有的)
文件类型 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
链结与图形
链接 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程式)
点选图 IMG SRC="URL" USEMAP="URL"
地图 MAP NAME="***"/MAP(描述地图)
段落 AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF
大小 IMG SRC="URL" WIDTH="?" HEIGHT="?"(以pixels为单位)
图形边缘 IMG SRC="URL" BORDER=? (以pixels为单位)
图形边缘空间 IMG SRC="URL" HSPACE=? VSPACE=? (以pixels为单位)
低解析度图形 IMG SRC="URL" LOWSRC="URL"
用户端拉 META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"(使用端自动更新 )
内嵌物件 EMBED SRC="URL" (将物件插入页面)
内嵌物件大小 EMBED SRC="URL" WIDTH="?" HEIGHT="?"
分隔
段落 P (通常是两个return)
段落 P/P (新定义成容器型标签)
文字看齐方式 P ALIGN=LEFT|CENTER|RIGHT/P
换行 BR (一个return)
文字部份看齐方式BR CLEAR=LEFT|RIGHT|ALL(与图形合用时)
横线 HR
横线对齐 HR ALIGN=LEFT|RIGHT|CENTER
横线厚度 HR SIZE=? (以pixels为单位)
横线宽度 HR WIDTH=? (以pixels为单位)
横线比率宽度 HR WIDTH=% (以页宽为100%)
实线 HR NOSHADE (没有立体效果)
不可换行 NOBR/NOBR (不换行)
可换行处 WBR (如果需要,可在此断行)
列举(可以巢状列举)
无次序式列举 ULLI/UL (LI 放在每一项前)
公布式列举 UL TYPE=DISC|CIRCLE|SQUARE(定义全部的列举项)
LI TYPE=DISC|CIRCLE|SQUARE(定义这个及其後的列举项)
有次序式列举 OLLI/OL (LI 放在每一项前)
数标型态 OL TYPE=A|a|I|i|1 (定义全部的列举项)
LI TYPE=A|a|I|i|1 (定义这个及其後的列举项)
起始数字 OL VALUE=? (定义全部的列举项)
LI VALUE=? (定义这个及其後的列举项)
定义式列举 DLDTDD/DL(DT项目, DD定义)
表单式列举 MENULI/MENU(LI 放在每一项前)
目录式列举 DIRLI/DIR (LI 放在每一项前)
背景与颜色
重复排列的背景 BODY BACKGROUND="URL"
背景颜色 BODY BGCOLOR="#$$$" (依序为红、绿、蓝)
文字颜色 BODY TEXT="#$$$"
连结颜色 BODY LINK="#$$$"
看过的连结 BODY VLINK="#$$$"
使用中的连结 BODY ALINK="#$$$"
表单(通常需要与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
输入区换行方式 TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL/textarea
表格
定义表格 TABLE/TABLE
表格框线 TABLE BORDER/TABLE (有或没有)
表格框线 TABLE BORDER=?/TABLE(可以设定数值)
储存格左右留白 TABLE CELLSPACING=?
储存格上下留白 TABLE CELLPADDING=?
表格宽度 TABLE WIDTH=? (以pixels为单位)
宽度比率 TABLE WIDTH=% (页宽为100%)
表格列 TR/TR
表格列内容看齐 TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
储存格 TD/TD (须与列并用)
储存格内容看齐 TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
不换行 TD NOWRAP
储存格背景颜色 TD BGCOLOR=#$$$
储存格横向连接 TD COLSPAN=?
储存格纵向连接 TD ROWSPAN=?
储存格宽度 TD WIDTH=? (以pixels为单位)
储存格宽度比率 TD WIDTH=% (页宽为100%)
表格标题 TH/TH (跟TD一样,不过会对中并加粗)
表格标题对齐 TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
表格标题不换行 TH NOWRAP
表格标题占几栏 TH COLSPAN=?
表格标题占几列 TH ROWSPAN=?
表格标题宽度 TH WIDTH=? (以pixels为单位)
表格标题比率宽度TH WIDTH=% (页宽为100%)
表格抬头 CAPTION/CAPTION
表格抬头看齐 CAPTION ALIGN=TOP|BOTTOM(在表格之上/之下)
视框(定义与控制萤幕上的特定区域)
视框格式总定义 FRAMESET/FRAMESET (取代BODY)
视框行长度分配 FRAMESET ROWS=,,,/FRAMESET(pixels 或 %)
视框行长度分配 FRAMESET ROWS=*/FRAMESET (* = 相对大小)
视框栏宽度分配 FRAMESET COLS=,,,/FRAMESET(pixels 或 %)
视框栏宽度分配 FRAMESET COLS=*/FRAMESET (* =相对大小)
定义个别视框 FRAME (定义个别视框)
个别视框内容 FRAME SRC="URL"
个别视框名称 FRAME NAME="***"|_blank|_self|_parent|_top
边缘宽度 FRAME MARGINWIDTH=? (「左」与「右」边界)
边缘高度 FRAME MARGINHEIGHT=? (「天顶」与「地底」边界)
卷动条 FRAME SCROLLING="YES|NO|AUTO"
不可改变大小 FRAME NORESIZE
无视框时的内容 NOFRAMES/NOFRAMES(如果浏览器不提供视框功能的话)
杂项
说明 (浏览器不会显示)
档案型态声明 !DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"
档案型态声明 !DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN"
可搜寻 ISINDEX (指示可搜寻的索引项)
提示 ISINDEX PROMPT="***" (要求输入的提示文字)
送出搜寻条件 A HREF="URL?***"/a (其中的问号不是数字,而是「问号」)
基本档案的URL BASE HREF="URL" (必须放在「文头」区段内)
基本视窗名称 BASE TARGET="***" (必须放在「文头」区段内)
相关性 LINK REV="***" REL="***" HREF="URL" (必须放在「文头」区段内)
背景资讯 META (必须放在「文头」区段内)
来源:http://www.tulaoshi.com/n/20160220/1633507.html
看过《学习使用Dreamweaver CS3之前你必须知道的HTML基础知识》的人还看了以下文章 更多>>