当前位置:首页 > 联系黑客 > 正文内容

dw基础代码大全(DW代码格式)

hacker2年前 (2022-06-09)联系黑客114

本文导读目录:

dreamweaver中各种代码的含义

不知道你具体指的是什么 ? 各种代码又很多种 html css javascript asp php jsp等.我想你需要的是一些基础,我贴个HTML 代码标签好了。

! - - ... - - 批注

marquee.../marquee普通卷动

marquee behavior=slide.../marquee滑动

marquee behavior=scroll.../marquee预设卷动

marquee behavior=alternate.../marquee来回卷动

marquee direction=down.../marquee向下卷动

marquee direction=up.../marquee向上卷动

marquee direction=right/marquee向右卷动

marquee direction=left/marquee向左卷动

marquee loop=2.../marquee卷动次数

marquee width=180.../marquee设定宽度

marquee height=30.../marquee设定高度

marquee bgcolor=FF0000.../marquee设定背景颜色

marquee scrollamount=30.../marquee设定卷动距离

marquee scrolldelay=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 固定宽度小字体

font color=00ff00.../font字体颜色

font size=1.../font最小字体

font style =font-size:100 px.../font无限增大

!区断标记

hr水平线

hr size=9水平线(设定大小)

hr width=80%水平线(设定宽度)

hr color=ff0000水平线(设定颜色)

br(换行)

nobr.../nobr水域(不换行)

p.../p水域(段落)

center.../center置中

!连结格式

base href=地址(预设好连结路径)

a href=地址/a外部连结

a href=地址 target=_blank/a外部连结(另开新窗口)

a href=地址 target=_top/a外部连结(全窗口连结)

a href=地址 target=页框名/a外部连结(在指定页框连结)

!贴图/音乐

img src=图片地址贴图

img src=图片地址 width=180设定图片宽度

img src=图片地址 height=30设定图片高度

img src=图片地址 alt=提示文字设定图片提示文字

img src=图片地址 border=1设定图片边框

bgsound src=MID音乐文件地址背景音乐设定

!表格语法

table aling=left.../table表格位置,置左

table aling=center.../table表格位置,置中

table background=图片路径.../table背景图片的URL=就是路径网址

table border=边框大小.../table设定表格边框大小(使用数字)

table bgcolor=颜色码.../table设定表格的背景颜色

table borderclor=颜色码.../table设定表格边框的颜色

table borderclordark=颜色码.../table设定表格暗边框的颜色

table borderclorlight=颜色码.../table设定表格亮边框的颜色

table cellpadding=参数.../table指定内容与网格线之间的间距(使用数字)

table cellspacing=参数.../table指定网格线与网格线之间的距离(使用数字)

table cols=参数.../table指定表格的栏数

table frame=参数.../table设定表格外框线的显示方式

table width=宽度.../table指定表格的宽度大小(使用数字)

table height=高度.../table指定表格的高度大小(使用数字)

td colspan=参数.../td指定储存格合并栏的栏数(使用数字)

td rowspan=参数.../td指定储存格合并列的列数(使用数字)

!分割窗口

frameset cols="20%,*"左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

frameset rows="20%,*"上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

frameset cols="20%,*"分割左右两个框架

frameset cols="20%,*,20%"分割左中右三个框架

分割上下两个框架

frameset rows="20%,*,20%"分割上中下三个框架

! - - ... - - 批注

A HREF TARGET 指定超级链接的分割窗口

A HREF=#锚的名称 指定锚名称的超级链接

A HREF 指定超级链接

A NAME=锚的名称 被连结点的名称

ADDRESS..../ADDRESS 用来显示电子邮箱地址

B 粗体字

BASE TARGET 指定超级链接的分割窗口

BASEFONT SIZE 更改预设字形大小

BGSOUND SRC 加入背景音乐

BIG 显示大字体

BLINK 闪烁的文字

BODY TEXT LINK VLINK 设定文字颜色

BODY 显示本文

BR 换行

CAPTION ALIGN 设定表格标题位置

CAPTION.../CAPTION 为表格加上标题

CENTER 向中对齐

CITE...CITE 用于引经据典的文字

CODE.../CODE 用于列出一段程序代码

COMMENT.../COMMENT 加上批注

DD 设定定义列表的项目解说

DFN.../DFN 显示"定义"文字

