html文本框对齐方式代码_Dreamweaver DW 代码全收集

最新推荐文章于 2024-12-04 13:17:53 发布

知外张小串儿

最新推荐文章于 2024-12-04 13:17:53 发布

阅读量6.3k

点赞数 6

文章标签： html文本框对齐方式代码

本文链接：https://blog.csdn.net/weixin_31199791/article/details/113078239

版权

本文详细介绍了如何在Dreamweaver中设置HTML文本框对齐方式，包括修改模式、字号、代码提示等。同时，文章涵盖了HTML的基础语法，如字体、换行、水平线、标题、段落、图片插入、编码、链接、列表、表格和表单等，为网页制作提供全面参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置DW

1.修改模式经典模式

2.修改字号编辑--->首选参数--->字体建议16号字

3.修改代码提示 .. .. --->代码提示-->键入起始标签">"

4.设置浏览器选中小地球图标--->点击"+"-->起名指向浏览器安装位置-->确定-->勾选主浏览器

5.设置自动换行&行号查看-->代码视图选项

Dotype的作用

文档声明：让所有浏览器遵循一个标准显示页面，避免浏览器之间的兼容性

常用标记

1.font 字体颜色字号字体

2.Br 换行

3.hr 水平线颜色 color 粗细size 宽度width 水平对齐方式 align

4.h1-h6 水平对齐方式 align *****标题标记不是用来控制文字大小的，一个页面中h1尽量只出现一次

5.P 段落标记 align

6.body主体 background 背景图片 bgcolor 背景色

7.b u i del 加粗下划线倾斜删除

8.center 居中

9.Blockquote 缩排缩进

特殊字符

&nbsp；空格

&gt；大于号

&lt；小于号

&copy；版权

®注册

编码

1.国家码（国标码） gb2312 只有中文和英文，一个汉字占2个字节，GBK gb18030

2.国际码 UTF-8 有任何国家的语言，一个汉字占3个字节

****出现乱码的原因：网页中meta标记中设置的编码和存储时的编码不一致

插入图片

img的属性

1.width 宽度

2.height 高度

3.border 边框

4.vspace 上下空白

5.hspace 左右空白

6.title 标题

图片的格式

1.jpg 色彩丰富，不支持透明和动画，图片格式大，加载慢，照片

2.gif 色彩不丰富，支持透明和动画，图片格式小，加载快，小图标，小logo

3.png 支持透明，不支持动画，png8 png24 png32 png8=gif

******png8和gif在ie6下都有背景不透明的问题，用js代码解决

带有语气或者语义的标记

1.Strong 加粗

2.EM 倾斜

带有语气的标记便于seo搜索引擎优化

常用标记

1.<font face="宋体" size="7" color="red"></font>

2.<br/> 换行

3.<hr color="" size="" width="" height="" align="" />

4.<h1 align="right"></h1>-<h6></h6> align--水平对齐方式

5.<p align=""right></p> 段落标记

6.<body background="1.jpg" bgcolor="red"></body>

7.<b></b>加粗 <u></u>下划线 <i></i>倾斜 <del></del>删除线

8.<center></center>

9.<blockquote></blockquote>

特殊字符

&nbsp；空格

&gt；大于号

&lt；小于号

&copy；版权

®注册

编码

国家码一个汉字占2个字节中文英文 GBK

国际码一个汉字占3个字节所有国家语言 utf-8

插入图片

img中的属性

1.width height 宽高

2.border 边框

3.vspace 上下空白

4.hspace 左右空白

5.title 标记

路径

绝对路径带有盘符完整的网络地址 eg:F:/day/1.jpg

相对路径不带有盘符，不能跨盘符。 eg:../day01/1.jpg

../跳出上一级文件夹 ../../跳出两级文件夹

html中的注释

链接

Target="_blank" 新窗口打开

链接的种类

1.文字链接

1.href中写本地文件路径

2.href中写完整的网络地址注意http：//必须是反斜杠

2.图片链接

1.在img外套a标记

3.空链接，假链接 href="#"

连接不知道要跳转到哪里去

列表

1.无序列表

<ul>

<ul>

****圆点的都是无序列表

2.有序列表

<ol>

</ol>

3.定义列表（自定义）

<dl>

<dt></dt>---项目的名称

<dd></dd>---对项目的描述

<dd></dd>---

</dl>

表格

<table>---》声明表格

<tr>-->行

<td></td> --->列（单元格）

</tr>

</table>

Table里的属性

1.Border 边框

2.Width/height 宽/高度

3.Align 水平对齐方式

4.bgcolor 背景色

5.background 背景图片

6.cellspacing 单元格与单元格之间的距离（边缘）

7.cellpadding 内容与单元格之间的距离

tr里的属性

height 高

align 水平对齐方式

bgcolor 背景色

background 背景图片

valign 垂直对齐方式 top middle bottom

td里的属性

1.weigh/height 宽高

2.align 水平对齐方式

3.bgcolor 背景色

4.background 背景图片

5.valign 垂直对齐方式 top middle bottom

6.colspan 跨列

7.rowspan 跨行

th标记表格的表头，相当于加粗且居中的td

caption标记表格的标题

表格的结构

*****表格中真正存放内容的地方只有td

细线表格

1.表格的边框为0 border=0

2.表格的单元格与单元格之前的距离为1 cellspacing="1"

3.设置表格的背景色表格背景色=细线的颜色

4.设置单元格颜色的背景色建议背景色与浏览器背景色一致

表单

表单是用来收集用户信息的。

表单元素

1.文本框 <input type="text" name=""/>

Value="" 值相当于是个提示

readonly 只读

size 文本框的宽度

maxlength 字符的长度

disabale 禁用

2.密码框 <input type="password" name=""/>

3.单选按钮 <input type="radio" name="" value=""> radio就是单选按钮

label标记

针对单选按钮和多选按钮点击文字选框被选中

为input标记定义标注

格式分为两种：

1.直接用label标记包含input元素和文字

2.在input元素中创建id属性，用label标记包含文字并创建for属性，注意id和for属性的值必须一致

多选按钮（复选框）

checker="checked" 默认被选中

上传文件

下拉菜单

<option value=""></option>-->选项

多行文本

按钮

提交按钮 <input type="submit" value=""/> 提交功能

重置按钮 <input type="reset" value=""/> 重置功能

普通按钮 <input type="buttom" value=""/> 没有功能

图片按钮 <input type="image" src=""/> 提交功能