前端之HTML常识点清算汇总(保举)
|
htyper text markup language 即超文本标志说话 超文本: 就是指页面内可以包括图片、链接，乃至音乐、措施等非笔墨元素。 标志说话: 标志（标签）组成的说话. 网页==HTML文档，由赏识器理会，用来展示的 静态网页：静态的资源，如xxx.html 动态网页：html代码是由某种开拓说话按照用户哀求动态天生的 以下为html文件的树形布局图 标签的观念： •是由一对尖括号包裹的单词组成 譬喻: <html> *全部标签中的单词不行能以数字开头. •标签不区分巨细写.<html> 和 <HTML>. 保举行使小写. •标签分为两部门: 开始标签<a> 和 竣事标签</a>. 两个标签之间的部门 我们叫做标签体. •有些标签成果较量简朴.行使一个标签即可.这种标签叫做自闭和标签.譬喻: <br/> <hr/> <input /> <img /> •标签可以嵌套.可是不能交错嵌套. <a><b></a></b> 标签的属性： •凡是是以键值对情势呈现的. 譬喻 name="alex" •属性只能呈此刻开始标签 或 自闭和标签中. •属性名字所有小写. *属性值必需行使双引号或单引号包裹 譬喻 name="alex" •假如属性值和属性名完全一样.直接写属性名即可. 譬喻 readonly 二、head首要标签先容 •<meta>meta标签的构成：meta标签共有两个属性，它们别离是http-equiv属性和name 属性，差异的属性又有差异的参数值，这些差异的参数值就实现了差异的网页 成果。 <meta name="keywords"content="meta总结,html meta,meta属性,meta跳转"> <meta name="description"content="老男孩培训机构是由一个老的男孩建设的">
2 http-equiv顾名思义，相等于http的文件头浸染，它可以向赏识器传回一些有 用的信息，以辅佐正确和准确地表现网页内容，与之对应的属性值为content， content 中的内容着实就是各个参数的变量值。 <meta http-equiv="Refresh"content="2;URL=https://www.jb51.net"> //(留意后头的引号，别离在秒数的前面和网址的后头) <meta http-equiv="content-Type"content="text/html;charset=UTF8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> •<title>老男孩</title> •<link rel="icon" href=http://www.jb51.net/web/"http:/www.jd.com/favicon.ico"> 三、body标签 根基标签： <hn>: n的取值范畴是1~6; 从大到小. 用来暗示问题. <p>: 段落标签. 包裹的内容被换行.而且也上下内容之间有一行空缺. <b> <strong>: 加粗标签. <strike>: 为笔墨加上一条中线. <em>: 笔墨酿成斜体. <br>:换行. <hr>:程度线 <p><span> 块级标签和内联标签 块级标签：<p><h1><table><ol><ul><form><p> 内联标签：<a><input><img><sub><sup><textarea><span> block（块）元素的特点 ① 老是在新行上开始； ② 高度，行高以及外边距和内边距都可节制； ③ 宽度缺省是它的容器的100%，除非设定一个宽度。 ④ 它可以容纳内联元素和其他块元素 inline元素的特点 ① 和其他元素都在一行上； ② 高，行高及外边距和内边距不行改变； ③ 宽度就是它的笔墨或图片的宽度，不行改变 ④ 内联元素只能容纳文本可能其他内联元素 对行内元素，必要留意如下 配置宽度width 无效。 配置高度height 无效，可以通过line-height来配置。 配置margin 只有阁下margin有用，上下无效。 配置padding 只有阁下padding有用，上下则无效。留意元素范畴是增大了，可是对元素周围的内容是没影响的。 非凡字符： < >；"；©® 图形标签<img>： src: 要表现图片的路径. alt: 图片没有加载乐成时的提醒. title: 鼠标悬浮时的提醒信息. width: 图片的宽 height:图片的高 (宽高两个属性只用一个会自动等比缩放.) 超链接标签<a>: href:要毗连的资源路径 名目如下: href=http://www.jb51.net/web/"https:/www.jb51.net" target: _blank : 在新的窗口打开超链接. 框架名称: 在指定框架中打开毗连内容. name: 界说一个页面的书签. 用于跳转 href : #书署名称. 列表标签: <ul>: 无序列表 <ol>:有序列表 <li>:列表中的每一项. <dl> 界说列表 <dt> 列表问题 <dd> 列表项 表格标签<table>：
cellpadding: 内边距 cellspacing: 外边距. width: 像素 百分比.（最好通过css来配置长宽） <tr>: table row <th>: table head cell <td>: table data cell rowspan: 单位格竖跨几多行 colspan: 单位格凌驾几多列（即归并单位格） <th>: table header <tbody>(不常用): 为表格举办分区 表单标签<form>
表单可以或许包括 input 元素，好比文本字段、复选框、单选框、提交按钮等等。 表单还可以包括textarea、select、fieldset和 label 元素。 1、表单的属性 HTML 表单用于吸取差异范例的用户输入，用户提交表单时向处事器传输数据，从而实现用户与Web处事器的交互。表单标签, 要提交的全部内容都应该在该标签中. action: 表单提交到哪. 一样平常指向处事器端一个措施,措施吸取到表单提交过来的数据（即表单位素值）作响应处理赏罚，好比https://www.sogou.com/web method: 表单的提交方法 post/get 默认取值 就是 get（信封） get: 1.提交的键值对.放在地点栏中url后头. 2.安详性相对较差. 3.对提交内容的长度有限定. post:1.提交的键值对 不在地点栏. 2.安详性相对较高. 3.对提交内容的长度理论上无穷制. get/post是常见的两种哀求方法. 2.表单位素 <input> password 暗码输入框 radio 单选框 checkbox 多选框 submit 提交按钮 button 按钮(必要共同js行使.) button和submit的区别？ file 提交文件：form表单必要加上属性enctype="multipart/form-data"
XML/HTML Code复制内容到剪贴板
def index(request): print request.POST print request.GET print request.FILES for item in request.FILES: fileObj = request.FILES.get(item) f = open(fileObj.name, 'wb') iter_file = fileObj.chunks() for line in iter_file: f.write(line) f.close() return HttpResponse('ok') name: 表单提交项的键.留意和id属性的区别：name属性是和处事器通讯时行使的名称；而id属性是赏识器端行使的名称，该属性首要是为了利便客户端编程，而在 css和javascript中行使的。 value: 表单提交项的值.对付差异的输入范例，value 属性的用法也差异： type="button", "reset", "submit" - 界说按钮上的表现的文本 type="text", "password", "hidden" - 界说输入字段的初始值 type="checkbox", "radio", "image" - 界说与输入相干联的值 checked: radio 和 checkbox 默认被选中 readonly: 只读. text 和 password disabled: 对所用input都好使. <select> 下拉选标签属性： name:表单提交项的键. size：选项个数 multiple：multiple <option> 下拉选中的每一项 属性：value:表单提交项的值. selected: selected下拉选默认被选中 <optgroup>为每一项加上分组 <textarea> 文本域 name:表单提交项的键. cols:文本域默认有几多列 rows:文本域默认有几多行 <label> <label for="www">姓名</label> <fieldset> <fieldset> 以上这篇前端之HTML常识点清算汇总(保举)就是小编分享给各人的所有内容了，但愿能给各人一个参考，也但愿各人多多支持剧本之家。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
