HTML:超文本标记语言 定义页面结构
CSS:层叠样式表 页面显示的样式 BootStrap
JS: JavaScript 界面交互(动态交互) JQuery Ajax Json
LayUI、EasyUI
Vue、React、Angular
基本标签介绍:
<body> <!-- 标题headline --> <h1>一级标题</h1> <h2>二级标题</h2> <h3 id="h3">三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> <!-- p=paragraph 段落--> <p>王老师是Java讲师,朱老师是Java讲师,高老师是Java讲师</p> <p>鞠老师是H5讲师,李老师是H5讲师</p> <!--img 图片 alt:替代文字,图片没有加载出来显示的文字 width:宽 height:高 --> <img src="../images/bd_logo11.png" alt="加载失败"></img> <img src="../images/bd_logo1.png"/> <img src="../images/bd_logo1.png"/> <img src="../images/bd_logo1.png" width="100px" height="100px"/>- 北京
- 上海
- 深圳
- 广州
- 北京
- 上海
- 深圳
- 广州
- 北京
- 上海
- 深圳
- 广州
-
山东
- 青岛
- 济南
- 烟台
br: (line) break
hr: horizontal rule
列表:
li=list item
1、有序列表
ol=ordered list
2、无序列表
ul=unordered list
- 北京
- 上海
- 深圳
- 广州
- 北京
- 上海
- 深圳
- 广州
- 北京
- 上海
- 深圳
- 广州
-
山东
- 青岛
- 济南
- 烟台
ul:无序列表,用来表示一个列表语义,每个li之间是不分先后。
ul的作用并不是为了给文字增加小圆点,而是要表达“无序列表”的语义。
div division div里面所有的元素在div这个区域里面。
就是编程里面封装的思想。
![](../images/jd.jpg)
![](../images/jd.jpg)
块级元素:单独成为一行。h、ul、ol、div
行内元素:不能独占一行。img、a、span、input
u(underline):下划线
i( italic) : 斜体
b (bold) : 粗体
汗滴禾下 土
谁知盘中 餐
粒粒皆辛 苦
table:
tr = table row
td = table data 单元格
th = table head
讲师名称 | 所教班级 |
---|---|
王老师 | Java180701 |
朱老师 | Java180702 |
高老师 | Java180703 |
讲师名称 | 所教班级 |
---|---|
王老师 | Java180701 |
朱老师 | Java180702 |
高老师 | Java180703 |
行跨越:
讲师名称 | 所教班级 |
---|---|
王老师 | Java180701 |
Java180702 | |
高老师 | Java180703 |
列跨越:
讲师名称 | 所教班级 |
---|---|
王老师 | |
朱老师 | Java180702 |
高老师 | Java180703 |
-->
<textarea rows="5" cols="20">京东(股票代码:JD),中国自营式电商企业,创始人刘强东担任京东集团董事局主席兼首席执行官 [1] 。旗下设有京东商城、京东金融、拍拍网、京东智能、O2O及海外事业部等。2013年正式获得虚拟运营商牌照。
2014年5月在美国纳斯达克证券交易所正式挂牌上市。 2016年6月与沃尔玛达成深度战略合作,1号店并入京东。
</textarea>
</td>
</tr>
<tr>
<td colspan="2">
<input type="checkbox" id="cb"/> <label for="cb">同意该协议</label>
</td>
<td></td>
</tr>
<tr>
<td colspan="2">
<!--
submit:提交表单数据到服务器
reset:将表单数据重置为初始值
button:没有任何功能,需要后面通过jd定义功能
-->
<input type="submit" value="注册"/>
<input type="reset" value="重置"/>
<!--<input type="button" value="Input 按钮"/>-->
<button>按钮</button>
</td>
<td></td>
</tr>
</table>
</form>
</body>
作业:
1、完成如下效果
2、完成如下效果
标签:基本,老师,王老师,Html,2018,使用,京东,讲师,div From: https://www.cnblogs.com/kingwz/p/16982004.html