HTML ui ol dl

来源：互联网发布：自动微信加好友软件编辑：程序博客网时间：2024/04/28 19:13
<!--超链接target的属性_blank 在新窗口中打开被链接文档。 _self 默认。在相同的框架中打开被链接文档。 _parent 在父框架集中打开被链接文档。 _top 在整个窗口中打开被链接文档。 framename 在指定的框架中打开被链接文档。 --><!--特殊字符：<小于号，>大于号， 空格，--><!--<br/>代表回车，<hr/>代表水平分割线,<p>代表分段，分段与回车是有区别的，回车就仅仅是两行，两行之间没有空白，分段的话两行之间是有空白的，可以对比语文书里面的两行与两段的区别--><!--<p>与<pre>的区别--><!--<p/>一般的格式， 忽略多余的回车换行和Tab、空格   <pre/> 格式化文本，保留所有空格、回车 和Tab   --用的比较少--><!--相对于URL"/"表示网站根目录，"../"表示父目录，"../../"表示父目录的父目录，"./"或者不写任何斜线表示现对于当前路径的目录--><!--什么叫跟目录：打个比方，假如我在项目解决方案中右键"添加"->"新建项目"->"ASP.NET WEB应用程序"—>默认名称为"WebApplication1"->"确定" 。建好后,WebApplication1就是这个网站的根目录。根目录用"/"表示--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <!--head里面放的是网页的头部信息，是对页面的描述，不会直接显示在页面中-->    <title>广东易通</title>  <!---设置页面的标题<title>标签只能放置在<head>标签中-->    <link rel="stylesheet" type="text/css" href="theme.css" /></head><body bgcolor="white"> <!---body是页面的主体，大部分显示内容都定义在这里。bgcolor属性可以修改网页的背景颜色，它不是HTML的标准属性--><a href="http://www.hao123.com" target="_blank">好123<font color="red">这是一个红色的字体</font></a><img src="imgs/1.jpg" alt="这是一幅图片"  height="50" width="50" />  <!--alt元素：规定图像的替代文本--><!--ul是无序列表，也就是说没有排列限制可以随意加li --><ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul> <!--.可以随意放置 .可以随意放置 .可以随意放置 --><!--ol就序列表，会按照你写的li前后依次排列 --><ol> <li>我是第一</li> <li>我是第二</li> <li>我是第三</li> </ol> <!--1.我是第一 2.我是第二 3.我是第三 --><!--dl是定义列表，会默认前后层级关系 --><dl> <dt>中国</dt> <dd>湖南</dd> <dd>广东</dd> <dd>北京</dd> <dt>美国</dt> <dd>纽约</dd> <dd>华盛顿</dd> <dd>洛杉矶</dd> </dl> <!--中国    湖南    广东    北京美国    纽约    华盛顿    洛杉矶--><!--<th>是显示粗体--><!--<thead> 标签定义表格的表头--><table border="2">      <thead><tr><th>姓名</th><th>学号</th><th>专业名</th></tr></thead>    <tr align="center"><td>tom</td><td>0001</td><td>计算机</td></tr>    <tr><th  colspan="2">小米真的不错</th><th>文学</th></tr>    <tr><td>tom</td><td>0002</td><td rowspan="2">物理</td></tr>    <tr ><td>tom</td><td>0003</td></tr></table><img src="http://a.hiphotos.baidu.com/album/pic/item/cefc1e178a82b901296268f1718da9773812ef21.jpg?psign=296268f1718da9773912b31bb051f8198718367adbb4cb19" alt="test"/><!--<from>标签为表单标签。如果要把数据提交到服务器。则需要将<input>,<textarea>,<select>等表单元素放到form中<input>是主要的表单元素，type是<input>元素的可选值 ，可选值具体有：submit 提交按钮，button普通按钮，checkbox复选框file文件选择框，hidden隐藏字段，image图片按钮，password密码框，radio单选按钮， reset重置按钮 text文本框--><form action="Web.Release.config"   method="get"><label for="name">用户名</label><input name="username" type="text" id="name"/><label for="pas">密码</label><input name="password" type="password" id="pas"/><!--size表示text文本框有多宽。 readonly表示text文本框是只读的。maxlength 属性规定输入字段的最大长度，以字符个数计。不管是1个汉字，1个字母，1个数字，都只是1个字符。--><label for="test">测试</label><input name="test" type="text" id="test" size="40" value="这个文本框最多只能输入20个字" maxlength="20"  readonly="readonly"/><!--checked="checked"表示当前控件(复选框)被选中--><input type="checkbox" name="checkbox" checked="checked" /><input type="radio" name="gender"/>男<input type="radio" name="gender"/>女<input type="submit" />使用file,则form的enctype必须设置为multipart/form-data ,method属性为POST<input type="file"/></form></body></html>
0 0