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、网页基本标签:<br /> 1、标题标签:
<h1>...</h1>
...
<h6>...</h6>
2、水平线标签:
<hr/>
3、段落标签:
<p>...</p>
4、换行标签:
<br/>
5、字体加粗:
<strong>..</strong>
6、字体斜体:
<em>...</em>
7、图片标签:
<img src="路径" alt="图片不存在时的提示文本" title="图片的标题" width="宽度" height="高度"/>
路径:<br /> 绝对路径:<br /> 磁盘绝对路径:对此磁盘根目录 src="D:\read.jpg"<br /> 外网绝对路径:src="网络图片地址"<br /> 相对路径:对比某个文本夹 src="../images/guan.png"<br /> 8、超链接:
<a href="链接路径" target="目标窗口位置">文本或图片</a>
target="_blank":在新的空白窗口打开<br /> target="_self":在本窗口打开,不写,默认在本窗口打开<br /> 锚链接:<br /> 1)创建跳转标记:<a name="名">...</a><br /> 2)创建跳转连接:<a href="#名">...</a><br /> 4、特殊符号:<br /> 1、版权符号:©<br /> 2、空格: <br /> 3、大于:> 小于: <<br /> 4、引号:"<br /> 5、列表<br /> 1、无序列表
<ul> 注意:默认为实心圆 type="circle" (空心圆) type="square"(方块)
<li>...</li>
</ul>
快捷生成方式:ul>li*整数 tab键快速生成<br /> 2、有序列表
<ol> 注意:默认为1、2.. type="1、A、a、I、i"
<li>...</li>
</ol>
3、定义列表:
<dl>
<dt>..</dt> 标题列
<dd>..</dd> 内容列
</dl>