这是我今晚看的html基础视频写下的笔记,有我们常见的网页代码,没有说明文字,不是这行的朋友们不知道是什么,学习过的可以看看当复习。
<html>
<head>
<meta name="author" content="Tencent CDC Team" />
<meta http-equiv="Cache-Control" content="max-age=60" />
<meta name="robots" content="all" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>学写html代码</title>
<meta name="keywords" content="关键词 />
<meta name="description" content="描述 />
<meta name="viewport" content="width=device-width" />
<link rel="dns-prefetch" href="//www.qianxixian.cn">
<link rel="dns-prefetch" href="//qinqinqi.com">
</head>
<body>
{dede:global.cfg_webname/}
<div class="banner">{dede:myad name='innerTopBanner1'/}</div>
<div class="banner2">{dede:myad name='innerTopBanner2'/}</div>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="refrseh" content="5;url="http://qinqinqi.com"/>
<body bgcolor="red">
<body backguound="http://img.jpg">
<body text="#9966cc" link="#50a625" vlink="#000000" vlink="#126354">
<body topmargin="10" leftmargin="0">
相对路径"../img/54.jpg"
<h1 align="center" "left" "reght"><font color="#333cc">大标题</font></h1>
<h2 align="center" "left" "reght">中标题</h2>
<font face="黑体" size="7" >字体</font>
<u><i><b>粗体,斜体,下横线</b></i></u>
<sup>2</sup>+b<sup>2</sup>=(a+b)<sup>2</sup>-2ab
<sub>下标</sub>
<big>增大一级字号</big><big><big>可重复套用-2号</big></big>
<small>小一号</small>
<p align="center">align对齐方式
<br>文字换行-是单标签
<nobr>不换行</nobr>
<hr 宽widrh="" 高size="" 颜色color="" 对齐方式align="" 无阴影noshade>值是像素,宽可以是百分比
这是空格符 其他符合是(&字母;)
<font color="#5566cc" face="黑体" size="-3" >字体</font>
<img src="itaok.jpg" alr="tupian" border="2" vspace="10" hspace="10" align="bottom">
有序列表:
<ol type="1" start="3">注:sype值可以是1,a,A,罗马数字
<li>列表</li>
<li>列表</li>
<li>列表</li>
</ol>
无序列表:
<ul type="disc">注:只有type属性,disc表示.circle。square表示 口
<li>列表</li>
<li>列表</li>
<li>列表</li>
</ul>
目录列表:
<dir>
<li>列表</li>
<li>列表</li>
<li>列表</li>
</dir>
菜单列表:
<menu>
<li>列表</li>
<li>列表</li>
<li>列表</li>
</menu>
定义列表:
<dl>
<dt>爱逃课</dt>
<dd>爱逃课是一个专业的电脑视频教程的团队,我们的网址是..</dd>
</dl>
表格标签:
<table border="3" width="500" height="200" align="center" bordercolor="颜色" cellspacing="15" cellpadding="5" bgcolor="背景色,也可以是图片地址">
<caption>表格标题</caption>
<tr align="center" valign="top" bordercolor="颜色"> <td>姓名</td> <td>语文</td> <td>数学</td> <td></td> </tr>
<tr align="center" valign="top"> <td width="150" height="100">张三</td> <td></td> <td></td> <td></td> </tr>
<tr align="left" valign="middle"> <td>李四</td> <td></td> <td></td> <td></td> </tr>
<tr align="right" valign="bottom" height="50"> <td>王五</td> <td></td> <td></td> <td></td> </tr>
<tr><td colspan="水平跨度填写数字" rowspan="垂直跨度2">表格内容</td><tr>
<tr><td>内容</td></tr>
</table>
注:<caption>是标题,border是边框,cellspacing是表格间距,cellpadding是文字与单元格间距,<tr>是行,<td>是单元格
表头加粗:第一行 删除<tr> <td>改成<th>就是这样<th>姓名</th> <th>语文</th> <th>数学</th> <th></th>
<a href="#2">锚点链接</a>
<a href="wenjian.rar">下载链接</a>
<marquee directing="up">传说中的滚动文字,图片,表格</marquee>方向,up,down,left,right
behavior="scroll"滚动方式,scroll循环,slide滚一次,alternate来回交替
scrollamount="3"滚动长度—像素,scrolldelay="200"滚动时长_毫秒
loop="5"滚动次数
公告栏:
<table width="150" heigh="100" border="1">
<ta height="20" align="center"><td>公告栏</td> </tr>
<ta height="80"><td>公告栏<marquee direction="up" height="80">滚动的文字</marquee></td> </tr>
</table>
<embed src="1.swf" width="200" height="100"></embed>多媒体
<bgsound src="3.mp3" loop="2"></bgsound>背景音乐
框架:
<frameset rows="水平分割,框架窗口宽度,可是像素和百分比" cols="垂直分割" feameborder="分割边框yes,no" framespacing="边框宽5" bordercolor="颜色">
<frame sre="news.html" noresize>
<frame sre="product.html" scrolling="yes,no,常用自适应auto" name="itaok">
</frameset>
注:name="itaok" ,在其他页面超链接加目标target="itaok"就只显示目标框架内容
浮动框架<iframe src="web/game.html" name="iaok" width="650" height="300" frameborder="no" scolling="right">
表单标记:
<form action="表单处理程序地址" name="form1" merhod="get,post">
姓名:<input type="text" size="10" value="张三" maxlength="字数4">
电话:<input type="text" size="10"><br>
密码:<input type="password" size="10" value="张三" maxlength="字数10">
性别:<input name="sex" type="radio" value="男性" checked>男
<input name="sex" type="radio" value="女性">女
爱好:<input name="yy" type="checkbox" value="游泳" checked>游泳
<input name="cg" type="checkbox" value="唱歌" checked>唱歌
<input name="yx" type="checkbox" value="游戏" checked>游戏
多选框,name不能重复
学历:<select name="itaok">
<option value="大学" selected>大学</option>
<option value="初中">初中</option>
<option value="高中">高中</option>
注:这是下拉菜单样式,selected表示默认
<select>
学历:<select name="itaok" multiple size="2">
<option value="大学" selected>大学</option>
<option value="初中">初中</option>
<option value="高中">高中</option>
注:这是下拉菜单样式,selected表示默认,multiple没下拉菜单样式
<select>
留言文本框:
<textarea nama="text" cols="30" rows="10">
<textarea>
<input type="hidden" value="传数据地址" name="aaa">
上传照片:<inpur type="file" size="30"name="myfile">
<input type="submit" name="an" value="我要提交">
<input type="reset" name="an" value="我要提交">注:resets是错误清空
<input type="image" name="im" src="img.jpg图片">
<form>
</body>
</html>
过来看看、感谢分享