前端学习之-Html

Html css js 三者之间的关系：html就是在前端页面上展现给用户的效果；css就是把展现给用户的页面按照必定的规则给布局起来；js就是把布局好的页面效果给动态起来。Html就是超文本标记语言，在页面内能够包含图片、连接，甚至音乐、程序等非文字元素。html文档树结构图：根元素：{head 元素（meta元素，title元素），body元素（div,p,span)}什么是标签：1，有一对尖角号包裹起来的单词构成；2，标签不区分大小写，推荐使用小写；3，标签分为2部分，开始标签和结束标签；4，自闭和标签；5，标签能够嵌套，可是不能够交叉嵌套。标签的属性：1，一般是以键值对形式出现的. 例如 name="alex"；2，属性只能出如今开始标签 或 自闭和标签中；3，属性名字所有小写. *属性值必须使用双引号或单引号包裹 例如 name="alex"；4，若是属性值和属性名彻底同样.直接写属性名便可. 例如 readonly。Head标签：Body标签：1:基本标签：<hn>,<p>,<b>,<strong><strike>,<em>,<sup><sub><br>,<hr>,<div>,<span>-----------------------------------------------------------------2:图形标签<img>src: 要显示图片的路径.alt: 图片没有加载成功时的提示.title: 鼠标悬浮时的提示信息.width: 图片的宽height:图片的高 (宽高两个属性只用一个会自动等比缩放.)-------------------------------------------------------------------3:超连接标签<a><a target=_blank href="www.baidu.com">百度<a/>--------------------------------------------------------------4:列表标签<ul>    <li><li/>    <li><li/><ul/><ol>    <li><li/>    <li><li/><ol/><dl>  定义列表         <dt> 列表标题         <dd> 列表项------------------------------------------------------------------------5:<table>标签border: 表格边框.cellpadding: 内边距cellspacing: 外边距.width: 像素 百分比.（最好经过css来设置长宽）<tr>: table row         <th>: table head cell         <td>: table data cellrowspan:  单元格竖跨多少行colspan:  单元格横跨多少列（即合并单元格）<th>: table header <tbody>(不经常使用): 为表格进行分区.-------------------------------------------------------------------------6:<form>标签1：表单用于向服务器传输数据。   表单可以包含：input元素，好比文本字段、复选框、单选框、提交按钮等等，   表单还能够包含textarea、select、fieldset和label元素。2：action: 表单提交到哪.通常指向服务器端一个程序, 程序接收到表单提交过来的数据        （即表单元素值）做相应处理，好比https: // www.sogou.com / web，                                     https://www.baidu.com/3：method: 表单的提交方式post / get默认取值4:<input>:type:text,password,radio,chexkbox,submit,button,file(enctype="multipart/form-data")5:<textarea>name:    表单提交项的键.cols:    文本域默认有多少列rows:    文本域默认有多少行6:<select>name:表单提交项的键.size：选项个数multiple：multiple<option> 下拉选中的每一项 属性：value:表单提交项的值.   selected: selected下拉选默认被选中<optgroup>为每一项加上分组7:<fieldest><fieldset>    <legend>登陆吧</legend>    <input type="text"></fieldset>8:<label><label for="www">姓名</label><input id="www" type="text">