html标签使用

一、web应用程序的构成

1.界面：HTML、CSS、JAVASCRIPT

2.业务逻辑：JAVA、JAVASCRIPT(node.js)、PYTHON

3.数据存储：mysql

web应用程序

---

二、web应用程序界面的三大要点

1.HTML：超文本标记语言。作用：决定网页的内容、结构。

2.CSS：级联样式表（层叠样式表）。作用：决定网页的样式、外观。

3.JAVASCRIPT：网页脚本语言。作用：决定网页的行为、动作。

---

三、html的基本元素使用

1.段落标签：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没有顺序，每个

标签独占一行（块元素），ul默认

标签项前面有个实心小圆点，ul一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等。

无序列表用法及代码实现

---

11.表格：table

用于网页中的表格制作。

rowspan：合并单元格（上下合并），数字代表多少行。

colspan：合并单元格（左右合并），数字代表多少列。

表格的具体用法

表格的代码实现

---

12.定义列表

一般用于一个标题下有一个或多个列表项的情况，默认没有标记，没有顺序，每个dt标签、dd标签独占一格。

定义列表用法及代码实现

---

13.视频和音频元素

视频元素：video；音频元素：audio。

src表示视频的路径；controls表示控件，如播放、暂停等。

video的用法

video的兼容性协写法

audio的写法

audio的兼容性写法

---

14.页面结构

分为三大部分：头部，主体，底部。

网页头部

网页主体

网页底部

---

15.iframe内联框架

可以用iframe在网页中打开一个在线网页。

iframe用法

代码实现

---

四、学习感受

前端学习要一步一步来，最重要的是学以致用，学到一个知识要立马去操作去实践，这样才能知道对所学知识的掌握程度。