HTML相关知识简单总结记录

HTML总结 HTML的相关理论基础 HTML是什么？ hyper text markup luanguag 超文本标记语言 HTML的语法 常规标签也叫双标签 语法：<标签 属性=“属性值”></标签> 注意点 必须成对出现 /不能丢失 常见的 <div></div> <p></p> 分支主题 空标签也叫单标签 语法：<标签 属性=“属性值”> 注意点 独立出现的 /可以带可以不带 常见的 <img/> <input/> HTML的作用 用来搭建页面结构的 HTML常用标签 段落 <p></p> 文本标题 <h1></h1> <h2></h2> <h3></h3> <h4><h4> <h5></h5> <h6>/<h6> 特点 +文本内容是加粗显示的 文本的字号是从小到大 标题是从上到下排列的 加粗 <b></b> <strong></strong> 倾斜 <i></i> <em></em> 超链接 a <a href="想要跳转的目标地址" title=“” target=“”></a> href属性 用来定义想要跳转的目标地址 相对路径 定义：以引入文件所在的位置为参照物而建立的目标路径 书写方式 同级的时候 目标文件和当前文件是同级 目标文件的名字.扩展名 上级的时候 目标文件位于当前文件的上级 ../目标文件的名字.扩展名 后退1歩，需要是的../ 后退2歩，需要的是../../ 依次类推 下级的时候 目标文件位于当前文件的下级 目标文件的文件夹名字/目标文件的名字.扩展名 绝对路径 定义：指的是某个目录或者某个网站的绝对位置，可以直接找到想要的结果 书写方式 某目录的直达位置 例如：B\002\某某.扩展名 注意点：这里的\ 是这个样子的\ 完整的网站地址 例如：http：//www.baidu.com/logo.jpg title属性 用来设置鼠标悬停上去显示的内容 设置窗口的打开方式 target="_self" 设置窗口自己默认的打开 target="_blank" 设置新窗口打开 图片<img src="设置想要展示的目标文件" title=“” height=“”> src属性 用来设置想要展示的目标图片的路径 title属性 设置图片鼠标悬停上去之后的调试信息 alt属性 定义图片不显示之后的提示信息 width 宽度 height 高度 列表 无序列表 <ul type=""><li></li></ul> type属性 定义列表的符号样式 type="disc" 实心圆 type="circle" 空心圆 type="squre" 方块 type="none" 没有符号 有序列表 <ol type="" start=""><li></li></ol> types属性 typr="1" type="A" type="a" type="I" typr="i" start 定义列表符号开始的位置，属性值是数字 start="3" typr="A" start="3" 从C开始排序 自定义列表 <dl><dt></dt><dd></dd></dl> dt 书写想要展示的内容或图片 规范来说只能有一个dt dd 书写对于的描述内容 dd可以有多个 其他标签 页面布局标签 <div></div> 用来划分页面区域的 文本节点 <span></span> 上标  下标  删除线 <del></del> 下划线 <u></u> HTML中的常用特殊字符 空格 &nbsp 版权 &copy 注册 &reg 商标 &trade 小于号 &lt 大于号 &gt 表单 form 输入框 input 属性 type 类型 text 文本框 passworld 密码框 button 单选按钮 不具备提交功能 name 姓名 主要是用来告诉计算机是谁提交的信息 submit 提交登录按钮 value 值 用来显示内容 placeholder 用来显示提示信息内容 checked 以选择 提前选好，增加用户体验 disabled 禁用 可以看不可以选 其他表单控件 button 按钮 单选 type="radio" 多选 type="checkbox" select 选择 option 选项 selected 设置为默认选项 textarea 文本域 属性 method 方式方法 get 获取数据 从服务器获取数据，在数据的传输过程中，用户可以在地址栏看到 post 传送数据 向服务器传送数据，在数据的传输过程中，用户在地址栏看不到 安全性相对较高 action 开始 设置数据传递之后给谁 表格 作用：用来展示数据 优点： 1、整体结果罗列清楚，划分明确 2、数据展示整齐、可读性强 组成 行 列 单元格 特点：通常情况下，同行高度一致，同列宽度一致 <table></table> 创建表格 <tr></tr> 行 <td></td> 单元格 一些修饰 1、width 宽度 2、heigth 高度 3、border 边框 4、bordercolor 边框颜色 5、背景颜色 bgcolor 6、文字水平对齐 ailgn=“left/right/center” 7、文字垂直对齐 valign="top/middle/bottom" 8、cellspacing="单元格于单元格之间的间距" 必须给table 9、cellpadding="单元格与内容之间的空隙" 必须给table 10、合并单元格属性 colspan ="所要合并的单元格的列数" 必须给td rowspan="所要合并的单元格的行数" 合并行，必须给td