1. 关系
HTML:网页内容。文字、图片、视频。
CSS:样式。字体、颜色、背景图片、边框。
JavaScript: 特效。动画、交互效果。
2. HTML标签:
<h>标题</h> <h1-6>是标签 字体越来越小
<p>段落</p>
<img src = "图片.jpg">
<div></div>
<span></span>
3.HTML文件基本结构
· <html></html>称为根标签,所有的网页标签都在<html></html>中。
· <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。
· 在<body>和</body>标签之间的内容是网页的主要内容。
<html>
<head>...</head>
<body>...</body>
</html>
4.<head>
文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
5.标签
1.<!--注释文字 -->
2.<p>段落文本</p>
3.<hx>标题文本</hx> (x为1-6) <h1>是最高的等级
4.<q>引用短文本</q> 不用加引号
<blockquote>引用长文本</blockquote>
5.<em>变斜体</em>
<strong>加黑</strong>
6.<br />换行 加空格 <hr/>加水平线
7.<address>联系地址信息</address>
8.<code>加入一行代码</code>
<pre>加大段代码</pre>
9.消息列表
<ul> 没有顺序 <ol> 有顺序
<li>信息</li> <li>信息</li>
<li>信息</li> <li>信息</li>
...... ......
</ul> </ol>
10.<div>…</div> <div>标签的作用就相当于一个容器。在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中
11.表格
<table summary="表格说明,浏览器中不显示">
<caption>表格标题</caption>
<tbody>当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。
<tr> <tr>…</tr>:表格的一行,所以有几对tr 表格就有几行
<th>班级</th> <th> </th>表头
<th>学生数</th>
<th>平均成绩</th>
</tr>
<tr>
<td>一班</td> <td></td>:表格的一个单元格,一行中包含几对说明有几列。
<td>30</td>
<td>89</td>
</tr>
</tbody>
</table>
6.<a>
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
a :anchor 锚,抛锚
href:Hypertext Reference的缩写,意思是超文本引用
<a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。
如下代码:
<a href="目标网址" target="_blank">click here!</a>
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
比如网A中镶嵌iframe了网页B,网页B又镶嵌iframe了网页C:如果网页C中连接设置target=_parent,则跳将网页B去掉直接A中嵌入网页C中链接页面;
而如果网页C中target=_top ,则直接跳出所有iframe框架,直接转向C中链接页面。
如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
如:<a href="mailto:收件人邮件地址?&cc=抄送地址&bcc=密件抄送地址&subject=邮件主题&body=邮件内容"></a>
含多个收件人、抄送、密件抄送人,用分号隔开多个收件人的地址即可实现。
7.img
语法:<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
说明:
1.alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;
2.title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);
3.图像可以是GIF,PNG,JPEG格式的图像文件。