前端三剑客
如果想要制作出来一个漂亮的网页,那么前端“三剑客”是必不可少的。
一. HTML
1. 什么是HTML?
HTML 是一种用来告知浏览器如何组织页面的标记语言,描述页面的整体骨架。由一系列的元素组成。
2. 元素
元素由标签和标签内容组成,具体如下图:
3. 常见的元素
(1)标题元素
h1、h2、h3、h4、h5、h6
依次是一级到6级标题,字号由大到小。
(2)段落元素
用 p 表示段落元素。
(3)列表
- 无序列表:ul
- 有序列表:ol
- 列表项目:li
(4)超链接
用 a 表示链接
(5)图片
用 img 表示。
(6)无语义标签
- 块级无语义标签:div
- 内联无语义标签:span
这两个标签可以表示标题、列表、图片、段落等元素。
二. CSS
1. 什么是 CSS ?
CSS 是一种样式规则语言,用来描述页面的样式。可将样式应用于 HTML 内容, 例如设置背景颜色和字体。
2. 引入的样式
-
内联样式:以元素的属性指定
-
内部样式:以 < style > 标签包裹
-
外部样式:以外部文件的方式