What HTML
- 原名（Hyper Text Markup Language）
- HTML文档==网页
- 网页格式为.html或.htm
- 只需要记事本和浏览器即可。
HTML基础书写
<html>
<head>
<title>哈哈，我又帅了</title> <!--网页题目-->
</head>
<body>
呵呵，果然很帅 <!--网页内容-->
</body>
</html>
HTML基本标签
举例：
HTML图像
ALT属性：<img src="" alt='这是美女照片/> 当我们鼠标放到照片上时候显示。
boder属性：<img src="" alt='这是美女照片' border='50'/> 显示边框大小为50像素。
width属性为宽度
height属性为高度举例：显示锉削信息
<html>
<head>
<title>img标签属性</title>
</head>
<body>
<h1> 促销信息 <br/>
<img src="复件 果子20.jpg"/> <br/>
拍卖ACER上网本<br/>
奔腾双核，1G内存，200G硬盘<br/>
跳楼疯抢价1元起
</body>
</html>
HTML标尺线
<hr size="50" /> 表示高度
<hr width ="100" /> 表示长度
<hr nosbade="noshade" /> 表示线有阴影
<hr aligh="left" /> 表示下划线在左面，如果是其他right一样
<hr color="red" /> 表示红色举例练习：吟诗
<html>
<head>
<title>唐诗三百首</title>
</head>
<body>
<h1> 唐诗三百首
<hr>
<h2 />目录 </h2>
<p>第一首：静夜思 </p>
<p> 第二首：忆江南</p>
<p> 第三首：长恨歌</p>
</body>
</html>
字体–font标签
字体属性
举例：
<font size="6" face="宋体" color="red"> 哈哈，我又变帅了</font> <br/>显示：
物理字体：
<b> 这是粗体 </b>
<i> 这是意大利斜体</i> <br />
<tt>这是打印机字体 </tt> <br />
<u>下划线字体 </u> <br />
3<sup>2</sup>+4<sup>2</sup>=5<sup>2</sup> <br />
4<sub>2</sub> <br />
<s>这是一句被删除的</s> <br />显示：
逻辑字体：
<em> 定义强调文本
<strong> 定义强调文本
<code> 定义计算机代码文本
<samp> 定义计算机代码样本
<kbd> 定义键盘文本
<var> 定义文本的变量部分
<dfn> 定义定义项目
<cite> 定义引用(citation)
<small> 定义小号文本
<big> 定义大号文本
预定义格式文本
<marquee>将要飘动的元素</marquee>
Left 为behavior的默认值，这些值都是重复的。
<marquee direction="right"><img src="复件 果子20.jpg" /></marquee>
slide执行一次便停在边上，这些值都运行到边上会停止。
<marquee behavior="slide"><img src="复件 果子20.jpg" /></marquee>A标签
用处：用于超链接，可以加载汉字、图片等等。
加载汉字、图片
<a href='http://www.baidu.com'>百度</a><br />
<a href='http://www.itcast.cn'><img src="复件 果子20.jpg" /> </a>
回到首行和尾行:
<a name="上面" href='#下面'>跳到下面</a>
<a name="下面" href='#上面'>跳到上面</a>
跳到另一个网页的中间去：
<a href="./myFirstHtml.html">第一个html文件</a>
<a href="./myFirstHtml.html#中间">跳到第一个thml网页中间去</a>
HTML背景—body属性
LInk属性：在body中标题变颜色。
alink属性：点击的时候变色
技术：text属性：将里面的文本变成了白色，所以看不到了。
实例：其实我一直相对你说后面的因为是白色所以看不到了
<body text="white" bgcolor="white">
<font face='宋体' color="red"> 其实，我一直想对你说</font><br />
呵呵，其实，你自己想想你们的过去<br />
<font face='宋体' color="red"> 其实我一直想对你说</font><br />
你猜<br />
<font face='宋体' color="red"> 其实我一直想对你说</font><br />
我想说的是：<br />
<font face='宋体' color="red"> 其实我一直想对你说</font><br />
你和小赵很有缘，你们可以天长地久，老苏，这就是我要对你说的。<br />
HTML列表
无序演示：UL
<ul type="square">
<li> 第一个</li>
<li>第二个</li>
</ul>
结果：
有序演示：OL
<ol>
<li> 第一个</li>
<li>第二个</li>
</ol>
<ol type="A">
<li> 第一个</li>
<li>第二个</li>
</ol>
<ol type="I">
<li> 第一个</li>
<li>第二个</li>
</ol>
自定义演示：
<dl> 项目号，大标题
<dt>C# ，小标题</dt>
<dd>很基础的内容</dd>
</dl>