第一周总结之HTML

ustbwang · 发表于 2017-6-21 18:06:18

　　HTML简介
　　HTML 超文本标记语言　　Hyper Text Markup language
　　Web标准：结构（XHTML，HTML）　　行为（DOM，ECMAscript）　　样式（CSS）
　　XHTML　　可扩展标记语言　　Extensible Hyper Text Markup language
　　W3c（万维网联盟）制定了结构和表现的标准　　ECMA制定了行为标准
　　XHTML基本语法
　　<标记属性="属性值"></标记>（双标记，常规标签）<标记属性="属性值"/>（单标记，空标签）
　　XHTML常用标记
　　1.<h1>一级标题</h1>...<h6>六级标题</h6>　　文本标题标签、
　　2.<hr/>水平线（不常用）
　　3.<p>段落
　　4.<br/>强制换行（XHML写法）<br>（HTML写法）
　　5.<div>文档布局对象
　　6.<span>文本节点（某一小段文字）
　　7. 空格
　　<小于　　>大于
　　8.加粗
　　<b></b>样式标签　　<strong></strong>语义标签
　　9.倾斜标记
　　<i></i>样式标签　　<em></em>语义标签
　　10.列表（ul　　ol　　dl）无序　　有序　　自定义、
　　<ul>　　　　　　　　<ol>　　　　　　　　　　<dl>
　　<li></li>　　　　　　<li/></li>　　　　　　　　 <dt>名称</dt>
　　<li></li>　　　　　　<li></li>　　　　　　　　  <dd>解释</dd>　　　　　
　　</ul>　　　　　　　　</ol>　　　　　　　　　　　</dl>
　　无序列表<ul type="circle">
　　有序列表<ol type="a" start="5">start属性只能是数值
　　自定义列表：dd里面放的是对dt里面的名称解释
　　11.<img/>插入图片
　　<img src="路径" alt="图片替换文本" title="提示"/>
　　当当前文件与目标文件在同一目录下
　　目标文件+扩展名
　　当当前文件与目标文件所处的文件夹在同一目录下
　　文件名/目标文件+扩展名
　　当当前文件的文件夹与目标文件所处的文件夹在同一目录下
　　../文件名/目标文件+扩展名
　　12.<a>超链接
　　<a href="链接地址" target="" title="提示文本">
　　target:_blank _self　　　　　　　
　　13.<table>(在数据表格里可以不写px)
　　<tr>
　　<td></td>
　　</tr>
　　<tr>
　　<td></td>
　　</tr>
　　</table>
　　width height border bordercolor bgcolor
　　cellspacing(单元格与单元格之间间距) cellpadding（单元格与内容之间空隙）
　　水平对齐：align=”left/right/center ” 垂直对齐：valign=”top/middle/bottom”
　　colspan=”所要合并的单元格的列数”（横向合并）
　　rawspan=”所要合并的单元格的行数”（纵向合并）
　　注：colspan和rawspan都是加在td上
　　14.表单
　　<form name="表单名称" method="post/get" action="index.jsp">
　　</form>
　　文本框
　　<input type="text" value="默认值"/>
　　密码
　　<input type="password" palceholder="密码"/>
　　提交按钮
　　<input type="submit" value=""/>
　　按钮
　　<input type="button" value=""/>
　　重置
　　<input type="reset" value=""/>
　　单选框
　　<input type="radio" value=""/>（name值需要一样）
　　复选框
　　<input type="checkbox" value=""/>
　　注：单选框和复选框有 disabled=”disabled”禁用 checked=”checked”选中
　　下拉菜单
　　<select size=”3" name=””>(size设置菜单显示的个数，多余滚动条显示)
　　<option></option>
　　</select>
　　多行文本框
　　<textarea cols=”字符宽度” rows=”行数”></textarea>
　　一个name对应一个值
　　拓展
　　1）<address></address>地址标签定义地址，签名或者文档作者身份（默认倾斜，有的浏览器会加上虚线）
　　2）<abbr title=”全拼文本”>缩写内容</abbr>缩写（内容缩写）
　　<acronym title=”全拼文本”>缩写内容</acronym>缩写（首字母缩写，不建议使用）
　　3）<bdo dir=”ltr/rtl”>显示文本</bdo>（设置文本显示方向）
　　4）<blockquote cite=”路径引用资源”></blockquote>（引用标签，引用大块内容）
　　<q></q>（引用小段文字）
　　区别：<q>标签是行内元素，在内容的开始和结尾处会有双引号
　　<blockquote>是块级元素，不带双引号
　　5）删除线 <del> <s>不建议使用
　　总结：
　　1.内联元素：不能使用width，height，内容多大，标签多大，可以跟其他标签并列显示，尽量不使用margin  padding
　　有：<a> <span> <input/> <img/> <br/> <i> <em> <b> <strong>
　　块状元素：自占一行，不跟其他标签并列显示
　　有：标题 <hr/> <p> <div> 列表 <table> <form>
　　有默认上下边距：标题 <p> <hr/> 列表 <table> <form> <body>
　　2.图片放在超链接里面在IE内有默认边框
　　3.只有块状才继承父元素宽度
　　4.get和post方式区别：
　　A.get是从服务器端获取数据，post是想服务器传送数据（都是传送数据，只是传送方式不一样，所以叫法不一样）
　　B.get传送数据量小，不能大于2kb，post传送数据量大，一般默认不受限制，但理论上IIS4中最大量
　　C.get安全性非常低，post安全性较高
　　D.get  服务器端用Request.QueryString获取变量的值，而post是Request.Form获取提交的数据未80kb，IIS5中为100kb
　　E.get是把参数队列加到提交表单的ACTION属性所指的url中，值和表单内各个字段一一对应，在url中可以看到。Post是通HTTPpost机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址
　　5.xhtml与html区别
　　Xhtml：a、标签正确嵌套
　　b、标签必须关闭
　　c、区分大小写
　　d、属性要用“”括起来
　　e、用id值代替name
　　f、特殊符号处理

账号		自动登录	找回密码
密码			立即注册

zabbix3.4.1安装部署+微信推送信息+大屏显

zabbix3.4中文手册，官网完整COPY（2019042

KMSpico10.2.0 免费激活Win10/Office2016（

VMware vcenter+vSphere 6.5 U2共享

winhex数据恢复教程（非常巨大，内容丰富）

CentOS6.5下redis-3.2.6的安装与配置

【跟谁学】韩宇极简英语课-技术人员不得不

[经验分享] 第一周总结之HTML

扫码加入运维网微信交流群