1、网页
1、定义:网站中的某一页,它是构成网站的基本元素
2、通常由文字、图片、音频、视频、超链接、表格、表单等元素组成
3、后缀:.html或.htm。因此简称为html文件
2、web标准:
1、结构:网页元素。主要是HTML
2、表现:元素的版式、颜色等样式。主要是CSS
3、行为:网页和用户的交互。主要是javascript
3、html
1、定义:
Hyper Type Markup Language (超文本标记(标签)语言)
html不是一门编程语言,而是一种标记语言,描述网页的语言。
2、基本结构:
<!DOCTYPE html> <!--文档类型声明-->
<html lang="en"> <!-- html根标签-->
<head> <!--网页头部-->
<meta charset="UTF-8">
<title></title> <!-- 网页的标题-->
</head>
<body> <!--网页主体-->
网页内容
</body>
</html>
3、网页基本标签:
1、标题标签:
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
2、水平线标签:
<hr/>
3、段落标签:
<p>...</p>
4、换行标签:
<br/>
5、字体加粗:
<strong>..</strong>
6、字体斜体:
<em>...</em>
7、图片标签:
<img src="路径" alt="图片不存在时的提示文本" title="图片的标题" width="宽度" height="高度"/>
路径
1.绝对路径:
磁盘绝对路径:对此磁盘根目录 src=“D:\read.jpg”
外网绝对路径:src=“网络图片地址”
2.相对路径:
对比某个文本夹 src="…/images/guan.png"
8、超链接:
<a href="链接路径" target="目标窗口位置">文本或图片</a>
target="_blank":在新的空白窗口打开
target="_self":在本窗口打开,不写,默认在本窗口打开
锚链接:
1)创建跳转标记:<a name="名">...</a>
2)创建跳转连接:<a href="#名">...</a>
4、特殊符号:
1、版权符号:©
2、空格:
3、大于:> 小于: <
4、引号:"
5、列表
1、无序列表
- 注意:默认为实心圆 type="circle" (空心圆) type="square"(方块)
- ...
2、有序列表
<ol> 注意:默认为1、2.. type="1、A、a、I、i"
<li>...</li>
</ol>
3、定义列表:
<dl>
<dt>..</dt> 标题列
<dd>..</dd> 内容列
</dl>