HTML自学第一季

来源:互联网 发布:刷脸破解软件 编辑:程序博客网 时间:2024/04/28 07:08
第一次能静下心来自己学习这么多的东西,留个脚印,留个纪念。。。纪念我的大学我找到了方向



<html>
<head>
<title>wangxiaobo</title>

<meta name="keywords" content="王晓勃">       <!--设置网站关键字-->

<meta name="description" content="wangxiaobo">    <!--设置页面描述-->

<meta name="author" content="王晓勃">          <!--设置作者-->

<meta http-equiv="content-type" content="text/html" charset="gb2312">  <!--设置页面文字-->

<!--<meta http-equiv="refresh" content="5;url=http://www.hao123.com">    //定时刷新  -->

</head>
<!-- background设置页面背景图片  bgcolor设置背景颜色 -->
<!--绝对路径-->
<!--<body background="E:\我的照片\壁纸\0e8b73573df355081138c225.jpg" text=red link=white vlink=red alink="#ff0000">-->
<!--相对路径-->
<!--<body background="348593,106.jpg">-->
<body background="jpg\348593,106.jpg">
<!--设置标题字-->
<!--HTML标记可以嵌套使用-->
  <h1 align="center"><font color="#ffffff">凤凰网</font></h1> 

  <!--水平线标签<hr> 水平线高度(size) 去掉水平线阴影 noshade-->
  <hr><p>
  <hr width="500" size="5" align="right" noshade>

  <!--设置超链接-->
<a href="http://www.baidu.com">百度网页</a>

<!--设置字体-->
<font face="黑体"  size="-1" color="#aaaaaa">其在巨人肩上的矮子</font><p>
<font size="7">骑在巨人肩上的矮子</font><p>
<a href="http://www.hao123.com"><i><b><font size="15">撒娇道理卡萨丁</font></b></i></a><p>

<!--大字号标记<big></big>-->
计算圆面积 <big>Area</big> <big><big>Area</big></big><p>

<!--小字号标记<small></small>-->
  中国重工 <small>中国重工</small>   <small><small>中国重工</small></small>  <small><small><small>中国重工</small></small></small><p>

<!--设置上标-->
Area = PI * R<sup>2</sup>
<font  size="7" face=“宋体" color="#cccccc">Area = PI * R<sup>2</sup></font><p>

<!--设置下标-->
H<sub>2</sub>SO<sub>4</sub>
<font face="黑体" size="7" color="#cccccc"><i><b>H<sub>2</sub>SO<sub>4</sub></b></i> </font><p>

<!--下划线标记-->
<i><u>吸烟有害健康</u></i>

<!--段落标记<p> 属性align-->
<p align="center"> <i><u>吸烟有害健康</u></i>

<!--不另起一行的换行<br>-->
<p>欢迎来到爱淘课网站 <br>www.itak.com<p>
<!--禁止换行<nobr></nobr>-->
<font face="黑体" size="7" color="#green">欢迎来到爱淘课网站 !希望淘的开心,用的愉快.谢谢</font><p>
<font face="黑体" size="7" color="#green"><nobr>欢迎来到爱淘课网站 !希望淘的开心,用的愉快.谢谢</nobr></font><p>

<!--使用特殊符号 格式:&+字母名称+;-->
&nbsp;<!--空格符-->
<big><big>&copy;</big></big>
<big><big>&reg;</big></big>
<big><big>&trade;</big></big>
<big><big>&sect;</big></big>
<big><big>&times;</big></big>
<big><big>&lt;</big></big>
<big><big>&gt;</big></big>
<big><big>&amp;</big></big>

<!--插入图片及属性-->
<img src="" alt="德怀恩。韦德" width="500" height="300" border="5">
<img src="1.jpg" alt="德怀恩。韦德" width="300" height="150">

