html常用标签2和语法练习
目录
1.表单标签
form标签
input标签
选择框
复选框:checkbox
文件选择框
多行编辑框:textarea
2.html语法练习
展示简历信息
填写简历信息 编辑
3.HTML特殊字符
1.表单标签
表单是让用户输入信息的重要途径
表单域:包含表单元素的区域,重点是form
表单控件:输入框,提交按钮,重点是input
form标签
使用form进行前后端交互,把页面上用户进行的操作/输入提交到服务器上.等学习了http协议再详述
input标签
input标签有很多种形态,能够表现成各种用户用来输入的组件
是单行文本框,框里可以进行输入
也是单行文本框,但是使用来输入密码的
一些网站的登陆密码可以切换为文本或者不可见的,就是利用这个特点实现的
选择框
实现了选择功能
请选择性别:男女
我们发现即可以选男,也同时能选女,并不是单选效果.我们添加一个name属性实现单选
name属性相同的单选框,值之间是互斥的
男女
实现了单选效果
再加上checked属性,默认是女
女复选框:checkbox
明天有什么课? python java ee 编译原理 数据库原理
也可以使用checked默认选中
按钮框:button
点击按钮之后是啥情况具体操作要靠js来实现,alert就是js中提供的函数
提交按钮:submit
外表是和button差不多的,会触发form和服务器的交互
文件选择框
点击选择文件就可选择文件上传
下拉菜单:option
效果:
多行编辑框:textarea
上述这些标签可以称为"控件",是构成图形化界面的基本要素
div标签和span标签
这俩是无语义标签,也就是没有特定含义,适用于各种场景
div默认是独占一行的,是块级元素
span默认是不独占一行的,行内元素
表示一个内容还是优先考虑有确切语义的标签
html的相关文档:mdn
2.html语法练习
接下来用html写一个简单的页面
展示简历信息
代码:
个人简历
YoLo的简历
基本信息
![]()
求职意向:软件开发工程师
联系方式:13645671234
邮箱:435223443@qq.com
教育背景
- 1998-2004 金伯利私立小学
- 2004-2007 金伯利私立初中
- 2007-2010 金伯利私立高中
- 2010-2014 杜克大学
专业技能
- 熟练掌握Java基本语法,熟悉面向对象程序设计思想
- 熟悉常用的数据结构与算法
- 熟悉操作系统中的典型概念,熟练掌握并发编程
- 熟练掌握网络编程,熟悉网络原理
- 熟练掌握SOL,能够进行基础的增删改查,熟悉索引和事务等机制
我的项目
留言墙
开发时间:2018-2021
功能介绍- 支持留言发布
- 支持匿名留言
学习小助手
开发时间:2021-2023
功能介绍- 支持错题记录
- 支持课程回顾
个人评价
学习成绩优秀
填写简历信息
Document
请填写简历信息
性别 出生日期 就读学校 应聘岗位 掌握的技能 项目经历 查看我的状态 请招聘者确认：
- 以上信息真实有效
- 能尽快到公司实习
- 能接受加班
3.HTML特殊字符
还有一些特殊字符,不能再html文件中直接表示
空格:
小于号:< (因为html就是用大量的<>标签来表示的,如果正常的使用大于号小于号会发生混淆,因此为了更清晰的使用和机器的解释,就规定了写法)
大于号:>
按位与:&