web框架学习前复习——html
2016-07-29 22:51
316 查看
##html html是一种超文本标记语言,英文全称为html HyperText Markup Language。是一种基础网页语言。语言由一系列标签组成。 基本格式为: <html> <head> 放置一些属性信息,辅助信息。 引入一些外部的文件。(css,javascript) 它里面的内容会先加载。 </head> <body> 存放真正的数据。 </body> </html> 其中<html></html>为标签,<html>为开始标签</html>为结束标签。标签内部为需要修饰的文本。大部分标签都有开始标签以及结束标签(除了一些功能单一的标签例如<br/>)标签里面可以添加标签的属性已改变标签实现的功能 例如<html color="red">文本</html> 其中color代表的就是标签的属性,而“ ”里面的内容则是其属性值。标签只能修饰标签内正文的内容,具体标签的所拥有的属性及属性值可参考html文档。 1.排版标签(经常使用) 1)换行 <br/> 2)<p></p> 段落标签 在开始和结束的位置上会留一个空行。属性:align= 对齐方式 3)<hr/> 一条水平线属性:宽度:width 值像素 100px 可以写百分比 30%,align= 对齐方式 ,size 粗细,color 值 4)div 声明一块区域 <div>数据</div> css+div 5)span 声明一块区域 2.字体标签(经常使用修饰文本内容显示) 1)<font>文本内容</font>属性:size 字号的大小 最大值是7 最小值是1,color 颜色,face 字体 2)标题标签:<h1></h1>...<h6></h6>正文内容从大到小字体缩小,<B></B>粗体 ,<I></I>斜体 3.列表标签(没有具体用过) 1)dl 列表标签 <dl> <dt>上层项目</dt> <dd>下层项目</dd>特点:自动对齐,自动缩进。 </dl> 2)有序列表和无序列表 有序:<ol> type:列表前序标号 start:从第几个开始。 无序:<ul> 数据条目:<li>数据内容</li> <li><a href="后台的路径">用户管理</a></li> 4.图片标签(用于上传图片以及网页图片显示) <img >属性:src="图片的路径", width 显示图片的宽度, height 显示图片的高度, alt 图片的说明文字 超链接链接(用户网页内容转接) <a></a>属性:href="" 必须指定 如果href的值不指定,默认是file文件的协议。只有自己指定协议,链接资源。如果href中指定的协议,浏览器不能解析,就会调用应用程序,可以解析的程序就可以打开。还可以定位资源 属性:name( 名称 专业术语 锚)没使用过 6.表格标签(经常使用) <table></table> 声明一个表格。属性:边框 border ,width 宽度,文字与内边框的距离 cellpadding 内标签<tr></tr> 行。属性:align 对齐方式(文本内容) <td></td>属性:width ,height,colspan 列合并单元格,rowspan 行合并单元格 <th></th> 会加粗 并且会居中。 <caption> 表格的标题 7 表单标签(经常使用,可以和服务器进行交互) <form></form>属性:action="提交的请求位置" , method 提交方式(get和post) 如果method没有写默认是get方式提交。 get和post区别:1)get方式表单封装的数据直接显示在url上。post方式数据不显示在url上。2)get方式安全级别较低,post级别较高。3)get方式数据长度有限制,post支持大数据。 格式:** ?sex=on:在每个输入的标签中指定name和value name必须指定 示例:?username=haha&pwd=1223&sex=nv&jishu=html传入值的名称为=号前,值为=号后用&分隔多个 <input/>属性:type 值可以指定很多的值,每一个不同的值代表的不同输入组件。 1)type=text 文本框 2)type=password 密码 3)type=radio 单选按钮 name属性 4)type=checkbox 多选按钮 单选和多选都有默认值:checked="checked" 5)type=reset 重置按钮 6)type=submit 提交按钮 7)type=file 上传文件的输入项 8)type=button 按钮 9)type=image 图片(也是提交按钮,) 10)type=hidden 隐藏标签(用户不用看到的,但是咱们开发时必须要使用的,可以把数据封装到隐藏标签中,和表单一起提交到后台)。 <select></select>选择下拉框(选择标签) <textarea>文本内容</textarea>(文本域textarea) 8.框架标签(还没学习框架不知道具用法) <frameset> <frame> </frameset> 框架标签不能写在<body>的内部。body不能写在frameset的上面
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- 设计模式---状态模式在web前端中的应用
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)