HTML5_超链接、锚点、下载、表格、表格嵌套、列表、页面布局、表单

article/2025/10/25 19:26:56

1、修改图片的高度和宽度
这里写图片描述

● 1、如果要修改一张图片的尺寸,最好先算好宽度与高度的比例
● 2、如果修改图片时 只修改宽度或者只修改高度时另一项属性会根据宽度或者告诉的缩放比例进行调整

2、PNG图片和JPG图片
PNG格式的图片 一般保存白色背景为透明色的图片
JPG格式的图片 一般保存类似照片的图片 白色就是白色

3、超链接

<a href=""></a>超链接          //在本页面直接跳转

这里写图片描述

<a href="" target="_blank"></a>超链接      //新建一个页面打开

4、锚点
先定义一个锚点,在连接这个点 要加上#
这里写图片描述

5、下载
这里写图片描述

6、表格

    <table></table>

● border—边框的宽度
● tr—行
● td—列
这里写图片描述

table中的属性
这里写图片描述

这里写图片描述

caption表格的标题:

这里写图片描述

这里写图片描述

7、表格的嵌套
表格嵌套只能写在td当中
这里写图片描述

8、列表
● 有序列表ol—–li
这里写图片描述
这里写图片描述
● 无序列表ul—–li

这里写图片描述
这里写图片描述
● 自定义列表dl

     <dl><dt>图片</dt><dd>书写文字</dd></dl>

这里写图片描述
这里写图片描述
这里写图片描述

9、页面布局(结构标签)
● header—代表页头
● nav—代表导航条
● aside—代表侧边栏
● section—代表页面主体
● footer—代表页尾部分

10、表单

    <form action="http://www.baidu.com" method="post" enctype="multipart/form-data">

post传输的大小不限,get受限制,传输的时候一个可见(get),一个不可见(post)。

这里写代码片
这里写图片描述

  • 用户名:<input type="text" name="uName"/> ——-(text是一个文本框)
  • 密码:<input type="passworld" name="upwd"/>——–(passworld是密码框)
  • 性别:

    • <input type="radio" name="gender" value="man"/>男 ——-(radio是单选框)
    • <input type="radio" name="gender" value="woman"/>女 (加上name并且一样,就是一个单选值)
  • 兴趣爱好:

    • <input type="checkbox" name="like" value="1"> ——— (checkbox是多选框)
    • <input type="checkbox" name="like" value="1">
    • <input type="checkbox" name="like" value="1">
    • <input type="checkbox" name="like" value="1">
  • 选择文件<input type="file" name="photo">
  • 隐藏<input type="hidden" name="ID" value="">
  • 提交<input type="submit">——-(submit是一个提交框)
  • 重置<input type="reset">
  • 按钮<input type="botton">(空白的按钮)

  • 表单元素属性:<botton type="submit"></botton>一个按钮(默认是submit)
    这里写图片描述

    • placeholder—–输入提示
    • maxlength——最大长度
    • checked———默认选择一个 (性别)
    • disabled———禁用(禁止选择)(文本框)
    • readonly——–只读(不可修改)(文本框)

这里写图片描述

label(通过id进行关联的,点击相关的文字也能选择)
for与id一致
这里写图片描述

● textarea多行文本域
<textarea name="" id="" cols="10" rows="10"> 行列至少10个并默认一个 加上共11个

