<!--

超链接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>标签为表单标签。假设要把数据提交到server。则须要将<input>,<textarea>,<select>等表单元素放到form中

<input>是基本的表单元素，type是<input>元素的可选值 。可选值详细有：submit 提交button，button普通button，checkbox复选框

file文件选择框，hidden隐藏字段，image图片button，password密码框。radio单选button。 reset重置button 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 ui ol dl的更多相关文章

  1. 块和内嵌总结，以及各个标签的应用。其中的ul ol dl特殊定义为auto，使得里面的内容展开

    <!doctype html> <html> <head> <meta charset="UTF-8"/> <title> ...

  2. 列表 ul ol dl 和 块级标签和行及标签之间的转换

    1. 无序列表 有序列表 自定义列表 1,无序列表 第一 你不必须有子标签  <li></li> 第二 ul天生自带内外边距 List-style的属性值 circle(空心圆 ...

  3. html-2, a img ul li ol dl dt dd 标签与列表标签的简单使用

    <!-- a:  a{ /*清除a标签的下划线*/ text-decoration: none; }  (1)超链接 href 超链接的地址 target: _self 默认 在当前中打开链接地 ...

  4. [置顶] html学习笔记，锚点，超链接，table布局，表头，h,sub,blockquote,ul,li,ol.dl,加入收藏，打印，弹出窗口

    <a name="shouye"></a> <strong>strong加粗</strong> <br> 没有加粗 &l ...

  5. ul ol dl

    1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> < ...

  6. 列表(ul ol dl)

    Title 1 2 3 1 2 3 a 1 2 b 1 2 <!DOCTYPE html> <html lang="en"> <head> &l ...

  7. css的基础用法（下）

    定位: <html> <head> <meta charset="utf-8" /> <title>定位</title> ...

  8. 语义化HTML：ul、ol和dl

    一.语义化元素   1. ul标签 W3C草案: The ul element represents an unordered list of items; that is, a list in wh ...

  9. Html ul、dl、ol 标签

    Html ul.dl.ol 标签 <html> <body> <!-- ul 标签指定字符断点,左边带一个“·”点--> <ul> <!-- li ...

随机推荐

  1. Selenium2+python自动化57-捕获异常（NoSuchElementException）【转载】

    前言 在定位元素的时候,经常会遇到各种异常,为什么会发生这些异常,遇到异常又该如何处理呢? 本篇通过学习selenium的exceptions模块,了解异常发生的原因. 一.发生异常 1.打开博客首页 ...

  2. Centos7重置root密码的方法(亲测有效)

    CentOS 7的更新还是非常大的,很多平时使用的命令已经变化了,要上手还真要一段时间.比如忘记root密码.在5.6的系统中直接进入单用户模式下,一个passwd命令修改,重启即可.但是在Cento ...

  3. 【cocos2d-js官方文档】十二、对象缓冲池

    cc.pool的使用场景 经常创建和销毁的元素,例如打飞机游戏里面的子弹等. 不适用的场景:不是很经常创建的物体,比如背景,建筑等. 如何使用cc.pool 让你的类支持cc.pool 首先,你需在需 ...

  4. centos 命令行修改主机名

    # vi /etc/sysconfig/network # 把localhost.localdomain 修改为 localhost.com # 保存退出 # vi /etc/hosts # 把loc ...

  5. HDU 6326.Problem H. Monster Hunter-贪心(优先队列)+流水线排序+路径压缩、节点合并(并查集) (2018 Multi-University Training Contest 3 1008)

    6326.Problem H. Monster Hunter 题意就是打怪兽,给定一棵 n 个点的树,除 1 外每个点有一只怪兽,打败它需要先消耗 ai点 HP,再恢复 bi点 HP.求从 1 号点出 ...

  6. flutter 频道切换

    https://github.com/flutter/flutter/wiki/Flutter-build-release-channels 频道说明页 https://flutter.dev/doc ...

  7. CSU七月校赛A

    /*#include <iostream> #include<cstdio> #include<algorithm> #include<cstring> ...

  8. web前端读取文本文件内容

    html5+js实现,参照xxyy888的CSDN博客文章<使用HTML+javascrpt读取txt文本文件>失败,将作者文章中的代码重新整理了下依然不行,文章代码存在的问题是括号错误, ...

  9. RID枚举工具RidEnum

    RID枚举工具RidEnum   RID(Relative ID)是域RID主机为域内用户.组或者计算机对象分配的标识.RID和域的SID就构成该对象的SID.RidEnum是一个RID循环攻击工具. ...

  10. 利用Java的反射与代理机制实现AOP

    在上一篇文章中,我们讲述了利用Java的反射机制中实现Spring中的IOC,在本文中,我们将更进一步,讲述用Java的反射和动态代理机制来实现Spring的AOP. 一．AOP概述 AOP(Aspe ...