首页 > 编程札记 > javascript

网页设计代码大全

阅读：评论：0

2024年2月7日发(作者：)

网页设计代码大全

______________________________________________________________________________________________________________

background:网页背景图像

bgcolor：网页背景颜色

text:字体颜色

link：可链接文字的色彩

alink：被鼠标点中时可链接文字的颜色

vlink：已经单击过的可链接文字的颜色

leftmargin：页面左边距

topmargin：页面上边距

标题格式标记

Alink：被鼠标点中时可链接文字的颜色

Vlink：已经单击过的可链接文字的颜色

Leftmargin：页面左边距

段落标记

…

align:left right center

强制换行标记

预排格式标记

插入水平线标记

align=“对齐方式” color=“颜色”

noshacle：除阴影 >

文本缩标记

…

Topmargin：页面上边距列表标记

标题格式标记

标题（范围（h1-h6））

align：left(左) right(右) center(中)

bottom(底) top(顶)

文字格式标记 ………

color=“颜色”>文字

字形设置标记

字形粗字形下划线

字形斜字形文字增大

字形删除线

type:disc● circle○ square■

2.有序

列1
列2
1.无序
- 列1
- 列2
  -可编辑修改-
  ______________________________________________________________________________________________________________
  字形文字减小
  ^字形上标 _{字形_下标}
  字形 宽体字形强调
  字形闪烁字形斜
  字形特别强调
  文字滚动标记
  文字滚动
  behavior(滚动方式):alternate(交替)
  scroll(往复) slide(一次)
  bgcolor：背景颜色
  direction(滚动方向):up(上) down(下)
  left(左) right(右)
  height和width:滚动的区域
  loop：循环的次数值是-1
  scrollamount:滚动的速度加快
  scrolldelay:滚动的速度延迟
  hspace和vspace:滚动的水平垂直空间
  表格标记
  →align
  →align和valign
  …
  …
  ………
  
  3.定义
  
  条目1
  条目1的说明
  ………
  的图像标记
  
  sic：图片的路径
  longdesc：详细说明
  alt：替代说明
  width和height：图片的宽和高
  border：图片外围边框的宽度
  hspace和vspace：水平和垂直方向空白
  align：left right center
  的视频标记
  src：静态图像的路径
  dynsrc：视频的路径
  loop：infinite或-1(反复播放)
  start(设置何时播放视频文件)：fileopen和mouseover
  controls:加播放控制条
  loopdelay:两次播放的间隔
  背景音乐标记
  
  src:音乐地址 loop：次数(-1)
  多媒体标记
  -可编辑修改-
  ______________________________________________________________________________________________________________
  ………
  表格标题
  表头1 表头2
  
  (width和nowrap)表项1
  
  summary:简要说明 bgcolor:表格的背景颜色
  background:表格的背景图像 border:表格线的粗细
  width和height表格的宽和高 align：左、右、中
  valign:顶、(middle)中、底 bordercolor:表格线的颜色
  nowrap：禁止表格单元格内的内容自动换行
  rowspan=n n=1 为一行单元格
  colspan=n n=1 为一列的合并
  表单标记
  1.表单标记
  
  src：多媒体的地址
  height和width：播放的区域
  hidden：播放面板的显示和隐藏值true和false
  autostart：是否自动播放(true和false)
  loop:是否循环(true和false)
  超链接标记
  …
  href:链接到的目标的地址
  target:链接的目标窗口
  self(原) blank(新) parent(上) top(整)
  ……
  name：设置表单的名称 method=处理程序从表单中获得信息的方式其取值为get和post
  action：定义表单处理程序（asp、cgi等程序）的位置（相对位置或绝对位置）
  enctype：设置表单资料的编码方式 target：设置返回信息的显示窗口
  2.输入标记
  
  name:设置输入区域的名称
  type：设置输入区域的类型（有10种）
  ①文本域text（maxlength:文本域的最大输入字符 size：文本域的宽度 value:初始默认值）
  ②密码域password(maxlength:密码域的最大输入字符 size：密码域的宽度)
  ③文件域file（input type=“file”）
  ④复选框checkbox(（checked）表示此项被默认选中 value：选中项目后传送到服务器端的值)
  ⑤单选框radio(同4)
  -可编辑修改-
  ______________________________________________________________________________________________________________
  ⑥普通按钮button(value值代表显示在按钮上的文字)
  ⑦“提交”按钮submit(value=“button_text”)
  ⑧“重设”按钮reset（value=“button_text”）
  ⑨图像域image(src:设置图片的路径)
  ⑩隐藏域hidden（input type=“hidden”）
  3.菜单和列表的标记
  value=“value”>选项二………
  size:显示的选项数目（multiple：不用赋值就可以直接加入到标记中，就成多选了）
  →value:用来给指定的选项赋值这个值是要传送到服务器上的
  （selected）：指定初始默认的选项
  4.文本框标记 </p><p style="text-indent: 2em;";><textarea>
  name：名称 rows：设置文本框的行数 cols：文本框的列数
  
  框架标记
  1.框架集标记
  bordercolor=“color_value”>……
  cols:左右分割窗口（用“，”分割） rows：上下分割（用“，”分割）
  framespacing：框架集的边框宽度
  bordercolor：框架集的边框颜色
  2.框架标记
  …
  src：框架显示的文件路径 name：框架的名称（用来供超文本链接标记）
  scrolling：滚动条是否显示值(yes , no , auto)
  -可编辑修改-
  ______________________________________________________________________________________________________________
  3.不支持框架标记
  
  css
  称为“层叠样式表”或“级联样式表”
  的基本语法：html标记｛标记属性：属性值；标记属性：属性值；…｝
  列如：b,i,h1{color:red}
  的实现方法（有三种）
  ①在head内实现（叫内部样式表他写在html的里面的）
  内部样式表要用style标记（）
  ②在body内实现（叫内嵌样式他在body中实现，主要是在标记中引用，只对所在的标记中有效）
  ③在文件外实现（叫外部样式表）
  
  4.三种css实现方法的比较
  样式的优先级依次是内嵌样式，内部样式表，外部样式表
  使用外部样式时相对于前两种有以下优点：
  ② 样式代码可以复用，一个外部css文件，可以被多个网页共用
  ②便于修改，只需修改css文件，不用修改每个网页
  ③提高了网页的显示速度
  
  -可编辑修改-
  ______________________________________________________________________________________________________________
  
  -可编辑修改-
  ______________________________________________________________________________________________________________
  
  Welcome
  To
  Download !!!
  
  欢迎您的下载，资料仅供参考！
  
  -可编辑修改-
  
  本文发布于:2024-02-07 05:15:08，感谢您对本站的认可！
  
  本文链接：https://www.4u4v.net/it/170725410863516.html
  
  版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
  
  上一篇：广告设计用什么软件
  
  下一篇：网页设计说明书500字
  
  标签：标记设置显示文字
  
  留言与评论（共有 0 条评论）
  
  验证码：