<!--文字和图片见得垂直距离vspace和水平hspace-->
卢卡斯的减肥  分开来说交大路附近连锁店范德萨发家里开始大家分了大家快疯了的发送到发生大幅范德萨发生的<img src="1.jpg" width="300" height="150" vspace="10" hspace="10">法师打发斯蒂芬发送到发送到发送到发送到发送到发送到阿凡达沙发f大家法拉盛大姐夫来打扫房间拉沙德阿斯兰的房间里卡三等奖倒萨附近卢卡斯的减肥阿斯顿福建路卡斯大家多少分金坷垃束带结发大书法家卡手榴弹
<!--图片和文字间的对齐方式align(bottom、top、middle、left、right)-->
卢卡斯的减肥  分开来说交大路附近连锁店范德萨发家里开始大家分了大家快疯了的发送到发生大幅范德萨发生的<img src="1.jpg" width="300" height="150" vspace="10" hspace="10" align="top">法师打发斯蒂芬发送到发送到发送到发送到发送到发送到阿凡达沙发f大家法拉盛大姐夫来打扫房间拉沙德阿斯兰的房间里卡三等奖倒萨附近卢卡斯的减肥阿斯顿福建路卡斯大家多少分金坷垃束带结发大书法家卡手榴弹
<!--图片超链接-->
<a href="http://www.baidu.com"><img src="1.jpg" alt="德怀恩。韦德" width="300" height="150"></a>

<!--有序列表标签-->
<!--父标签<ol></ol> 属性type(1、a、A、i、I)起始start子标签<li></li>-->
<ol type="a" start="4">
<li>计算机科学与技术</li>
<li>最爱李宁</li>
<li>javascript</li>
</ol>
<h2 align="center">列表实例</h2>
<!--有序列表<ul></ul>属性type(默认disc、circle、square)-->
<ul  >
<li>计算机科学与技术</li>
<li>最爱李宁</li>
<li>javascript</li>
</ul>
<ul  type="circle">
<li>计算机科学与技术</li>
<li>最爱李宁</li>
<li>javascript</li>
</ul>
<ul  type="square">
<li>计算机科学与技术</li>
<li>最爱李宁</li>
<li>javascript</li>
</ul>

<!--目录列表<dir></dir>-->
目录列表
<dir>
<li>计算机科学与技术</li>
<li>最爱李宁</li>
<li>javascript</li>
</dir>
菜单列表
<menu>
<li>计算机科学与技术</li>
<li>最爱李宁</li>
<li>javascript</li>
</menu>
定义列表
<dl>
<dt>爱淘课</dt>
<dd>网址是:www.itaok.com</dd>
</dl>

<!--表格标签-->
<table width="800" height="100" border="3" background="348593,106.jpg">
<caption>表格标题标签</caption>
<!--行的垂直对齐方式vailgn(top、bottom、middle)-->
<tr align="right" valign="top">
<th>星期一:</th><th>星期二:</th><th>星期三:</th><th>星期四:</th><th>星期五:</th>
</tr>
<tr align="center" valign="middle" height="100" bgcolor="red">
<td>java</td><td>C#实验</td><td>java实验</td><td>电缆附件</td><td>敌法</td>
</tr>
<tr align="right" valign="bottom"  bgcolor="green">
<td>C#</td><td>项目管理</td><td>html实验</td><td>的发送到</td><td>阿道夫</td>
</tr>
</table >
<!--边框属性border 长宽width height 边框颜色bordercolor  像素属性cellspacing 单元格像素cellpadding-->
<table background="1.jpg" border="1" width="800" height="200" align="center" bordercolor="#66ccff" cellspacing="15" cellpadding="5" bgcolor="#88ffgg">
<caption>课程表</caption>
<tr>
<!--<th设置表头>-->
<th>星期一:</th><th>星期二:</th><th>星期三:</th><th>星期四:</th><th>星期五:</th>
</tr>
<tr background="348593,106.jpg">
<td>java</td><td height="100">C#实验</td><td bgcolor="red">java实验</td><td background="348593,106.jpg">电缆附件</td><td>敌法</td>
</tr>
<tr>
<td width="1">C#</td><td align="center" valign="middle">项目管理</td><td>html实验</td><td>的发送到</td><td>阿道夫</td>
</tr>
<!--单元格的水平跨度属性colspan   垂直跨度的列数rowspan-->
<tr><td colspan="3" rowspan="2">哈坎话费卡</td><td>sdadas</td></tr>
<!--单元格边框颜色bordercolor--><!--有立体感的暗边框属性bordercolordark-->
<tr><td bordercolor="#000000">adsjkfhaksd</td><td bordercolordark="#000000">dasdas ssad</td></tr>
</table>

<!--超链接(属性target(-self当前页面中打开超链接)(-blank在一个空白页面中打开超链接)) 1.外部超链接 2.内部超链接 3.下载链接 4.电子邮件链接 5.锚点链接-->
<a href="wangxiaobo.html" target="-blank" >wangxiaobo</a>
</body>

</html>

原创粉丝点击