html5总体分为head和body
head标签代表网页头部。在这里可以总体说明网页要干嘛
title 网页标题
body标签代表网页的身体,大部分操作在这里完成
基本标签:
标题标签
- 一级标签
二级标签
段落标签
换行标签
平行线标签
粗体标签
斜体
特殊符号 &= 如: 空格 >大于号
图像标签:
图片标签
src 图片地址
alt 图片名称(如果图片没有加载出来,会显示图片名称)
title 悬停文字
链接标签:
a标签 页面显示内容 href 表示要跳转的页面
target 表示窗口在哪打开 _bank 在新标签中打开 _self 在本页面打开
锚链接 1.使用的name属性或者是id来设定一个錨的唯一标识
2.在另一个里通过“#+錨的标识”,来指向该錨的链接
顶部 顶部
回到顶部
功能性链接 联系我
mailto:邮箱 邮件链接
列表标签:
有序列表 列表名称前面自动加序号
- 列表名称
- 列表名称
- 列表名称
无序列表
自定义列表 dl:标签 dt:列表名称 dd:列表内容
学科
Java
Python
Linux
C++
<dt>位置</dt>
<dd>东</dd>
<dd>西</dd>
<dd>南</dd>
<dd>北</dd>
</dl>
表格:
表格:
行 tr 列 td
colspan = “” 跨列几列
rowspan = “” 跨行几行
3-1
3-2
3-3
3-4
媒体元素:
video 视频
audio 音频
src :资源路径
controls :控制条
autoplay :自动播放
页面结构:
header :标题头部区域的内容
footer :标记脚部区域的内容
section : Web页面中的一块独立区域
article :独立的文章内容
aside : 相关内容或应用(常用于侧边栏)
nav : 导航类辅助内容
内联框架:
iframe
src :地址
name :链接时所需要的名称
frameborder 属性规定是否显示 iframe 周围的边框。 设置属性值为 “0” 就可以移除边框:
w-h : 宽度高度
点击跳转 这个新页面在iframe这个页面打开
表单:
form 表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
action :表单提交的位置,可以是网站,也可以是一个请求处理地址
method : post,get 提交方式
get方式提交:我们可以在url中看到我们提交的信息,不能传输大文件
post方式提交:比较安全。可以传输大文件
name 属性名称 value 值
文本输入框: <input type = "text">
密码框 :<input type = "password">
单选框 :<input type = "radio"> name值相同,则是一组
多选框 :<input type = "checkbox"> name值相同,则是一组
按钮 :<input type = "button">
下拉框 :<select name="">
<option value = "" >中国</option> 选项
</select>
文本域:<textarea>
文件域:<input type = "file">
邮件:<input type="email" >
URL : <input type="url">
数字 : <input type="number" step="">
滑块 :<input type="range">
搜索框 :<input type="search">
点击文字,光标移动:
<label for="mark">你点我试试</label>
<input type="text" id="mark">
提交:<input type="submit">
清空表单内容:<input type="reset">