Html - web 第一语言，学习笔记 (二)

来源：互联网发布：php curl exec 超时编辑：程序博客网时间：2024/05/01 02:40

08.html hr 水平线

<html><head><title>HR</title></head><body><hr noshade color="#ff00ff" width="600" size="5" align="center"><div>jafjaslklsfdalkfsadfsadfsadasdfsad</div></body></html>

09.html h1~6

<html><head>                <meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="keywords" content="beauty"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>标题</title></head><body><h1>第一级</h1><h2>第二级</h2><h3>第三级</h3><h4>第四级</h4><h5>第五级</h5><h6>第六级</h6></body></html>

10.html font

<html><head>    <meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>字体</title></head><body><font color="red" size="550">红色的字哦，大小是5</font><br><font color="#0000ff" size="2">蓝色的字哦，大小是2</font></body></html>

11.html font， b，i，u，s，blink

<html><head><meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>文字显示效果</title></head><body><font color="red" size="5"><b>红色的字哦，大小是5</b></font><br><font color="#0000ff" size=2"><i>蓝色的字哦，大小是2</i></font><br><font size=6><b>黑体</b><br><i>斜体</i><br><u>下划线</u><br><s>中划线</s><br><blink>闪烁</blink><br>数组下标<sub>5</sub><br>次方<sup>3</sup></font></body></html>

12.html 转义替代符号

<html><head><meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>特殊字符</title></head><body>这本书的名字是<<如何在麦当劳白吃白喝>><br>答案：       找个"网友"替你 & 付帐！<br></body></html>

13.html <p/>, div, ul, li, ol, li

<html><head><meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>文字布局</title></head><body><p> 这里新起一段，我们来谈谈中国的古代文化，话说乾隆年间，有个小朋友...</p><p> 这里新起一段，我们来谈谈中国的古代文化，话说乾隆年间，有个小朋友...</p><div>这个小朋友的名字叫做辽阔草原，你可能会问，好奇怪的名字哦，说起这个名字来，有一个来历...</div><ul><li>来历一：他爸爸起的<li type="circle">来历二：瞎编的<li type="square">来历三：呵呵，为什么要告诉你</ul><ol><li>来历一：他爸爸起的<li>来历二：瞎编的<li>来历三：呵呵，为什么要告诉你</ol>我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！<br><br><br><nobr>我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！</nobr><pre>asdfihasdffasdfasdfasdffsdfasd fsdfasdf                             fasdfsadf                             asdfasdfs      987982347590234</pre></body></html>

14.html h1 div center

<html><head><meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>对齐</title></head><body><h1 align="center">中间中间</h1><div align="center">div中间，如果加上表格就看得更清楚喽</div><center>***中间***</center></body></html>

15.html img

<html><head><meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>图片</title></head><body><center>9824357<img src="images/01.jpg" alt="有01,我是不会显示出来的" width=200 border="30" valign=bottom><img src="images/01.jpg" alt="有01,我是不会显示出来的" width=200 border="30" valign=bottom>345234<br><img src="images/5656.jpg" alt="哪里有这张图片嘛！" border="8"></center></body></html>

16.html table

<html><head><meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>表格</title></head><body><table width="768" align="center" border="2"><tr><td width="30%" align="center">编号</td><td width="30%" align="center">名称</td><td align="center">性格</td></tr><tr><td valign="top" height="50">1</td><td valign="middle">小猫咪</td><td valign="bottom">温顺</td></tr><tr><td rowspan="2" colspan="2"><font size="5" color="red">我是狮子！</font></td><td>暴躁</td></tr><tr><td>十分暴躁！</td></tr><tr><td>3</td><td>蛇</td><td>冷酷</td></tr></table></body></html>

17.html form