![这里写图片描述](https://img-blog.csdn.net/20170803101413018?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXRzenQ4ODg=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

这里写图片描述

这里写图片描述

● select—选项框
option
这里写图片描述
![这里写图片描述](https://img-blog.csdn.net/20170803101459393?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXRzenQ4ODg=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissol
ve/70/gravity/SouthEast)


关于善知教育(官网:善知教育(点击进入) 微信公众号:善知技术)
地址:北京东燕郊经济技术开发区文化大厦
咨询老师郑老师 电话/微信:13315631002 QQ:1939441377
目前我们开设Java服务器Html5前端网页Android移动端PHP服务器,有全日制班有周末班;
学费优惠至8480!!!!
我们的优势:

  • 基础课程一个月免费学,全程面授;
  • 平均就业薪资10000-15000;
  • 免费重听,跨学科免费学习;
  • 5-5.5个月大容量技术授课;
  • 0学费0基础入学,海量项目实训, 弹性教学制度;
  • 大部分学生找到月薪10k以上薪资工作, 项目实训自然终止;
  • 课程全程视频录制,偶尔耽搁也不担心;
  • 学习途中随时可以无理由退费根据学生情况;
  • 灵活安排授课时间,一个科目学不会可以免费学习另一个科目;
  • 全日制班,周末班,网上授课同时进行;
  • 技术交流QQ群:198983438(加群请备注在哪里看到我们的群)在群里面随时会更新一些我们的课程视频以及开班动态

善知教育学习视频大汇总

  • 善知教育石老师Java视频的网盘地址 http://pan.baidu.com/s/1eQ0JHi6
  • 善知教育吕老师Java视频http://pan.baidu.com/s/1i44RTjR
  • 善知教育武老师Html5视频http://pan.baidu.com/s/1hsGGKnE
  • 善知教育石老师Android知识点http://pan.baidu.com/s/1hsBpOQo

http://chatgpt.dhexx.cn/article/o8d0T7dt.shtml

相关文章

js 点击table的某个单元格实现对应列的单元格变色

本文用于用js来实现&#xff1a;点击table的某个单元格实现对应列的单元格变色 一、表格CSS样式 <style>* {margin: 0;padding: 0;}table {width: 800px;height: 300px;}table,tr,td {border: 1px solid;border-collapse: collapse;}</style> 二、表格结构&#xf…

表格布局(TableLayout)及重要属性

TableLayout属性&#xff1a; android:collapseColumns:将TableLayout里面指定的列隐藏&#xff0c;若有多列需要隐藏&#xff0c;请用逗号将需要隐藏的列序号隔开。 android:stretchColumns:设置指定的列为可伸展的列&#xff0c;以填满剩下的多余空白空间&#xff0c…

Layout布局之表格布局

适用于多行多列的布局格式,每个TableLayout是由多个TableRow组成,一个TableRow就表示TableLayout中的每一行,这一行可以由多个子元素组成。实际上TableLayout和TableRow都是LineLayout线性布局的子类。但是TableRow的参数android:orientation属性值固定为horizontal,且andr…

前端表格排序插件TableSort资料整理

** 前端表格排序插件TableSort资料整理 ** 一、前言 项目实际开发中&#xff0c;经常会遇到对表格排序的需求&#xff0c;下面整理了几个常用的表格排序方法。 二、 常用插件 1、jquery.tablesorter.js &#xff0c; 用法参考这篇文章&#xff1a;https://www.cnblogs.co…

Type setting_latex 表格

彩色表格 [plain] view plain copy print ? \begin{table} </span></span></li><li class""><span>\centering </span></li><li class"alt"><span>\caption{彩色的表格} </span></li&…

JSB 原理与实践

大厂技术 坚持周更 精选好文 什么是 JSB 我们开发的 h5 页面运行在端上的 WebView 容器之中&#xff0c;很多业务场景下 h5 需要依赖端上提供的信息/能力&#xff0c;这时我们需要一个可以连接原生运行环境和 JS 运行环境的桥梁 。 这个桥梁就是 JSB&#xff0c;JSB 让 Web 端…

html一个带图片的表格,Html表格

&#xfeff;&#xfeff; 在解说今天Html表单之前。还是先看张图片来刺激一下。 源代码超链接演示 仿百度搜索框 请输入要搜索的内容&#xff1a; 看了上图百度的搜索页面&#xff0c;有木有心动一下&#xff0c;别慌你也能够的。这就是我们今天要讲的表单。 什么是Html表单—…

最新百度云不限速软件

直接放图不废话。 下载链接&#xff1a;https://pan.baidu.com/s/1ZDo6xMjMW525sH7FUB6QEA提取码&#xff1a;xey9

获取百度云盘不限速下载软件 每秒达到10兆 这叫一个“爽”

公众号内回复&#xff1a;不限速 即可获取下载链接 下载资源啦 永远也不需要开通VIP 赶快去下载吧 小编亲自体验下载速度 行走在岁月的小巷&#xff0c;听风&#xff0c;读雨&#xff0c;夜色空寂&#xff0c;一切烟云&#xff0c;皆会慢慢散去&#xff0c;光阴眷顾&a…

一款百度网盘不限速下载工具

此工具收集于网络&#xff0c;如有侵权请联系删除&#xff01;&#xff01;&#xff01; 此工具仅用于个人学习&#xff0c;请勿用于商业获利&#xff0c;造成后果自负&#xff01;&#xff01;&#xff01; 这款免费的百度云高速下载工具&#xff1a; 界面美观&#xff0c;…

百度云下载不限速方法+软件

转自&#xff1a;https://www.52pojie.cn/thread-888047-1-1.html 1、Pandownload这个不用多说&#xff0c;功能强大。目前是我的主力。 2、速盘速盘用得比较少&#xff0c;大致和pandownload差不多。 3、百度云下载神器这种就我个人来说比较鸡肋&#xff0c;需要在网页版的百度…

无封号风险,2020最新百度网盘不限速下载软件,下载速度10M/S

前不久给大家带来的卢本伟大神修改的pandownload不知道大家还在没在用&#xff0c;能不能用&#xff0c; 今天小七就在给大家带来一款度盘高速下载工具&#xff0c;软件完全免费并且没有任何下载限制&#xff0c;而且相比pandownload需要登录百度账号&#xff0c;这款软件无需…

Linux下载工具photon,不限速、免配置的 Aria2 免费开源下载软件 Photon,替代迅雷的...

原标题&#xff1a;不限速、免配置的 Aria2 免费开源下载软件 Photon&#xff0c;替代迅雷的 谈到下载软件除迅雷、IDM 之外&#xff0c;想必很多人都听过 Aria2 的大名&#xff0c;它绝对是跨平台不限速的“神器级”下载工具&#xff0c;可由于它是「命令行」软件&#xff0c;…

百度云下载不限速方式集合

因为百度云限速严重&#xff0c;因此很多时候都是在寻找相应的工具去破解百度云&#xff0c;这里整理一下自己一般用的一些工具的方法。&#xff08;有些方式有些时候会被官方和谐&#xff0c;因此多试几种&#xff09; 文章目录 1、使用第三方工具pandownload2、使用油猴脚本配…

解决微云下载限速问题

1.首先将文件存到微云 2.打开手机我的设备&#xff0c;我的电脑&#xff08;也可以是好友&#xff09;&#xff0c;找到发送文件 3.点击微云&#xff0c;找到微云里面的文件&#xff0c;点击发送 4.就可以在电脑端不限速下载了 注意但是好像根据很多人的反馈4GB以上的好像发不过…

【更新】网盘不限速下载 2021.01.13

哈喽大家好嘞&#xff01; 最近一直都有好多朋友们反馈&#xff0c; 以往的百度网盘都不能用了&#xff0c; 安排&#xff0c;这就安排。 大家在学习知识的同时&#xff0c;不要忘记点赞呦&#xff01; ★ KinhDown 搜集了全网&#xff0c;可算是找到了一个能用的&#xf…

android http下载限速,安卓手机端两种让网盘不限速下载方法介绍

百度网盘已然成为分享型网盘中一家独大的“大佬”了。时代就是这样不管你喜不喜欢&#xff0c;上网总会遇到些百度网盘共享的文件需要下载。然而&#xff0c;百度网盘对免费用户的限速已经到了“感人”的地步了&#xff0c;常常十多KB/秒的速度真能让人崩溃&#xff01;虽说会员…

百度云盘不限速下载工具(附带开源源码)

百度下载资源限速? 进来看完摆脱束博&#xff01; 软件名称&#xff1a;antdownload 软件大小&#xff1a;21.4M 软件介绍&#xff1a; antdownload中文名蚂蚁下载器&#xff0c;是由Recursion开发的百度文件无限速批量下载器。软件支持解析百度用户分享网盘链接&#xff…

百度网盘下载不限速方法

百度网盘下载不限速方法&#xff1a; -------20230401-------- 使用软件&#xff1a;爱奇艺万能联播 众所周知&#xff0c;爱奇艺是百度旗下的一款产品&#xff0c;所以用爱奇艺万能联播的方法来实现下载百度网盘内容&#xff0c;本质上并没有破解百度网盘&#xff0c;所以没…

百度网盘如何不限速下载资源?

百度网盘破解限速小技巧&#xff0c;软件&#xff1a; Proxyee Down 这个软件能够安全有效高速的下载网盘资源,注意&#xff0c;使用前需要安装jdk&#xff0c;即配置好Java运行环境 https://github.com/proxyee-down-org/proxyee-down/wiki/%E8%BD%AF%E4%BB%B6%E4%B8%8B%E8…