HTML学习笔记
T -HTML学习笔记1. 块标签(块元素)特点:
1) 独占一行空间(100%)
2) 高度默认为0,高度由内容决定
3) 可以指定宽、高
4) 用来搭建页面框架
h4:div、body、p、ul>li、ol>li、dl>dt、dd、h1~h6
h5:header、footer、nav、section、article、aside、address... 语义化标签
简单大方、无招胜有招
1) 行内与其他行内元素共享一行空间
2) 宽高都由内容决定
3) 无法指定宽、高
4) 用来填充,行内元素需要嵌套在块元素中,但是块元素不能嵌套在行内元素中。
a
1)超级链接
url 跳转到一个外网地址中相对路径:相对于当前代码所在文件的路径
. 当前目录下
.. 当前目录下的上一级目录绝对路径:相对于基准点
linux操作系统中
/ 操作系统根目录 也就是 /
/var/www/html apache2部署目录
index.html / 代表apache的根部署目录 即 /var/www/html
2)锚点
1. 定义锚点 <div id="top">顶部</div>
2. 跳转 <a href="#top">跳转顶部</a>
3)其他
target="" 目标
_self 默认值 ,当前页面
_blank 新页面
img
1)src 图片地址
2)alt 图片找不到时候的文本替换
3. 功能标签(功能元素)(1) table 表tbody 表格体 thead、tfoot
tr 行
td、th 列 (容器)
用来进行前后台数据交互(默认情况下,同步交互:JavaEE(jsp)、nodejs(模板))
ajax 异步交互
前置技术: http协议
method取值
get 用于查询操作,参数携带在url后面post 用于更新【保存、修改、删除】操作,参数携带在请求报文请求体中
enctype取值:
1.application/x-www-form-urlencoded:查询字符串(表单编码)将特殊字符转换为16进制 key=val&key=val&...
schoolName=太原理工大学&userName=陈明
2.multipart/form-data:
用于表单中有附件提交的时候,二进制,无需进行编码
3.text/plain:
纯文本提交2) input 输入框
注意:input(text、password、radio、checkbox)必须添加name属性,(radio、checkbox)必须添加value属性
<input type="text" /> 单行文本框
<input type="password" /> 密码
<input type="radio" /> 单选按钮
<input type="checkbox" /> 复选按钮
<input type="file"/> 附件
<input type="submit" /> 提交按钮
<input type="reset" /> 重置按钮
<input type="date" /> 日期选择器(h5新增,兼容性差,一般不用)
...
性别单选按钮注意将其放入一个lable标签中,形成一个整体,方便按钮(按文字时也能选中)
<label for="input_gender_male">
<input id="input_gender_male" type="radio" value="male" name="gender">男
</label>
<label for="input_gender_female">
<input id="input_gender_female" checked type="radio" value="female" name="gender">女
</label>
3) textarea 多行文本<textarea name="description" cols="50" rows="4"></textarea>
4) select 下拉菜单 <select name="address">
<option value="js">江苏</option>
<option value="sx">山西</option>
<option value="hn">河南</option>
</select>
(3)iframe把另一个完整的页面嵌进来,例如天气预报
<iframe width="100%" height="300" frameborder="0" scrolling="no" hspace="0" src="https://i.tianqi.com/?c=code&a=getcode&id=55&icon=1"></iframe>
特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。