一.6个可以放在<head>内的标签
1.<meta>:各种属性介绍
keywords:向搜索引擎说明页面的关键字,content后输入供搜索的具体关键字。
<meta name="keywords" content="haha, hehe">
description:向搜索引擎描述页面的主要内容,通向在content中进行描述。
<meta name="description" content="这里输入对页面的相关描述">
author:向页面说明设计者的姓名。
<meta name="author" content="ATP">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
说明该页面所使用的字符集是gb2312
<meta http-equiv="refresh" content="6; url=http://www.baidu.com/">
这个页面在6s后自动跳转到百度
2.<link>标签
<link>标签定义了一个外部文件的连接,经常被用于连接外部CSS样式:
<link rel="stylesheet" type="text/css" title="temp" href="/temp.css/">
3.<base>标签
<base href="http://www.ou-uo.com/"> 为整个页面定义了所有链接的基础定位
4.<style>标签
定义CSS样式
5.<script>标签
定义页面脚本。
6.<title>标签
设置网页的标题
二.一些常用的符号:
1. 空格
2. <br> 换行
3. <p> 段落 <p align=left/center/left> 使段落左对齐/居中对齐/右对齐
4. <code></code> 显示代码
5. ® ® 注册商标
6. © © 版权
7. · 人名居中的点
8.给文本添加标注 <acronym>
<acronym title="World Wide Web">WWW</acronym>
三.整齐的文本列表
1.无序列表
<ul>
<li> 姓名:____
<p>
<li> 年龄:____
<p>
<li> 性别:____
<p>
</ul>
2.有序列表
<ol>
<li>.....</li>
<li>.....</li>
</ol>
3.2种列表支持嵌套
四.图像的引用:
1.<img src="图片/pic1.jpg" align="center">使图片居中对齐
2.<img src="图片/logo.png" border=10>给图像添加边框
3. <body style="background-image:url(图片/页面背景.jpg);">改变页面的背景
五.网页链接:
1.<a href="链接对象的路径“>链接锚点对象</a>
<a href="A.html">页面A</a>
2.图像链接 <a href="简介.html"><img src="图案片/pic.jpg"></a>
3.邮箱链接<a href="mailto:43242432@qq.com?subject=联系我;">联系我 </a>
4.在同意网页中快速查找信息:
<a href="概述>概述</a>
<br><a href=#段落一>段落一</a>
<br><a href=#段落二>段落二</a>
六.创建框架结构的页面
1.横向分割窗口
<html> <head> <title>横向分割窗口</title> </head> <frameset rows="40%,40%,*"> <frame></frame> <frame></frame> <frame></frame> </frameset> </html>
2.纵向分割窗口
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>纵向分割窗口</title> </head> <frameset cols="20%,40%,*"> <frame></frame> <frame></frame> <frame></frame> </frameset>
<body>frameset不能写在body中</body>
</html>
3.横向纵向支持相互嵌套