HTML ui ol dl

<!--
超链接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> 

你可能感兴趣的:(html)