Html是一种超文本标记语言,用在B/S结构的B端。B/S架构是用户在浏览器地址栏输入URL地址(http://www.baidu.com),再回车,相当于通过浏览器向服务器发送一个请求(request),服务器会给浏览器一个响应,响应一段HTML代码给浏览器(response),浏览器对HTML代码进行解释后展示一个结果。HTML最简单的结构如下图:
基本标签:段落标签<p>,标题字<h1…6>,换号标记<br>独目标签,水平线<hr>独目标签,保留格式pre,粗体字标签<b>,斜体字<i>,插入字<ins>,删除字<del>,右上角加字<sup>,右上角加字<sub>,font字体标签属性color,size
<!DOCTYPE html>表示为HTML5页面,<meta charset=utf-8" />告诉浏览器采用什么字符编码方式打开。
实体符号:空格( ),小于号(<),大于号(>)
表格:表格的行tr,表格的列td(th可以代替td做单元格,th中的内容会自动加粗会自动居中),border用来设置边框的宽度,width用来设置表格的宽度,height用来设置边框的高度,align表示表格的对其方式,colspan表格列合并,rowspan表格行合并,一个表格可以被thead tbody和tfoot分成三部分。
背景颜色和背景图片:body标签的bgcolor属性指定背景颜色,body标签的background属性指定背景图片。
网页中图片:用img标签,属性有src,width,height,title,alt
超链接:用a标签的href属性指定链接的路径,target属性_self指定为当前窗口_blank指定为新窗口,_parent指定为当前窗口的父窗口,_top指定为顶级窗口。
列表:无序列表标签<ul>,列表项目<li>,属性type指定列表前面的符号为圆圈或三角形等;有序列表标签<ol>,type指定列表前面的符号为数字或字母顺序等。
表单:就是用户登录注册,它发送的请求不同于超链接在于它会携带相关数据给服务器。表单标签form,属性action和超链接中的href相同。
按钮标签input,属性type指定为submit提交可以跳到链接里面去,指定为button不能跳到链接里面去,指定为text表示文本框,指定为password表示密码框,指定为radio表示单选按钮,指定为checkbox表示复选框,指定为file表示打开文件,指定为hidden表示隐藏域;属性value显示按钮的名字;属性name非常重要,有name这个属性时才会提交给服务器,提交的格式如下, url?name=value&name=value&name=value&name=value&name=value, 其中第一个name(x)是html中写的用户名那个地方写的name值,第二个value是前端页面输入的名字,第三个name是html中密码那个地方写的name值,例如http://192.168.145.2:8080/crm/login?x=rzhou006&y=111,其中x=rzhou006和y=111。
下拉标签<select>和可选标签<option>同时使用
文本域标签<textarea>,属性rows,cols可以指定文本域行列
Id属性:在HTML中任何一个节点上,都有id属性,代表了这个节点的身份证号。在javascript中可以很方便的获得某节点的id,并对其进行操作。
Div和span:称为图层,用于网页布局,每个div和span的左上角都有x和y轴坐标,用来定位div和span在网页中的位置,div独占一行,span不会独占行。