http://www.sufeinet.com/plugin.php?id=keke_group

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

分布式系统框架(V2.0) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper爬虫框架(V2.7-含.netcore) HttpHelper官方出品,爬虫框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V2.0) 开源的爬虫类,支持多种模式和属性 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 4018|回复: 5

[HTML/HTML5] 零基础学习web前端(一)之HTML标签3

[复制链接]
发表于 2018-11-28 18:20:19 | 显示全部楼层 |阅读模式
零基础学习web前端(一)之HTML标签3



【零基础学习web前端】教程目录导航   http://www.sufeinet.com/thread-24027-1-1.html



系列文章导读:
零基础学习web前端(一)之HTML标签1
零基础学习web前端(一)之HTML标签2  

14、图片标签

[HTML] 纯文本查看 复制代码
<img src="" alt="" title="" width="" height="">

  • src        图片路径,必写
  • alt         替换文本,当图片不显示的时候显示的文字
  • title       提示文字,鼠标经过图片时显示的字
  • width    图片宽度
  • height   图片高度
只有“src”是必写属性,其他的都可以不定义,宽高没有定义时,图片按自动比例缩放

15、超链接

[HTML] 纯文本查看 复制代码
<a href="" title="" target="">我是一个超链接</a>

  • href      超链接目标地址
  • title      提示文字,鼠标经过图片时显示的字
  • target  超链接打开方式
target="_self" 默认值,在自身页面打开(关闭自身页面,打开链接页面)
target="_blank"打开新的页面(自身页面不关闭,打开新链接页面)
超链接可以用来定位:
  1.先定义一个锚点
[HTML] 纯文本查看 复制代码
<p id="a">我是Amy </p>

  2.超链接到锚点
[HTML] 纯文本查看 复制代码
<a href="#a" title="" target="">回到Amy那里</a>

16、表单

  • <form> 标签用于为用户输入创建 HTML 表单。
  • 表单能够包含input元素、menus、textarea、fieldset、legend和lable元素。
  • 表单用于服务器传输数据
[HTML] 纯文本查看 复制代码
<form action="" method=""></form>

  • action     提交表单的目标地址
  • method  提交表单的方式(post/get)

注:form元素是块级元素,前后会产生折行。

  • 文本输入框
[HTML] 纯文本查看 复制代码
<input type="text" maxlength="" readonly="readonly" disabled="" name="username" value="">

  • maxlength 文本输入框最大的输入
  • readonly 是否为只读文本
  • disable 控件是否生效
  • name 控件的name属性,提交表单和值绑定在一起
  • value 控件的值
  • 密码输入框
[HTML] 纯文本查看 复制代码
<input type="password" name="pwd"/>

  • 单选框
[HTML] 纯文本查看 复制代码
<input type="radio" name="gender" value=“nan” checked="checked" />男 <br/>
<input type="radio" name="gender" value="nv" />女

效果
       5.png
  • 只有当name一致时 才会有单选的效果。
  • checked 表示是否默认选中
  • 选中后 提交表单,提交的是被选中控件的name和值的键值对。

  • 多选框
[HTML] 纯文本查看 复制代码
<input type="checkbox" name="hobby" value="sing">唱歌
<input type="checkbox" name="hobby" value="dance">跳舞
<input type="checkbox" name="hobby" value="basketball">打球

效果
      6.png
  • 表单提交
[HTML] 纯文本查看 复制代码
<input type="submit"/>

效果
      7.png
  • 文件上传
[HTML] 纯文本查看 复制代码
<input type="file" /> 

效果
8.png
  • 按钮效果
[HTML] 纯文本查看 复制代码
<input type="button"/>

  • 充值input控件按钮
[HTML] 纯文本查看 复制代码
<input type="reset"/>

效果
9.png








1. 开通SVIP会员,免费下载本站所有源码,不限次数据,不限时间
2. 加官方QQ群,加官方微信群获取更多资源和帮助
3. 找站长苏飞做网站、商城、CRM、小程序、App、爬虫相关、项目外包等点这里
发表于 2018-11-28 18:41:31 | 显示全部楼层
强烈支持楼主ing……
发表于 2018-11-28 18:46:36 | 显示全部楼层
强烈支持楼主ing……
 楼主| 发表于 2018-11-28 19:08:30 | 显示全部楼层
系列文章链接:
零基础学习web前端(一)之HTML标签1 http://www.sufeinet.com/thread-24013-1-1.html
零基础学习web前端(一)之HTML标签2 http://www.sufeinet.com/thread-24021-1-1.html
发表于 2018-11-28 19:19:19 | 显示全部楼层
[quote][url=forum.php?mod=redirect

发表于 2018-11-28 19:41:24 | 显示全部楼层
激动人心,无法言表!
您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备18043678号-2)

GMT+8, 2024-11-22 20:29

© 2014-2021

快速回复 返回顶部 返回列表