学习使用Dreamweaver CS3之前你必须知道的HTML基础知识

2016-02-20 01:13 67 1 收藏

下面,图老师小编带您去了解一下学习使用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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

表格
定义表格 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/webkaifa/)

来源:http://www.tulaoshi.com/n/20160220/1633507.html

延伸阅读
标签: Web开发
Dreamweaver CS3相对于之前的版本,对于CSS的编写更加规范化了,下面我们来了解一下它的CSS布局规则。 CSS文件的链接方式 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中 CSS规则定义有三种: 1)类比如“.RedText”、“.BlueText”和“.BigText”等等 2)标签针对原有HTML标签做的重新CSS定义...
标签: Web开发
CSS文件的链接方式 1、附加链接:外部CSS文件 2、导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中 CSS规则定义有三种 1、类比如“.RedText”、“.BlueText”和“.BigText”等等 2、标签针对原有HTML标签做的重新CSS定义 3、高级伪类、定义了ID的元素,以及综合性定义 CSS规则的应用 ...
关于镜头你必须知道的10个知识 一.把你的数码相机焦段设为固定值,或者装上一支定焦镜头去拍摄,强迫自己用脚步代替变焦,在这个过程中,你会发现许多不同一般的拍摄角度。 摄影教程 二.尝试着,当你非常靠近一个人的时候,你会发现他的鼻子产生变形,那便是透视。 小技巧:尽可能扩大广角覆盖范围,你可以用相机垂直拍摄,...
标签: 化妆 美妆
一、清透底妆 底妆是整个妆容的基础,想要化个美美的妆,做好铺垫工作很重要。首先要用化妆水去角质,然后根据不同的肤质进行修复,干性肌肤要用保湿精华增加湿润度,油性肌肤要特别注意T区,要使用一些具有控油效果的妆前产品。另外,上底妆之前一定要上隔离霜,隔离霜一般分成紫色和绿色,紫色妆前乳能够中和蜡黄、暗沉肤色的黄...
标签: 营养价值
很多人都喜欢吃蓝莓,平时在超市的时候也会经常看到蓝莓,蓝莓不仅可以生吃,还可以当成饮料呢,除了这些你还知道蓝莓有哪些功效与作用吗?你知道蓝莓的这些功效都对人体健康又什么帮助吗?接下来图老师图老师小编就告诉蓝莓有哪些功效与作用,你一定要看哦! 蓝莓的功效与作用 蓝莓果实中除了常规的糖、酸和维生素C外,富...

经验教程

789

收藏

98
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部