# HTML文件的基本结构
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="keywords" content="Jaav教程,Python教程,keywords3"> <meta name="discription" content="Java"></meta> <title>这是标题</title> </head> <body> 这是我的第一个html程序 </body> </html>
# HTML中的head内容
<title> # 指定整个网页的标题(标签栏中显示) <base> # 为页面上的所有链接规定默认地址或默认目标(target) <meta> # 提供有关页面的基本信息 <link> # 定义文档与外部资源的关系 <script> # 定义客户端脚本,如JavaScript <style> # 定义内部样式表与网页的关系
# <title>
定义浏览器中的标题
网页被收藏到收藏夹时显示的标题
告诉用户和搜索引擎该页面的主要内容，主题# <base>
指定页面上所有连接的默认地址或默认目标<head> <base href="https://www.doaoao.com/images" /> </head> <body> <img src="logo.jpg">
<!-- 这里设置了图片的相对地址，因为有指定默认的url，所以图片实际访问的地址为 https://www.doaoao.com/images/logo.jpg --> </body># <meta>
提供页面的相关信息，设置浏览器爬取的关键词<!-- 重定向 2秒后跳转到对应的网页 --> <meta http-equiv="refresh" content="2;URL=http://www.doaoao.com"> <!-- 指定文档的内容类型和编码类型 --> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <!-- 告诉IE浏览器以最高级模式渲染当前网页--> <meta http-equiv="x-ua-compatible" content="IE=edge"> <!-- 设置给搜索引擎看的关键词 --> <meta name="Keywords" content="Java,Python,C++,C,VB" /> <!-- 当搜索引擎搜索到该网页时，就会将下方的概要显示出来 --> <meta name="Description" content="Java是一种高效的编程语言" /> <!-- 让网页支持移动端，移动设备优先 --> <meta name=viewport content="width=device-width, initial-scale=1"># <link>
<head> <link rel="stylesheet" type="text/css" href="newstyle.css"> </head># <head>
<head> <style type="text/css"> div{ background-color:red; width:100%; height:100%; } </style> </head> <body> <div class="d1"></div> </body>
# HTML常用的转义字符
$nbsp; // 表示一个空格
> // 大于号
< // 小于号
© // 版权符号©
® // 注册符号®转义字符对照表：http://tool.oschina.net/commons?type=2