一、web应用程序的构成
1.界面:HTML、CSS、JAVASCRIPT
2.业务逻辑:JAVA、JAVASCRIPT(node.js)、PYTHON
3.数据存储:mysql
二、web应用程序界面的三大要点
1.HTML:超文本标记语言。作用:决定网页的内容、结构。
2.CSS:级联样式表(层叠样式表)。作用:决定网页的样式、外观。
3.JAVASCRIPT:网页脚本语言。作用:决定网页的行为、动作。
三、html的基本元素使用
1.段落标签:p
<p>北京欢迎你</p>
2.标题标签:h1-h6
3.超链接标签:a
a标签定义超链接,可从当前页面跳转到另一页面
4.换行标签:br
可用于换行操作
5.分隔线标签:hr
用于分隔
6.文本加粗标签和文本斜体标签:strong和em
加粗:strong。斜体:em。
7.图片标签:img
用于添加图片
8.块元素和行内元素
块元素:无论内容多少,该元素始终占一格,如:p标签、h1-h6、hr等。
行内元素:内容多少就占多大的空间,如:img标签,a标签、strong和em标签等(如果左右都是行内元素可以排在一行)。
9.有序列表:ol
有顺序的列表,前面带有标号。
10.无序列表
无顺序的列表,ul没有顺序,每个<li>标签独占一行(块元素),ul默认<li>标签项前面有个实心小圆点,ul一般用于无序类型的列表,如导航、侧边栏新闻、有规律的图文组合模块等。
11.表格:table
用于网页中的表格制作。
rowspan:合并单元格(上下合并),数字代表多少行。
colspan:合并单元格(左右合并),数字代表多少列。
12.定义列表
一般用于一个标题下有一个或多个列表项的情况,默认没有标记,没有顺序,每个dt标签、dd标签独占一格。
13.视频和音频元素
视频元素:video;音频元素:audio。
src表示视频的路径;controls表示控件,如播放、暂停等。
14.页面结构
分为三大部分:头部,主体,底部。
<header><h2>网页头部</h2> </header>
<section><h2>网页主体</h2> </section>
<footer><h2>网页底部</h2></footer>
15.iframe内联框架
可以用iframe在网页中打开一个在线网页。
四、学习感受
前端学习要一步一步来,最重要的是学以致用,学到一个知识要立马去操作去实践,这样才能知道对所学知识的掌握程度。