关于HTML
什么是HTML
- ·一种超文本标记语言
HTML的发展历史
新版HTML5
- · 详见百度『有条件的话建议以后搜索引擎改用谷歌』
HTML基本语法
HTML标签
- · 单标签 简单的说只要开始时有个标签 <标签名> <标签名/>
- · 双标签 这个标签的开始和结束都需要 <标签名> 内容</标签名>
- · 也叫 元素
属性
- · 属性属于标签
- · 一个标签可以有多个属性，每个属性有不同的意义
- · 属性值最好写在双引号中
代码规范
- · 缩进 Tab或4个空格
注释
<!-- 注释内容 -->
HTML 主体结构标签
文档声明
- · <!doctype html>
html标签
- · <html></html>
head标签
- · <head></head>
- · 里面会包含 诸如页面标题，搜索引擎信息等相关的标签
body标签
- · <body></body>
- · 页面的主体内容
- · 属性
- background
- bgcolor
- text
- link 超链接默认颜色
- vlink 点击过后的颜色
- alink 正在点击的颜色
head头部标签
标签
- <title></title> 定义标题
- <meta />
- <link href=""></link>
meta功能
定义字符集编码
- ·
- o <meta charset="utf-8">
- o <meta http-equiv="content-type" content="text/html;charset=utf-8">
- ·
刷新或跳转
- ·
- o <meta http-equiv="refresh" content="3">
- o <meta http-equiv="refresh" content="3;url=http://unclealan.cn">
- ·
设置关键字
- ·
- o <meta name="keywords" content="每个次用英文,隔开">
- ·
设置页面描述
- ·
- o <meta name="desctiption" content="80字之内一段话">
定义网站标题图标
- · <link rel="shortcut icon" href="图片地址.ico">
格式排版标签
换行标签 br
- · <br />
分隔线 hr
- · <hr />
- · 语义：段落与段落之间的分割
- · 属性
- o width
- o size
- o align
- o noshade
段落标签 p
- · <p></p>
- · 语义：表示段落
- · 属性
- o align : left/right/center
原样输出标签 pre
- · <pre></pre>
- · 语义：需要原格式输出 显示代码
标题标签 hr
- · <h2></h1> 一级标题
- · <h2></h2> 二级标题
- · <h3></h3> 三级标题
- · <h4></h4> 四级标题
- · <h5></h5> 五级标题
- · <h6></h6> 六级标题
居中标签
- · <center></center>
- · 不建议使用，因为css中有更好的办法