Html基础回顾
1 HTML 简介
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5基础制作</title> <base href="http://www.google.com/" /> <link rel="shortcut icon" href="favicon.ico" type="imge/x-icon"/> </head> <body> <h1>一级标题</h1><br /> <h2>二级标题</h2><br /> <h3>三级标题</h3><br /> <h4>四级标题</h4><br /> <h5>五级标题</h5><br /> <h6>六级标题</h6><br /> <a href="http://www.javascriptcn.com/">访问JavaScript中文网</a> </body>
声明为 HTML5 文档
元素是 HTML 页面的根元素
元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
元素描述了文档的标题
元素包含了可见的页面内容
元素定义一个大标题
元素定义一个段落
打开任何的页面信息 Ctr+U
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5基础制作</title> <base href="http://www.google.com/" /> <link rel="shortcut icon" href="favicon.ico" type="imge/x-icon"/> </head> <body> <h1>我是一级标题</h1> <h2>我是二级标题</h2> <h3>我是三级标题</h3> <h4>我是四级标题</h4> <h5>我是五级标题</h5> <h6>我是六级标题</h6> <hr />
2 什么是HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
3 HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
<标签>内容</标签>
<p class="h1">离开的人越来越多，留下的人越来越重要一切都会好起来的，即使不是在今天，总有一天会的真正的失败不是你没有做成事，而是你甘心于失败运气就是机会碰巧撞到了你的努力得之坦然，失之淡然，顺其自然，争其必然。</p> <p>离开的人越来越多，留下的人越来越重要一切都会好起来的<br>即使不是在今天，总有一天会的真正的失败不是你没<br>有做成事，而是你甘心于失败运气就是机<br>会碰巧撞到了你的努力得之坦然，<br>失之淡然，顺其自然，争其必然。</p> <div>Hellow you me </div> <div>Hellow you me World like you me </div> <div>$$$$$$$!!!!!!!</div> <hr /> <span>Hellow</span> <span>World Hellow</span> <span>!!!!!</span> <hr /> <div><b>AAAAAA</b></div> <div><strong>BBBBBBBBB</strong></div> <div><big>CCCCCCCCC</big></div> <div><small>DDDDDDDDD</small></div> <div><em>EEEEEEEEEEE</em></div> <div><i>FFFFFFFFFF</i></div> <div>ASDFG<sup>fg</sup>HJKL</div> <div>asdfghhj<sub>SD</sub></div> <div><bdo dir="ltr">从left到right</bdo></div> <div><bdo dir="rtl">从right到left</bdo></div> <hr /> <abbr title="HELLOW L LIKE ME YOU JAVA SCRIPT IS WEB"></abbr> <br /><br /> <dfn>HTMLCSS</dfn>是一种标记语言。<del>不是标记语言</del><br /> <ins>HTML</ins>是<q>kjjsslajal</q>的缩写。<br /> <code> public class htmler{<br /> private static final version =5.0;<br /> }<br /> </code> <hr /> <pre> public class htmler{<br /> private static final version =5.0;<br /> }<br /> </pre> <hr /> 离开的人越来越多，留下的<address></address>人越来越重要一切都会好起来的<address/>即使不是在今天，总有一天会的真正的失败不是你没有做成事，而是你甘心于失败运气就是机会碰巧撞到了你的努力得之坦然，失之<cite>天会的真正的失败不</cite>淡然，顺其自然，争其必然<br /> <blockquote></blockquote>离开的人越来越多，留下的人越来越重要一切都会好起来的<br>即使不是在今天，总有一天会的真正的失败不是你没<br>有做成事，而是你甘心于失败运气就是机<br>会碰巧撞到了你的努力得之坦然，<br>失之淡然，顺其自然，争其必然。 </blockquote>
4 HTML 基础
HTML 标题 <h>内容</h> HTML 段落<p>内容</p> HTML 链接 内容 HTML 图像是通过标签 <img> 来定义的.
5 HTML 元素
开始标签 * |
元素内容 |
结束标签 * |
<p> |
这是一个段落 |
</p> |
<a href="default.htm"> |
这是一个链接 |
</a> |
|
换行 |
开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）
6 HTML 元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
7 HTML 属性
属性 |
描述 |
class |
为html元素定义一个或多个类名（classname）(类名从样式文件引入) |
id |
定义元素的唯一id |
style |
规定元素的行内样式（inline style） |
title |
描述了元素的额外信息 (作为工具条使用) |
8 HTML 标题
<h1>我是一级标题</h1> <h2>我是二级标题</h2> <h3>我是三级标题</h3> <h4>我是四级标题</h4> <h5>我是五级标题</h5> <h6>我是六级标题</h6>
9 Html段落
<p>这个<br>段落<br>演示了分行的效果</p>
10 HTML 文本格式化
标签 描述
<b> 定义粗体文本
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字
<code> 定义计算机代码
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<var> 定义变量
<pre> 定义预格式文本
<abbr> 定义缩写
<address> 定义地址
<bdo> 定义文字方向
<blockquote> 定义长的引用
<q> 定义短的引用语
<cite> 定义引用、引证
<dfn> 定义一个定义项目。
<head> 定义了文档的信息
<title> 定义了文档的标题
<base> 定义了页面链接标签的默认链接地址
<link> 定义了一个文档和外部资源之间的关系
<meta> 定义了HTML文档中的元数据
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件
11 HTML head 元素
标签 描述 <head> 定义了文档的信息 <title> 定义了文档的标题 <base> 定义了页面链接标签的默认链接地址 <link> 定义了一个文档和外部资源之间的关系 <meta> 定义了HTML文档中的元数据 <script> 定义了客户端的脚本文件<style> 定义了HTML文档的样式文件
12 如何使用CSS
CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.
CSS 可以通过以下方式添加到HTML中:
内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
外部引用 - 使用外部 CSS 文件
