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>