网页基本元素插入方法

网页基本元素插入方法

右边的目录可以快速跳转指定网页元素插入方法,如果哪里有错误请评论留言或者私聊我。 ——SG

超级链接

  1. “插入”菜单-“超级链接”

超级链接1

  1. “插入”面板-“常用”选项卡-“超级链接”

超级链接2

  1. 选中文字-右击-“创建链接”

超级链接3

  1. 选中文字-在“属性”对话框中“链接”处输入URL

超级链接4


创建锚记链接(Ctrl+Alt+A)

  1. “插入”菜单-“命名锚记”

锚记链接1

  1. “插入”面板-“常用”选项卡-“命名锚记”

锚记链接2

  1. 快捷键Ctrl+Alt+A

锚记链接3


电子邮件链接

  1. “插入”菜单-“电子邮件链接”

电子邮件链接1

  1. “插入”面板-“常用”选项卡-“电子邮件链接”

电子邮件链接2

  1. 选中文字-在“属性”对话框中“链接”处输入E-Mail

电子邮件链接3


图像链接(非插入图像)

  1. 选中图像-“属性”面板-“链接”输入URL

图像链接1

  1. 选中图像-右键-“创建链接”中选择目标文件

图像链接2-1

图像链接2-2

  1. 选中图像-“属性”面板-“矩形热点工具”

图像链接3


脚本链接

  1. 选择文字-“属性”面板-“链接”输入JS代码

脚本链接1


图像(Ctrl+Alt+I)

  1. “插入”菜单-“图像”

插入图像1

  1. “插入”面板-“常用”-“图像”

插入图像2-1

插入图像2-2

ps:适用任何文件资源的引入

  1. (通用方法1)“文件”面板-选择文件按住左键拖入

通用方法1

  1. (通用方法2)“属性”面板-按住“指向文件”拖到“文件”面板指定文件

通用方法2


空格(Ctrl+Shift+Space)

ps:段首无法按空格键插入空格,文字之间按空格只能插入一个空格

  1. “插入”菜单-“HTML”-“特殊字符”-“不换行空格”

空格1

2.“插入”面板-“文本”-“字符”中的“不换行空格”

空格2


水平线

  1. “插入”菜单-“HTML”-“水平线”

水平线1

  1. “插入”面板-“常用”-“水平线”

水平线2

属性面板:

水平线属性面板


表格(Ctrl+Alt+T)

  1. “插入”菜单-“表格”

表格1

表格对话框:

表格对话框

表格属性面板:

表格属性面板

单元格属性面板:

单元格属性面板

选中表格的方法在另一篇文章中


SWF动画(Ctrl+Alt+F)

  1. “插入”菜单-“媒体”-“SWF”

SWF动画1

  1. “插入”面板-“常用”-“媒体”-“SWF”

SWF动画2

属性面板(编辑时需要安装Flash以及确保.fla文件存在):

SWF属性面板


DIV标签

  1. “插入”菜单-“布局对象”-“Div标签”

DIV标签1

  1. “插入”面板-“常用”-“插入Div标签”

DIV标签2

  1. “插入”面板-“布局”-“插入Div标签”

image


框架

  1. “插入”菜单-“HTML”-“框架”

框架1

框架界面

保存框架顺序(遵从从右下到左上的玄学):

第一个保存的是“框架集”

保存框架顺序


表单

  1. “插入”菜单-“表单”-“表单”选项

表单1

  1. “插入”面板-“布局”-“表单”

表单2

属性面板:

表单属性面板


额外内容

链接CSS

CSS

链接式:
链接式

导入式:
导入式

1
2
3
4
1. 有.css的为外部css,<style> 为内部
2. ID为“#” 、 类为“.” 、复合内容为“:”
3. 导入式css是在网页初始化时,被导入到HTML或者CSS文件中,成为文件的一部分,类似内嵌式【代码特征@import url(style.css);】
4. 在标签内定义的优先级最高,其次是<style>定义的,其次是外部的
-------------本文结束感谢您的阅读-------------
JohnsefSeed wechat
欢迎扫描二维码关注公众号一起成长呀~