<hr> 下划线
实体：想在页面显示被浏览器解析的内容
为表格添加标题
<caption>跟tr同级，只在<table>下

<link> 为页面加小图标 在<head>中添加 <link rel="shortcut icon" href="a.ico">

表单：<form action="">
表单元素 表单的内容

<form> 属性
action（往哪提交）指定到某个具体的文件
method 提交方式 默认为get 建议用post 相对较安全
enctype 如果表单想上传文件，必须加enctype="multipart/form-data"

相关标签
<fieldset> 表单包起来 用于修饰
<legen> 表单的标题

表单元素通用格式
<input type=“类型”name="" value="">

表单元素分为
文本类型
text 普通文本 password 密码 hidden 隐藏域（隐藏）
textarea（特殊格式） 多行文本对话框，类似于自我介绍

readonly 只读模式 账号<input type="text" readonly name="uid"> 账号只读

disabled 不可操作 账号<input type="text" disabled name="uid"> 账号不可操作

选择类型
radio 单选
性别<input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="2">女
选择性别，男或者女

checkbox 多选
爱好<input type="checkbox" name="1">足球
<input type="checkbox" name="2">篮球
<input type="checkbox" name="3">羽毛球
<input type="checkbox" name="4">乒乓球

爱好，多项选择

select option(下拉特殊格式)，select为父，option为子
民族<select name="" id="">
<option value="1">汉族</option>
<option value="2">回族</option>
<option value="3">苗族</option>
<option value="4">壮族</option>
<option value="5">维吾尔族</option>
</select>
选择民族，包含下拉选项

selected 默认选中某一项，用于option属性中
民族<select name="" id="">
<option value="1">汉族</option>
<option selected value="2">回族</option>
<option value="3">苗族</option>
<option value="4">壮族</option>
<option value="5">维吾尔族</option>
</select>
默认选中为回族

select的子属性 multiple 表示多选选项全部显示

checked 默认选中本选项 性别<input type="radio" name="sex" checked value="1">男 表示默认选中性别为男

按钮类型

button 普通按钮 Reset 重置按钮 submit 其他按钮

<input type="button" value="普通按钮">
<input type="reset" value="重置按钮">
<input type="submit" value="提交">

其他类型

file 文件 date 时间 日期 color 颜色
<input type="file" value="选择文件"> 打开本地文件
生日<input type="date"> 生日选择

<iframe> 把一个页面引入当前页面 易维护 扩展 复用

总结
一般标签 b i span div h p
功能标签 a img iframe audio video
组合标签 form table ul

随机推荐

  1. Luogu 1314 [NOIP2011] 聪明的质监员

    二分答案 + 前缀和. 题面中式子的意思是每一个区间$[l, r]$的贡献是这个区间内$w_i \geq W$的个数乘以这些$i$的$v_i$和. 很快发现了答案具有单调性,可以做两遍二分,分别看看小 ...

  2. 之前在不网站看到过关于css的一些例子 今天自己也写了一个css特效

    下面是代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit ...

  3. WordCount小程序及测试

    Github项目地址:https://github.com/792450735/wc PSP表格: PSP2.1表格[1] PSP2.1 PSP阶段 预估耗时 (分钟) 实际耗时 (分钟) Plann ...

  4. C#和.NET Framework简介

    注:本文大部分借鉴了<果壳中的C#5.0权威指南>,小编也想根据这本书好好梳理一下C#. 序言:C#是一种通用的类型安全且面向对象的编程语言.这种语言的目标是提高程序员的生产力,为此,需要 ...

  5. Visual Studio 代码格式化插件(等号自动对齐、注释自动对齐等)

    1.下载地址 插件:Code alignment  下载地址 2.介绍 Based on principles borrowed from mathematics and other discipli ...

  6. Java50道经典习题-程序31 数组逆序

    题目:将一个数组逆序输出.分析:用第一个与最后一个交换. public class Prog31 { public static void main(String[] args) { //遍历原始数组 ...

  7. [转]关于截取字符串substr和substring两者的区别

    subString(start,stop) substr(start,length) substr和substring两个都是截取字符串的. 两者有相同点,如果只是写一个参数,两者的作用都是一样的:就 ...

  8. winform改变控件的外形

    GraphicsPath gp = new GraphicsPath(); gp.AddEllipse(0, 0, 40, 40); Region region = new Region(gp); c ...

  9. Microsoft.Baidu.Ali.语音识别/人脸识别

    在第一篇博客里提过图片识别的底层.最精准的图片识别需要海量的数据磨炼.自己写的底层没有以亿为单位的数据支持其实也是个残废品. 此篇不是为了教学.而且在需要的时候抄下来就能用 在此介绍Microsoft ...

  10. Nginx部署静态页面及引用图片有效访问的两种方式

    nginx安装百度一下有很多,直接正题: 静态文件目录结构 file#文件位置 /home/service/file/ css js images html fonts 配置nginx.conf核心代 ...