IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 《HTML CSS JavaScript网页制作》第四章-用HTML创建超链接和表单 -> 正文阅读

[JavaScript知识库]《HTML CSS JavaScript网页制作》第四章-用HTML创建超链接和表单

一、超链接

1、基本概念

超链接由源地址文件和目标地址文件构成。当点击超链接时,浏览器会根据目标地址打开网页或者调用本机上的相关程序打开要访问的文件。

2、创建基本的超链接

1、超链接标记a  <a href="链接目标" >链接显示文本</a>
属性:href 指定链接地址   name 为链接命名  title为链接添加提示文字  target指定连接的目标窗口
2、设置目标窗口target 默认情况在原窗口打开
target取值:
_self 在当前页面中打开链接,默认   _blank 在一个空白窗口打开
_top 在顶层框架中打开       _parent在当前框架的上一层打开

3、创建图像的超链接

分为:为图像元素制作链接;在图像的局部制作链接。

(1)设置图像超链接

使其指向其他的网页或文件

<a href="链接目标" >链接的图像</a>
链接图像可以嵌套img标签
(2)设置图像热区链接

图像整体可以是一个超链接的载体,而且图像中的一部分或多个部分也可以分别成为不同的链接,这就是图像的热区链接。
图像链接单击的是图像,而热区链接单击的是图像中的热点区域。

<img usemap="# 热区名称">
<map name="热区名称">
    <area shape="热点形状" coords="区域坐标" href="# 链接目标" alt="替换文字">
</map>

创建链接区域元素map,用于在图像元素中定义一个链接区域
在area中定义了热区的位置和链接

4、创建锚点链接

锚点就是指在给定名称的一个网页中的某一个位置,在创建锚点链接前首先要建立锚点

<a name="锚点的名称"></a>
名称只能为小写的ASCII字符,不能以数字开头

链接到页面不同位置的锚点链接

<a href="# 锚点的名称"></a>

二、插入表单form

1、处理动作action 用于指定表单数据提交到哪个地址进行处理
<form action="表单的处理程序"></form> 地址可以是绝对地址、相对地址、其他形式的地址(如邮箱地址)
2、表单名称name 不是必要属性,但一般加上,名称中不能包含特殊字符和空格
3、传送方法method 用于指定在数据提交到服务器时使用哪种http提交方式,取值有get、post
get:表单数据被传送到action属性指定的URL,然后这个新的URL被送到处理程序处
post:表单数据被包含在表单主体中,然后被送到处理程序处
4、编码方式enctype 设置表单信息提交的编码方式,有两种
application/x-www-form-urlencoded 默认的
multipart/form-data MIME编码,上传文件的表单必须选择该项
5、目标显示方式 target 用来指定目标窗口的打开方式,目标窗口往往用来显示表单的返回信息
<form action="12345@139.com" name="邮件" method="get" enctype="multipart/form-data" target="_blank"></form>
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-23 10:46:47  更:2022-04-23 10:47:06 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 1:06:47-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码