HTML
网站的构成
- 网站的结构(HTML)
- 网站的表现(CSS)
- 网站的行为(JavaScript)
HTML5 的基本结构
html
<!DOCTYPE html>
<!--声明文档类型-->
<html>
<!--根标签-->
<head>
<!--描述区-->
<meta charset="utf-8" />
<!--编码格式 gb2312 gbk-->
<title><!--网页的标题(显示在状态栏上面)--></title>
</head>
<body>
<!--内容区(所有再网页中能看到的内容 都放在body里面)-->
</body>
</html>
基本标签
标签名 | 说明 |
---|---|
h1-h6 | 标题标签 h1 最大 h6 最小 注:h1 是唯一的,一般用于放网页的 logo |
div | 块级元素,独占一行,用于划分网页布局 |
p | 块级元素,用于放文本的标签, |
i | 用于倾斜文本 |
em | 也是文本的倾斜,如果你只想使用斜体字来显示文本的话,请使用 i 标签 |
b | 加粗文本 |
strong | 也是文本的加粗 |
span | 文本标签,一般用于放小段落文本 |
img | 图片标签。 注:img 是单标签 |
a | 超链接,用于网页的跳转 注:a 也是单标签 |
form | 表单标签,用于表单的提交 |
table | 表格标签 |
标签属性
html
<img scr="图片地址" alt="这里写图片加载失败时显示的文字" />
<a href="跳转地址" target="_blank">超链接</a>
<!--target属性为_blank则在新窗口打开-->
路径
- ./ 当前路径
- ../返回上一级
- images/ 进入某个文件