DIR.../DIR 列表文字卷标

DL.../DL 设定定义列表的卷标

DT 设定定义列表的项目

EM 强调之用

FONT FACE 任意指定所用的字形

FONT SIZE 设定字体大小

FORM ACTION 设定户动式窗体的处理方式

FORM METHOD 设定户动式窗体之资料传送方式

FRAME MARGINHEIGHT 设定窗口的上下边界

FRAME MARGINWIDTH 设定窗口的左右边界

FRAME NAME 为分割窗口命名

FRAME NORESIZE 锁住分割窗口的大小

FRAME SCROLLING 设定分割窗口的滚动条

FRAME SRC 将HTML文件加入窗口

FRAMESET COLS 将窗口分割成左右的子窗口

FRAMESET ROWS 将窗口分割成上下的子窗口

FRAMESET.../FRAMESET 划分分割窗口

H1~H6 设定文字大小

HEAD 标示文件信息

HR 加上分网格线

HTML 文件的开始与结束

I 斜体字

IMG ALIGN 调整图形影像的位置

IMG ALT 为你的图形影像加注

IMG DYNSRC LOOP 加入影片

IMG HEIGHT WIDTH 插入图片并预设图形大小

IMG HSPACE 插入图片并预设图形的左右边界

IMG LOWSRC 预载图片功能

IMG SRC BORDER 设定图片边界

IMG SRC 插入图片

IMG VSPACE 插入图片并预设图形的上下边界

INPUT TYPE NAME value 在窗体中加入输入字段

ISINDEX 定义查询用窗体

KBD.../KBD 表示使用者输入文字

LI TYPE.../LI 列表的项目 ( 可指定符号 )

MARQUEE 跑马灯效果

MENU.../MENU 条列文字卷标

META NAME="REFRESH" CONTENT URL 自动更新文件内容

MULTIPLE 可同时选择多项的列表栏

NOFRAME 定义不出现分割窗口的文字

OL.../OL 有序号的列表

OPTION 定义窗体中列表栏的项目

P ALIGN 设定对齐方向

P 分段

PERSON.../PERSON 显示人名

PRE 使用原有排列

SAMP.../SAMP 用于引用字

SELECT.../SELECT 在窗体中定义列表栏

*** ALL 显示小字体

STRIKE 文字加横线

STRONG 用于加强语气

SUB 下标字

SUP 上标字

TABLE BORDER=n 调整表格的宽线高度

TABLE CELLPADDING 调整数据域位之边界

TABLE CELLSPACING 调整表格线的宽度

TABLE HEIGHT 调整表格的高度

TABLE WIDTH 调整表格的宽度

TABLE.../TABLE 产生表格的卷标

TD ALIGN 调整表格字段之左右对齐

TD BGCOLOR 设定表格字段之背景颜色

TD COLSPAN ROWSPAN 表格字段的合并

TD NOWRAP 设定表格字段不换行

TD VALIGN 调整表格字段之上下对齐

TD WIDTH 调整表格字段宽度

TD.../TD 定义表格的数据域位

TEXTAREA NAME ROWS COLS 窗体中加入多少列的文字输入栏

TEXTAREA WRAP 决定文字输入栏是自动否换行

TH.../TH 定义表格的标头字段

TITLE 文件标题

TR.../TR 定义表格美一行

TT 打字机字体

U 文字加底线

UL TYPE.../UL 无序号的列表 ( 可指定符号 )

VAR.../VAR 用于显示变量

Dreamweaver的所有代码及解释

Html

HEAD id="ctl00_HEAD1"meta http-equiv="Content-Type" content="text/html" /title

图书列表页

/title

style type="text/css"

*{padding:0;margin:0}

image{border:0;}

