html常见基础代码

这是我今晚看的html基础视频写下的笔记,有我们常见的网页代码,没有说明文字,不是这行的朋友们不知道是什么,学习过的可以看看当复习。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>值是像素,宽可以是百分比

&nbsp;这是空格符 其他符合是(&字母;)

<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>

评论回复

  1. 回复 好文章

    过来看看、感谢分享