<html><head><meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>表单</title><meta http-equiv="content-type" content="text/html;charset=gb2312"></head><body><form action="01.html" method="post"><table width="750" align="center" border="2"><tr><td colspan="2" align="center">用户注册</td></tr><tr><td>用户名：</td><td><input type=text name="username"  size="30" maxlength="10"></td></tr><tr><td>密码：</td><td><input type=password name="pwd" size="15" maxlength="12"></td></tr><tr><td>密码确认</td><td><input type=password name="pwd2" size="15" maxlength="12"></td></tr><tr><td>性别</td><td><input type=radio name="gender" value="male" >男<input type=radio name="gender" value="female">女<input type=radio name="gender" value="baomi" checked>保密</td></tr><tr><td>你感兴趣</td><td><input type="checkbox" name="interest" value="vc" checked>VC<input type="checkbox" name="interest" value="vb" checked>VB<input type="checkbox" name="interest" value="vfoxpro">VF<input type="checkbox" name="interest" value="vjava">VJ<br><input type="checkbox" name="interest" value="bc">BC<input type="checkbox" name="interest" value="cobol">CO<input type="checkbox" name="interest" value="java">JA<input type="checkbox" name="interest" value="delphi">Delphi</td></tr><!--必须选中JSP--><input type="hidden" name="interest" value="jsp"><tr><td>你感兴趣</td><td><select name="interest2" size=8 multiple><option value="vc" selected>VC</option> <!-- 默认被选中 --><option value="vb" selected>VB</option><option value="vfoxpro">VF</option><option value="vjava">VJ</option><option value="bc">BC</option><option value="cobol">CO</option><option value="java">JA</option><option value="delphi">Delphi</option></select></td></tr><tr><td>你来自</td><td><select name="province"><option value=0>请选择　　　　　　　　　　　　　　　　　</option><option value=34>安徽</option><option value=11>北京</option><option value=50>重庆</option><option value=35>福建</option><option value=62>甘肃</option><option value=44>广东</option><option value=45>广西</option><option value=52>贵州</option><option value=46>海南</option><option value=13>河北</option><option value=23>黑龙江</option><option value=41>河南</option><option value=42>湖北</option><option value=43>湖南</option><option value=32>江苏</option><option value=36>江西</option><option value=22>吉林</option><option value=21>辽宁</option><option value=64>宁夏</option><option value=15>内蒙古</option><option value=63>青海</option><option value=31>上海</option><option value=14>山西</option><option value=37>山东</option><option value=51>四川</option><option value=61>陕西</option><option value=12>天津</option><option value=54>西藏</option><option value=65 selected>新疆</option><option value=53>云南</option><option value=33>浙江</option><option value=71>台湾</option><option value=81>香港</option><option value=82>澳门</option><option value=0>其他</option></select></td></tr><tr><td>自我介绍</td><td><textarea rows="12" cols="80" name="intro" wrap="hard"></textarea></td></tr><tr><td></td><td><input type="submit" value="提交"> <!-- 让整个frame提交--><input type="image" src="01.jpg" width=30><input type="reset" value="重置">  <!-- 恢复到原始状态--><input type="button" value="ok">   <!-- 等学 javascript 的再说 ></td></tr></table></form>sdjfkasdfasf</body></html>

18.html frameset

<html><head><meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>Frame</title></head><!--注意不要有body--><!--<body>--><frameset cols="200, 30%, *"><frame name="left" src="01.html" noresize><frame name="middle" src="02.html"><frame name="right" src="03.html"></frameset><!--</body>--></html>

19.html frameset

<html><head><meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>Frame</title></head><!--注意不要有body--><!--<body>--><frameset cols="20%, *"><frame name="left" src="01.html" noresize><frameset rows="40%,*"><frame name="righttop" src="02.html"><frame name="rightbottom" src="03.html"></frameset></frameset><!--</body>--></html>

20.html frameset

<html><head><meta http-equiv="content-type" content="text/html;charset=utf8"><meta name="description" content="The page to show the metas"><meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache"><title>Frame</title></head><!--注意不要有body--><!--<body>--><frameset cols="20%, *"><frame name="left" src="01.html" noresize><frameset rows="40%,*"><frame name="righttop" src="02.html"><frame name="rightbottom" src="03.html"></frameset></frameset><!--</body>--></html>

0 0

Html - web 第一语言， 学习笔记 (二)

Html - web 第一语言，学习笔记 (二)