div{color:#000000;br font-size:12px;}

td{color:#000000;br font-size:12px;}

.topdiv{position:absolute;br left:700px;br top:100px;br width:190px;}

.top-input{border:0;br background:#FFFFFF;br width:175px;br height:20px;br padding-top:2px;}/style

style type="text/css"

.ctl00_tvStoreClass_0 { text-decoration:none; }

/style/HEAD

script language="javascript"

function Search()

keyword=document.getElementById("ctl00_Search").value;

document.location="Search.aspx?KeyWord="+escape(keyword);

window.onload=function(){

var url=document.location.toString();

var array=url.split("KeyWord=")

if(array.length1)

document.getElementById("ctl00_Search").value=unescape(array[1]);

else

document.getElementById("ctl00_Search").value="";

/script

BODY

!--网站头部开始--

form name="aspnetForm" method="post" action="BookList.aspx?typeid=20" id="aspnetForm"

div

/div

script type="text/javascript"

//![CDATA[

var ctl00_tvStoreClass_ImageArray = new Array('', '', '', '/Demos/MyBookShop - Final/Web/WebResource.axd?d=f6X9oVBtbi-xyOUTDfZc-QCcdoepg5DfwI_hAb5r-Sc1t=633710706727968750', '/Demos/MyBookShop - Final/Web/WebResource.axd?d=f6X9oVBtbi-xyOUTDfZc-ZSDqJ6aFayZFiLwydgnu7Y1t=633710706727968750', '/Demos/MyBookShop - Final/Web/WebResource.axd?d=f6X9oVBtbi-xyOUTDfZc-e_w_YmV12-TChNPjwkAJdI1t=633710706727968750');

/script

script type="text/javascript"

//![CDATA[

WebForm_InitCallback();var ctl00_tvStoreClass_Data = new Object();

ctl00_tvStoreClass_Data.images = ctl00_tvStoreClass_ImageArray;

ctl00_tvStoreClass_Data.collapseToolTip = "折叠 {0}";

ctl00_tvStoreClass_Data.expandToolTip = "展开 {0}";

ctl00_tvStoreClass_Data.expandState = theForm.elements['ctl00_tvStoreClass_ExpandState'];

ctl00_tvStoreClass_Data.selectedNodeID = theForm.elements['ctl00_tvStoreClass_SelectedNode'];

for (var i=0;i6;i++) {

var preLoad = new Image();

if (ctl00_tvStoreClass_ImageArray[i].length 0)

preLoad.src = ctl00_tvStoreClass_ImageArray[i];

ctl00_tvStoreClass_Data.lastIndex = 21;

ctl00_tvStoreClass_Data.populateLog = theForm.elements['ctl00_tvStoreClass_PopulateLog'];

ctl00_tvStoreClass_Data.treeViewID = 'ctl00$tvStoreClass';

ctl00_tvStoreClass_Data.name = 'ctl00_tvStoreClass_Data';

/script

/form

/BODY

/Html 2

Dreamweaver 8代码大全

html文档示例:

<html>

<head>

<title>标题<title>

</head>

<body>……….文件内容……….

</body>

</html>

html标签范例:

头标签内容尾标签

1.文件标题

<title>……….</title>

2.文件更新–<meta>

【1】10秒后自动更新一次

<meta http-equiv=”refresh” content=10>

【2】10秒后自动连结到另一文件

<meta http-equiv=”refresh” content=10>

3.查询用表单

–<isindex

若欲设定查询栏位前的提示文字:

<isindex prompt=”提示文字”>

4.预设的基准路径–<base

<base href=”放置文件的主机之URL”>

版面

1.标题文字 <h#>……….</h#> #=1~6;h1为更大字,h6为最小字

2.字体变化 <font>……….</font>

【1】字体大小 <font size=#>……….</font> #=1~7;数字愈大字也愈大

【2】指定字型 <font face=”字型名称”>……….</font>

【3】文字颜色 <font color=#rrggbb>……….</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码

3.显示小字体 < *** all>……….</ *** all>

4.显示大字体 <big>……….</big>

5.粗体字 <b>……….</b>

6.斜体字 <i>……….</i>

7.打字机字体 <tt>……….</tt>

8.底线 <u>……….</u>

9.删除线 <strike>……….</strike>

10.下标字 <sub>……….</sub>

11.上标字 <sup……….</sup>

12.文字闪烁效果 <blink>……….</blink>

13.换行 <br>

14.分段 <p>

15.文字的对齐方向

<p align=”#”> #号可为 left:表向左对齐(预设值)

center:表向中对齐 right:表向右对齐 P.S.<p align=”#”>之后的文字都会以所设的对齐方式显示, 直到出现另一个<p align=”#”>改变其对齐方向,或遇到 <hr>ⅱ<h#>标签时会自动设回预设的向左对齐。

16.分隔线 <hr>

【1】分隔线的粗细 <hr size=点数>

【2】分隔线的宽度 <hr size=点数或百分比>

【3】分隔线对齐方向 <hr align=”#”> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐

【4】分隔线的颜色 <hr color=#rrggbb>

【5】实心分隔线 <hr noshade>

17.向中对齐 <center>……….</center>

18.依原始样式显示 <pre>……….</pre>

19.<body>指令的属性

【1】背景颜色 — bgcolor <body bgcolor=#rrggbb>

【2】背景图案 — background <body background=”图形文件名”>

【3】设定背景图案不会卷动 — bgproperties <body bgproperties=fixed>

【4】文件内容文字的颜色 — text <body text=#rrggbb>

【5】超连结文字颜色 — link <body link=#rrggbb>

【6】正被选取的超连结文字颜色 — vlink <body vlink=#rrggbb>

【7】已连结过的超连结文字颜色 — alink <body alink=#rrggbb>

20.注解 <!–……….–>

21.特殊字元表示法

符 号 语 法

< &lt

> &gt

&amp

” &quot

空白 &nbsp

图片

1.插入图片 <img src=”图形文件名”>

2.设定图框 — border <img src=”图形文件名” border=点数>

3.设定图形大小 — widthⅱheight <img src=”图形文件名” width=宽度点数 height=高度点数>

4.设定图形上下左右留空 — vspaceⅱhspace <img src=”图形文件名” vspace=上下留空点数 hspace=左右留空点数>

5.图形附注 <img src=”图形文件名” alt=”说明文字”>

6.预载图片

<img src=”高解析度图形文件名” lowsrc=”低解析度图形文件名”> P.S.两个图的图形大小更好一致

7.图象热点(Image Map)

<img src=”图形文件名” usemap=”#图的名称”>

<map name=”图的名称”>

<area shape=形状 coords=区域座标列表 href=”连结点之URL”>

<area shape=形状 coords=区域座标列表 href=”连结点之URL”>

<area shape=形状 coords=区域座标列表 href=”连结点之URL”>

<area shape=形状 coords=区域座标列表 href=”连结点之URL”>

</map>

【1】定义形状 — shape

shape=rect:矩形 shape=circle:圆形 shape=poly:多边形

【2】定义区域 — coords

a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标

例:<area shape=rect coords=100,50,200,75 href=”URL”>

b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度

例:<area shape=circle coords=85,155,30 href=”URL”>

c.任意图形(多边形):将图形之每一转折点座标依序填入

例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=”URL”>

表格

1.定义表格 <table>……….</table>

【1】设定边框的厚度 — border

<table border=点数>

【2】设定格线的宽度 — cellspacing

<table cellspacing=点数>

【3】设定资料与格线的距离 — cellpadding

<table cellpadding=点数>

【4】调整表格宽度 — width

<table width=点数或百分比>

【5】调整表格高度 — height

<table height=点数或百分比>

【6】设定表格背景色彩 — bgcolor

<table bgcolor=#rrggbb>

【7】设定表格边框色彩 — bordercolor

<table bordercolor=#rrggbb>

2.显示格线 <table border>

3.表格标题

<caption>……….</caption>

表格标题位置 — align

<caption align=”#”> #号可为 top:表标题置于表格上方(预设值)

bottom:表标题置于表格下方

4.定义列 <tr>

5.定义栏位 《1》<td>:靠左对齐

《2》<th>:标题栏

【1】水平位置 — align <th align=”#”>

#号可为 left:向左对齐

center:向中对齐 right:向右对齐

【2】垂直位置 — align <th align=”#”> #号可为

top:向上对齐 middle:向中对齐

bottom:向下对齐

【3】栏位宽度 — width

<th width=点数或百分比>

【4】栏位垂直合并 — rowspan

<th rowspan=欲合并栏位数>

【5】栏位横向合并 — colspan

<th colspan=欲合并栏位数>

清单

一、目录式清单

<dir> <li>项目1 <li>项目2 <li>项目3 </dir> P.S.目录式清单每一个项目不能超过20个字元(即10个中文字)

二、选项式清单 <menu> <li>项目1 <li>项目2 <li>项目3 </menu>

三、有序号的清单 <ol> <li>项目1 <li>项目2 <li>项目3 </ol>

【1】序号形式 — type <ol type=#>或<li type=#> #号可为 A:表以大写英文字母AⅱBⅱCⅱD…做为项目编号 a:表以小写英文字母aⅱbⅱcⅱd…做为项目编号 I:表以大写罗马数字做为项目编号 i:表以小写罗马数字做为项目编号 1:表以 *** 数字做为项目编号(预设值)

【2】起始数字 — start <ol start=欲开始计数的序数>

【3】指定编号 — value <li value=欲指定的序数>

四、无序号的清单 <ul> <li>项目1 <li>项目2 <li>项目3 </ul>

【1】项目符号形式 — type <ul type=#>或<li type=#> #号可为 disc:实心圆点(预设值) circle:空心圆点 square:实心方块

【2】原始清单 — plain <ul plain>

【3】清单排列方式 — warp 《1》清单垂直排列 <ul warp = vert> 《2》清单水平排列 <ul warp = horiz>

五、定义式清单 <dl> <dt>项目1 <dd>项目1说明 <dt>项目2 <dd>项目2说明 <dt>项目3 <dd>项目3说明 </dl>

紧密排列 — compact <dl compact> P.S.如此可使<dt>的内容与<dd>的内容在同一行,仅 以数格空白相隔而不换行,但若<dt>的文字超过一 定的长度后,compact的作用就消失了!

表单

一、基本架构 <form action=”处理资料用的CGI程式之URL”或”mailto:电子信箱的URL” method=”get或post”> ………. ………. ………. </form>

二、输入文件型表单 <form action=”URL” method=”post”> <input> <input> ………. ………. </form>

【1】栏位类型 — type <input type=#> #号可为 text:文字输入 password:密码 checkbox:多选钮 radio:单选钮 submit:接受按钮 reset:重设按钮 image:图形钮 hidden:隐藏栏位

【2】栏位名称 — name <input name=”资料栏名”> P.S.若type为submitⅱreset则name不必设定

【3】文件上的预设值 — value <input value=”预设之字串”>

【4】设定栏位的宽度 — size <input size=字元数>

【5】限制更大输入字串的长度 — maxlength <input maxlength=字元数>

【6】预设checkbox或radio的初值 — checked <input type=checkbox checked> <input type=radio checked>

【7】指定图形的URL — src <input type=image src=”图档名”>

【8】图文对齐 — align <input type=image align=”#”> #号可为 top:文字对齐图片之顶端 middle:文字对齐图片之中间 buttom:文字对齐图片之底部

三、选择式表单 <form action=”URL” method=”post”> <select> <option> <option> ………. ………. </select> </form>

A、<select>的属性

【1】栏位名称 — name <select name=”资料栏位名”>

【2】设定显示的选项数 — size <select size=个数>

【3】多重选项 — multiple <select multiple>

B、<option>的属性

【1】定义选项的传回值 — value <option value=”传回值”>

【2】预先选取的选项 — selected <option selected>

四、多列输入文字区表单 <form action=”URL” method=”post”> <textarea> ………. ………. </textarea> </form>

【1】文字区的变数名称 — name <textarea name=变数名称>

【2】设定文字输入区宽度 — cols <textarea cols=字元数>

【3】设定文字输入区高度 — rows <textarea rows=列数>

【4】输入区设定预设字串 <textarea> 预设文字 </textarea>

【5】自动换行与否 — wrap <textarea wrap=#> #号可为 off:表输入的文字超过栏宽时,不会自动换行(预设值) virtual:表输入的文字在超过栏宽时会自动换行

链接

一、连结至其他文件 <a href=”URL”>说明文字或图片</a>

二、连结至文件内之某一处(外部连结)

《1》起点

<a href=”档名#名称”>……….</a>

《2》终点 <a name=”名称”>

三、frame的超连结

【1】开启新的浏览器来显示连结文件 — _blank <a href=”URL” target=_blank>

【2】显示连结文件於目前的frame — _self <a href=”URL” target=_self>

【3】以上一层的分割视窗显示连结文件 — _parent <a href=”URL” target=_parent>

【4】以全视窗显示连结文件 — _top <a href=”URL” target=_top>

【5】以特定视窗显示连结文件 –<a href=”URL” target=”特定视窗名称”>

FRAME

一、分割视窗指令 <frameset>……….</frameset>

【1】垂直(上下)分割 — rows

<frameset rows=#> #号可为点数:如欲分割为100,200,300三个视窗,则

<frameset rows=100,200,300>;亦可以*号代表,如<frameset rows=*,500,*>

百分比:如<frameset rows=30%,70%>,各 项总和更好为100%

【2】水平(左右)分割 — cols <frameset cols=点数或百分比>

二、指定视窗内容 — <frame>

<frameset cols=30%,70%> <frame> <frame> </frameset>

【1】指定视窗的文件名称 — src <frame src=HTML档名>

【2】定义视窗的名称 — name

<frame name=视窗名称>

【3】设定文件与上下边框的距离 — marginheight

<frame marginheight=点数>

【4】设定文件与左右边框的距离 — marginwidth

<frame marginwidth=点数>

【5】设定分割视窗卷轴 — scrolling

<frame scrolling=#> #号可为 yes:固定出现卷轴

no:不出现卷轴 auto:自动判断文件大小需不需要卷轴(预设值)

【6】锁住分割视窗的大小 — noresize <frame noresize>

怎样用DW软件写代码 *** 尺码表格?或者介绍一些入门资料

特别建议:DIV+CSS 简单 方便 快捷 强大! 特别易学。

table的话可以单个设置每个单元格的大小,这样比较麻烦费时间。点击一个单元格,在下面的属性里添写 宽和高 就可以了。 希望能帮助到你!

dreamweaver代码。

font是HTML的标签,你说的这个size可以用来控制font标签内文字的大小。

html内定值为 3,即 size="3"。

像你写的那样,是说在3 的基础上减少一个大小级数,如 size="+2" 是说在3 的基础上增大两个大小级数。

size:

设定文字的大小。其值可以是绝对或相对,

绝对的意思便是标记自己决定文字的大小,不受 BASEFONT 的影响,如

size="5" 表示其大小便是 5, 而html内定值为 3,即 size="3"和没有设定是一样的。

相对的意思便是在内定值 3 的基础上增加或减少大小级数,如 size="+2" 便等同绝 对表示法的 size="5"(这基本上是HTML帮助文件上的原话,你可以找来看一下,不错的)。

不知道这么说清楚了没有。

如果还有什么没说清楚,你再HI我好了!!!

dreamweaver8 a到z基本代码

我用DW也有几年了,真不知道你说的这些代码是什么?不是快捷键吧?

难道是Html代码?下面是我教学时用的。不知道你说的是不是这个。

一、html、head、body:

定义和用法:构成Html文档的重要组成部分,缺一不可。

1、html 标签:此元素可告知浏览器其自身是一个 HTML 文档。html 与 /html 标签限定了文档的开始点和结束点。

2、body标签:定义文档的主体。它包含文档的所有内容(比如文本、图像、颜色和图形等等。)

3、head 标签:用于定义文档的头部。下面这些标签可用在 head 部分:link, meta, script, style, 以及 title。

二、link, meta, script, style, title:

1、link标签:此元素定义了当前文档与 Web *** 中其他文档的关系。

如:link href="xxx.css" type="text/css" rel="stylesheet" /

2、meta 标签:meta 元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。

如:

meta name="Keywords" content="这里放置关键字" /

meta name="Description" content="这里放置对关键字的描述" /

3、script 标签:定义一段诸如 JavaScript 的脚本。

如:

script type="text/javascript"

alert("感谢您光临我的个人小站!")

/script

4、style 标签:常用在页面内定义CSS样式,但强烈建议使用 link 标签定义CSS样式。

如:

style type="text/css"

*{font-size:13px;}

/style

5、title标签:定义文档的标题。通常把它放置在浏览器窗口的标题栏或状态栏上。

三、a超链接标签:

·定义和用法:a 标签可定义锚。一个锚有两种用法。

1、通过使用 href 属性,创建一个到另外一个文档的链接。如:a href="http://www.baidu.com" target="_blank" title="百度"百度/a

2、通过使用 name 或 id 属性,创建一个文档内部的书签。如:定义锚点a name="a1" id="a1"/a;指向锚点a href="#a1"返回顶端/a

·a标签常用属性:

1、href:描述另一个文档的地址。

2、target:指定文档在哪个窗口打开。

3、title:指定链接的标题。

4、name:定义锚点的名称。

四、h1-- h6 标签:

h1 - h6 标签可定义标题。h1 定义更大的标题。h6 定义最小的标题。

如:

h1这是标题一/h1

h2这是标题二/h2

h3这是标题三/h3

h4这是标题四/h4

h5这是标题五/h5

h6这是标题六/h6

五、p标签:可定义一个段落。

如:

p这是之一段的内容。/p

p这是第二段的内容。/p

六、br 标签:可插入一个简单的换行符。

如:这是之一行。br /这是第二行。

七、img 标签:可定义一副图像。即在网页指定位置插入图片。

如:img src="images/bg1.gif" width="80" height="60" /

八、hr 标签:可插入一个水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。hr width="1000" size="1" noshade="noshade" /

如:hr align="center" width="800" size="1" /

九、table、tr、td、caption、th标签:

1、table 标签可定义表格。在 table 标签内部,可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。

2、tr 标签在表格中定义一行。

3、td 标签定义表格中的一个单元格。td标签属性:colspan=合并列单元格;rowspan=合并行。

5、th 标签定义表格内的表头单元格。此 th 元素内部的文本通常会呈现为粗体。

6、caption 标签可定义一个表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

十、form标签:

form 元素可为用户输入创建表单。表单可包含文本域,复选框,单选按钮等等。表单用于向指定的 URL 传递用户数据。

·使用 *** :form id="form1" name="form1" method="post" action=""/form

·form标签属性:

1、id、name:用来标识表单的名称。

2、method:提供和程序进行数据交换的 *** 。取值为post和get。

3、action:提供和程序进行交换的程序路径,即接口程序。

十一、input 标签:

input 标签可定义输入域,在其中用户可输入数据。其中包括文本字段、多选列表、可单击的图像和提交按钮等。此标签的type 属性和 name 属性是必需的。

1、type的取值。type属性用来区分不同的输入域。它的取值分别为:text(文本域)、password(密码域 )、hidden(隐藏域)、checkbox(复选框)、radio(单选框)、image(图像按钮)、file(文件域)、 submit(提交按钮)、reset(重置按钮)、button(普通按钮)。

十二、select标签:

1、用法:select元素可创建单选或多选菜单。

2、格式:

select name="select"

option张三/option

option李四/option

option selected="selected"王五/option

/select

3、option元素可定义下拉列表中的一个选项(一个条目)。

格式:option selected="selected"张三/option,其中selected属性表示默认选项。

十三、textarea 标签:

1、用法:定义一个文本区域 (一个多行的文本输入区域)。

2、格式:textarea name="textarea" cols="30" rows="6"请在此处输入留言内容/textarea

3、属性:

I、cols:设置输入框的列数。

II、rows:设置输入框的行数。

十四、i、b、u、s 标签:

以下的元素均是字体样式元素。建议使用CSS来取代这些效果。

u 标签可定义下划线文本。

s 标签可定义加删除线文本定义。

i 标签可定义斜体。

b 标签可定义粗体。

十五、sub、sup 标签:

1、sup 标签可定义上标文本。

2、sub 标签可定义下标文本。

3、说明:sub和sup 标签,常用在数学等式、科学符号和化学公式中。

十六、dl、dt、dd标签:

1、dl 标签定义列表。

2、dt 定义列表中的项目(即术语部分)。

3、dd 可在定义列表中定义条目的定义部分。

十七、ol、ul、li标签:

1、ol 标签定义有序列表。ol标签属性:type="1/a/A/i/I"。

2、ul 标签定义无序列表。ul标签属性:type="circle/disc/square"

3、li 标签定义列表项目。li 标签可用在有序列表 (ol) 和无序列表 (ul) 中。

十八、div标签:

1、可定义文档中的分区或节(division/section)。div 标签可以把文档分割为独立的、不同的部分。

2、div常用 id 或 class 来标记,这样可以方便控制其样式。

十九、span 标签:

1、span 标签被用来组合文档中的行内元素。

2、说明:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。

二十、注释标签:

1、说明:注释标签用来在源文档中插入注释。注释会被浏览器忽略。

2、格式:!--这里面写注释内容--

二十一、map 、area标签:

1、map 标签定义一个图像映射。图像映射指带有可点击区域的一幅图像。

2、area 标签定义图像映射中的某个区域。此元素永远被嵌套在 map 标签内部。

二十二、fieldset、legend、label标签

1、fieldset 标签可将表单内的相关元素分组。它将表单内容的一部分打包,生成一组相关表单的字段。

2、legend 标签可为 fieldset 定义一个标题。

3、label标签用来定义一个关联标记,将信息附属在表单控件上。

如:

fieldset

legend用户登录/legend

form

label for="UserName"用户名: /labelinput id="UserName" name="UserName" type="text" /

label for="Password"密 码: /labelinput id="Password" name="Password" type="password" /

/form

/fieldset

二十三、!DOCTYPE定义文档类型:

!DOCTYPE 声明位于文档中的最前面的位置,处于 html 标签之前。此标签告知浏览器文档使用哪种 HTML 或 XHTML 规范。

二十四、iframe 标签:

iframe 元素会创建一个包含另外一个文档的内联框架。

二十五、pre 标签:

pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。

二十六、tbody、thead、tfoot

使用这些标签,可以将表格分为一个单独的部分,将表格中的一行或几行合成一组。加快网页的 *** 。

dreamweaver常用代码

marquee direction='up' scrollamount='3' onmouseover='stop()' onmouseout='start()' height=110滚动内容marquee

这个是滚动的代码:把这个加到你想添加的地方就可以了。

扫描二维码推送至手机访问。

版权声明:本文由黑客24小时在线接单网站发布,如需转载请注明出处。

本文链接:http://www.cn-sl.com/123199.html

分享给朋友:

“dw基础代码大全(DW代码格式)” 的相关文章

火车票网上订票退票(如何退订火车票)

网上订票退票(如何退票)今日,2021年春运正式开始。铁路出台了多项春运服务措施,其中火车票退换签新规备受关注。线上线下渠道售票预售期统一调整为15天,免费退票期相应调整,开车前8天(含当日)以上退票不收退票费。12306网站退票业务全天候24小时办理,退票截止日期从开车前25分钟调整为开车前。车站...

lg是什么意思(lg是什么意思数学)

  起源 :   驱动外国   文:吴海素    二0 一 六-0 九-0 六/ 一 七: 二 二   脚机频叙   消息   注释   LGV 二0   驱动外国 二0 一 六年 九月 六日新闻 将于 九月 七日举行 新品宣布 会拉没新机的除了了寡所注目的苹因iPhone 七/ 七 Plus以...

求生之路4怎么联机(求生之路4怎么联机玩)

  热点 谈论 游侠网友 [浙江省嘉废市电疑网友] 0 九- 二 二  二 一:0 六 别闹那何时算可骇 游戏了 小父熟皆敢玩 突突突 挨僵尸战挨苍蝇嫩鼠同样 吓人吗 玻璃作的口净。。。。。告发  一 一 九  七0 归复 游侠网友 [外国挪动网友]  一 二- 二 九  一 五: 三 五 您...

宿松是哪里(宿松县名字的由来)

点击蓝字咱们 CCTV- 一0  二0 二0. 八. 二  二 三: 二 六播没 《外国印象圆志》安徽卷 宿紧篇 宿紧篇 预报 片 唐地宝十四年(私元 七 五 五年),李皂为躲“安史之治”, 自汴州,即古河北谢启北奔。相传李皂此时 曾经游历至宿紧,正在北台山的 对于酌亭,取时任县令的闾...

人民银行在哪里(重庆中国人民银行在哪里)

每一经编纂 :毕陆名 日前,外国银止、接通银止、外国扶植 银止接踵 宣布 第 二 四届冬日奥林匹克活动 会通俗 留念币预定兑换通知布告 、闭于第 二 四届冬日奥林匹克活动 会铜折金留念币预定兑换的通知布告 、闭于第 二 四届冬日奥林匹克活动 会通俗 留念币预定兑换的通知布告 。 齐文以下: 外...

国珍松花粉怎么样(国珍松花粉多少钱一瓶正品)

  国珍紧花粉包乱百病必修谁创作发明 了信似"曲销"的创富神话    二00 八年 一 二月 三0日  一0: 四 八: 三 四   浙江正在线消息 网站   延长  浏览   ●"爸妈尔战同性异居被抓快挨钱去公众年关 十年夜 骗术贴秘   ●号称 三0地换个新鼻子 "Q鼻棒棒棉"实的能乱...

评论列表

鹿岛假欢
2年前 (2022-06-09)

"a1" id="a1"/a;指向锚点a href="#a1"返回顶端/a·a标签常用属性:1、href:描述另一个文档的地址。2、target:指定文档在哪个窗口打开。3、title:指定链接的标题。4

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。