一、web应用程序的构成
1.界面：HTML、CSS、JAVASCRIPT
2.业务逻辑：JAVA、JAVASCRIPT(node.js)、PYTHON
3.数据存储：mysql
web应用程序
二、web应用程序界面的三大要点
1.HTML：超文本标记语言。作用：决定网页的内容、结构。
2.CSS：级联样式表（层叠样式表）。作用：决定网页的样式、外观。
3.JAVASCRIPT：网页脚本语言。作用：决定网页的行为、动作。
三、html的基本元素使用
1.段落标签：p
<p>北京欢迎你</p>
段落标签的用法
2.标题标签：h1-h6
标题标签的用法
段落标签的代码实现
3.超链接标签：a
a标签定义超链接，可从当前页面跳转到另一页面
a标签的用法
a标签的代码实现
4.换行标签：br
可用于换行操作
br标签的用法
5.分隔线标签：hr
用于分隔
hr标签的用法
hr标签的代码实现
6.文本加粗标签和文本斜体标签：strong和em
加粗：strong。斜体：em。
strong和em标签的用法
strong和em标签的代码实现
7.图片标签：img
用于添加图片
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表示控件，如播放、暂停等。
video的用法
video的兼容性协写法
audio的写法
audio的兼容性写法
14.页面结构
分为三大部分：头部，主体，底部。
<header><h2>网页头部</h2> </header>
<section><h2>网页主体</h2> </section>
<footer><h2>网页底部</h2></footer>
15.iframe内联框架
可以用iframe在网页中打开一个在线网页。
iframe用法
代码实现
四、学习感受
前端学习要一步一步来，最重要的是学以致用，学到一个知识要立马去操作去实践，这样才能知道对所学知识的掌握程度。
网友评论