1. 单个标签br / 强制换行 图像标签 input /用户输入标签2. 常见标签 2.1 div大格子独占一行 span小格子 em标签盒子2.2 图像标签 a: imgsrcimg.jpg /指定图像 img src***.jpgalt**** /当图片显示不出来时出现一行字 img srcsrc.jpgtitle**** /图片显示出来时鼠标放上去显示出一行字 b: width height border边框粗细 c: 相对路径 下一级img srcimages/baidu.gif / 上一级img src../baidu.gif / d: 绝对路径 地址中用符号\2.3 链接标签 外部a href跳转目标的地址target目标窗口弹出方式”文字或图像内容/a_self表示当前页面_blank表示另起一页面 内部网站内部之间的相互链接直接导入内部页面名称 a hrefindex.html首页/a 空链接当前没确定链接目标时用#代替 下载链接如果href里的地址是一个文件或压缩包点击时会下载这个文件 锚点链接点击链接时可快速定位到页面中的某个位置 例a href#名字*******/a 找到目标标签h3id名字*******/h32.4 注释标签 !-- ****** -- 快捷键Ctrl/2.5 表格标签表格用于展示数据 table /table定义表格 tr /tr定义表格中的行 td /td定义行中的单元格表头单元标签th/th 里面的文本内容加粗居中显示 tablealign left、right、centerborder1或空白“ /tablecellpadding表示文字与边框的距离cellspacing表示单元格之间的距离width、height表示表格的宽和高 合并单元格 跨行合并rowspan合并单元格个数 目标单元格为上侧 跨列合并colspan合并单元格个数 目标单元格为左侧 最后别忘删掉多余的单元格2.6 列表标签布局页面更加自由便捷 a:无序列表 ul /ul大边框里面只能放li) li/li列表项没有顺序级别之分是并列的里面可放任何元素 b:有序列表 ol /ol大边框里面只能放li) li/li列表项自动排序有序号里面可放任何元素 c:自定义列表 dl/dl大边框里面只能放dtdd) dt名词/dt dd名词解释/dd2.7 表单标签收集用户信息 a:表单域 form/form 把它范围内的表单元素信息提交给服务器 b:inputtype“属性值”name****value****“ cheked)maxlength*收集用户信息type属性设置不同的属性值用来指定不同的控件类型 单选框和复选框要有相同的name值value显示出初始的文本 可加入checked作为默认勾选 c: type的不同属性 text 文本一行 radio单选框 checkbox复选框 submit显示提交按钮 reset重置按钮 maxlength用户规定输入字符的最大值 button点击按钮(可用于js启动脚本) d:label标签 lablefor名字******/label input typeradioid名字 e:select 定义下拉列表 select option后加selected表示默认选定) ***/option ...... /select f:文本域textarea用于用户输入内容较多情况 textarea 中间可插入初始文本 /textarea3. 特殊字符空格nbsp大于号gt; 小于号lt
1. 单个标签br / 强制换行 图像标签 input /用户输入标签2. 常见标签 2.1 div大格子独占一行 span小格子 em标签盒子2.2 图像标签 a: imgsrcimg.jpg /指定图像 img src***.jpgalt**** /当图片显示不出来时出现一行字 img srcsrc.jpgtitle**** /图片显示出来时鼠标放上去显示出一行字 b: width height border边框粗细 c: 相对路径 下一级img srcimages/baidu.gif / 上一级img src../baidu.gif / d: 绝对路径 地址中用符号\2.3 链接标签 外部a href跳转目标的地址target目标窗口弹出方式”文字或图像内容/a_self表示当前页面_blank表示另起一页面 内部网站内部之间的相互链接直接导入内部页面名称 a hrefindex.html首页/a 空链接当前没确定链接目标时用#代替 下载链接如果href里的地址是一个文件或压缩包点击时会下载这个文件 锚点链接点击链接时可快速定位到页面中的某个位置 例a href#名字*******/a 找到目标标签h3id名字*******/h32.4 注释标签 !-- ****** -- 快捷键Ctrl/2.5 表格标签表格用于展示数据 table /table定义表格 tr /tr定义表格中的行 td /td定义行中的单元格表头单元标签th/th 里面的文本内容加粗居中显示 tablealign left、right、centerborder1或空白“ /tablecellpadding表示文字与边框的距离cellspacing表示单元格之间的距离width、height表示表格的宽和高 合并单元格 跨行合并rowspan合并单元格个数 目标单元格为上侧 跨列合并colspan合并单元格个数 目标单元格为左侧 最后别忘删掉多余的单元格2.6 列表标签布局页面更加自由便捷 a:无序列表 ul /ul大边框里面只能放li) li/li列表项没有顺序级别之分是并列的里面可放任何元素 b:有序列表 ol /ol大边框里面只能放li) li/li列表项自动排序有序号里面可放任何元素 c:自定义列表 dl/dl大边框里面只能放dtdd) dt名词/dt dd名词解释/dd2.7 表单标签收集用户信息 a:表单域 form/form 把它范围内的表单元素信息提交给服务器 b:inputtype“属性值”name****value****“ cheked)maxlength*收集用户信息type属性设置不同的属性值用来指定不同的控件类型 单选框和复选框要有相同的name值value显示出初始的文本 可加入checked作为默认勾选 c: type的不同属性 text 文本一行 radio单选框 checkbox复选框 submit显示提交按钮 reset重置按钮 maxlength用户规定输入字符的最大值 button点击按钮(可用于js启动脚本) d:label标签 lablefor名字******/label input typeradioid名字 e:select 定义下拉列表 select option后加selected表示默认选定) ***/option ...... /select f:文本域textarea用于用户输入内容较多情况 textarea 中间可插入初始文本 /textarea3. 特殊字符空格nbsp大于号gt; 小于号lt
